p5实现一个点状花朵canvas变化效果代码-html代码-BFW代码库

p5实现一个点状花朵canvas变化效果代码

代码语言：html

所属分类：动画

代码描述：p5实现一个点状花朵canvas变化效果代码

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

<html lang="en"><head>

  <meta charset="UTF-8">

  
  
  


</head>

<body>
  
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/p5.js"></script>
      <script>
//clicktochange
let rules = 0;
let cnt = 0,
  n = 256;
let dArray = [];
let w = 0,
  r = 20;

function setup() {
  createCanvas(windowWidth, windowHeight );
  co = floor(width / (2 * r));
  ro = co
  randomDead();
  background(20);
  noStroke();
  frameRate(5)
}
function draw() {
  background(20)
  translate(width / 2, height / 2);
  s=0.28
  if(width>1000){
    s=0.2
  }
  scale(s, s)
  v = 12
  for (let m = 0; m < v; m++) {
    push()
    rotate(m * TWO_PI / v)
    cnt = 0;
    for (let j = 0; j <= co; j++) { //columns
      for (let i = ro; i >= 0; i--) { //rows
        x = r * j * 1.5;
        y = -r * 12 + r.........完整代码请登录后点击上方下载按钮下载查看