P5.js | setup()函数

P5.js是一个流行的JavaScript库，专门用于创意编程。P5.js可用于创建艺术、音乐、游戏和交互式应用程序等各种项目。与其他JavaScript库相比，P5.js提供了更广泛的示例和文档，以便计算机科学新手和专业人士都能轻松开始使用。

在P5.js中，每个程序都必须包含一个setup()函数。setup()函数以初始设置为参数，并在程序开始运行时运行。下面是一个setup()函数的示例：

function setup() {
  createCanvas(400, 400);
  background(255, 0, 0);
}

这段代码将创建一个400 x 400像素的画布，并将背景设置为红色。调用createCanvas()函数是必需的，因为它会创建一个具有给定宽度和高度的画布。background()函数是可选的，因为它会设置画布的背景颜色。如果省略它，则画布将默认为白色。

除了createCanvas()和background()函数之外，setup()函数还可以包含其他设置语句。例如，您可以设置图形的颜色、线条粗细和字体等属性。一些常用的函数包括:

• fill(): 设置填充颜色
• stroke(): 设置描边颜色
• strokeWeight(): 设置线条宽度
• noLoop(): 阻止draw()函数的连续绘制

下面是一个包含其他设置语句的setup()函数的示例：

function setup() {
  createCanvas(400, 400);
  background(255);
  fill(0, 255, 0);
  stroke(0);
  strokeWeight(2);
  noLoop();
}

在这个例子中，fill()函数设置形状的填充颜色为绿色，stroke()函数设置形状的描边颜色为黑色，strokeWeight()函数设置线条粗细为2个像素，并且noLoop()函数阻止draw()函数的连续绘制。

总的来说，setup()函数是P5.js程序的基础，并提供了大量的设置选项。通过设置不同的属性，您可以控制程序的外观和行为，从而创造出独特的视觉效果和交互体验的项目。