js实现canvas彩色圆点粒子发光运动效果代码

代码语言:html

所属分类:粒子

代码描述:js实现canvas彩色圆点粒子发光运动效果代码

代码标签: 彩色 圆点 粒子 发光 运动 效果

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        html,
    body {
      margin: 0;
      padding: 0;
      height: 100%;
    }
    body {
      background-color: #000;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    canvas {
      flex-shrink: 0;
      image-rendering: -moz-crisp-edges;
      image-rendering: -webkit-crisp-edges;
      image-rendering: pixelated;
      object-fit: contain;
    }
    </style>

</head>

<body>

    <script>
        const PI = Math.PI,
          TWO_PI = Math.PI * 2;
    
    Util = {};
    Util.timeStamp = function() {
    	return window.performance.now();
    };
    Util.random = function(min, max) {
      return min + Math.random() * (max - min);
    };
    Util.map = function(a, b, c, d, e) {
      return (a - b) / (c - b) * (e - d) + d;
    };
    Util.lerp = function(value1, value2, amount) {
      return value1 + (value2 - value1) * amount;
    };
    Util.array2D = function(tableau, array_width){
    	var result = [];
    	for (var i = 0; i < tableau.length.........完整代码请登录后点击上方下载按钮下载查看

网友评论0