多彩的世界

代码语言:html

所属分类:粒子

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>- A colourful world of Turbulence</title>
    <style>
        body {
            font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
            background-color: #000;
            margin: 0;
            padding: 0;
            border-width: 0;
        }
    </style>

</head>
<body translate="no">

    <script>
        "use strict";

        /**
        * Written by Dillon https://codepen.io/Dillo
        *
        * Inspired in very large part by Alex Andrix's work on Codepen
        * https://codepen.io/alexandrix/pen/jgyWww
        * @author Alex Andrix <alex@alexandrix.com>
        * @since 2019
        */



        const nbEddies = 5;
        const nbParticles = 1000; // number of particles
        const lifeTime = 1000; // average lifetime of particles

        let canv, ctx; // canvas and drawing context
        let maxx, maxy; // size of client Window
        let dimx, dimy; // size of canvas

        let eddies; // array of eddies
        let particles; // array of particles

        let requestID; // ID provided by window.requestAnimationFrame();
        let hueShift;

        /* shortcuts for Math */

        const mrandom = Math.random; // see above alternative function for reproductible results
        const mfloor = Math.floor;
        const mround .........完整代码请登录后点击上方下载按钮下载查看

网友评论0