运行 p5js 生成线条艺术代码有困难

Question

我正在学习生成艺术和创意编码。该代码旨在随机生成线条，迭代次数也是随机的。

https://editor.p5js.org/rawrro/sketches/j4V6zpn先生

代码：

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 之间的随机值。