javascript - 难以运行 p5js 生成线条艺术代码

Question

我是一名初学者，正在学习生成艺术和创意编码。此代码旨在随机生成行，并且迭代次数也是随机的。

https://editor.p5js.org/rawrro/sketches/j4V6zpnMr

代码：

function setup() {
  createCanvas(windowWidth-20, windowHeight-20);
  
    for (let i = random(100); i>0; i--);
   
    {
      
line(random(0,600),random(0,600),random(0,600),random(0,600))
 
    }   
}

function draw() {
  background(GRAY);
}

Answer 1

首先是for循环的语法问题，for()后面一定不能有分号。正确的语法：

for (let i = random(100); i>0; i--) {
    line(random(0,600),random(0,600),random(0,600),random(0,600));
}

其次，setup()函数一开始执行一次，draw()函数每秒执行60次。在这里，您通过在 draw() 中定义背景颜色来擦除线条。如果你希望每一帧都生成线条，for循环应该在draw()中（但是动画会太快！）

第三，但并不重要，随机函数不需要两个参数：random(600) 将生成一个介于 0 和 600 之间的随机值。