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