炫酷canvas粒子动画特效

代码语言:html

所属分类:粒子

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<title>Flowfield Particles 2</title>
<style>
      html, body{
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}
    </style>

</head>
<body translate="no">
<canvas id="canvas"></canvas>
<script src='http://repo.bfw.wiki/bfwrepo/js/BbBxRG.js'></script>
<script src='http://repo.bfw.wiki/bfwrepo/js/rRBKBm.js'></script>
<script src='http://repo.bfw.wiki/bfwrepo/js/dat.gui.min.js'></script>
<script>

let canvas, ctx, field, w, h, fieldSize, columns, rows, noiseZ, particles, hue;
(noiseZ = 0);
particleCount = 2000;
particleSize = 0.9;
fieldSize = 70;
fieldForce = 0.15;
noiseSpeed = 0.003;
sORp = true;
trailLength = 0.15;
hueBase = 0;
hueRange = 3.5;
maxSpeed = 2.5;
enableGUI = true;

var ui = new function() {
  this.particleCount = partic.........完整代码请登录后点击上方下载按钮下载查看

网友评论0