js实现canvas粒子波浪动画效果代码
代码语言:html
所属分类:粒子
代码描述:js实现canvas粒子波浪动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html>
<head>
<meta charset="utf-8">
<title>粒子波浪</title>
<style>
html,
body {
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
background: black;
}
canvas {
position: relative;
width: 100%;
height: 100%;
}
* {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
footer {
position: fixed;
right: 0;
top: 0;
left: 0;
padding: 10px 10px;
text-align: right;
font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
display: inline-block;
margin-left: 2px;
padding: 2px 4px;
color: #343436;
text-decoration: none;
background-color: #fcd000;
border-radius: 4px;
opacity: 1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
a:hover {
opacity: 0.6;
}
</style>
</head>
<body>
<canvas width="1106" height="942"></canvas>
<script>
!function(n, r) {
"object" == typeof exports && "undefined" != typeof module?module.exports = r(): "function" == typeof define && define.amd?define(r): n.starlings = r()}(this, function() {
"use strict"; return function(n, r, t, o, e, u, i, f) {
var a = f.onSetup; void 0 === a && .........完整代码请登录后点击上方下载按钮下载查看
















网友评论0