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

【问题标题】：having difficulty running p5js generative line art code难以运行 p5js 生成线条艺术代码
【发布时间】：2022-01-02 17:52:53
【问题描述】：

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

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);
}

【问题讨论】：

标签： javascript p5.js generative

【解决方案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 之间的随机值。

【讨论】：