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