如何使某些东西随机生成 p5.js

p5.js 是一个流行的 JavaScript 图形库，用于创建交互式图形和动画。它提供了许多函数和工具，使它非常适合生成随机化的内容。

生成随机化的过程可以包括随机颜色、随机位置、随机大小等等。在 p5.js 中，可以使用 random() 函数轻松生成随机数，并使用这些随机数来生成随机化的内容。

随机位置

使用 random() 函数和 createCanvas() 函数来生成随机位置的图形，示例如下：

function setup() {
  createCanvas(400, 400);
  noStroke();
  fill(random(255), random(255), random(255));
  ellipse(random(width), random(height), 50, 50);
}

这段代码将在画布上绘制一个随机位置和随机颜色的圆形。

随机颜色

使用 random() 函数和 color() 函数来生成随机颜色的图形，示例如下：

function setup() {
  createCanvas(400, 400);
  noStroke();
  fill(color(random(255), random(255), random(255)));
  rect(0, 0, width, height);
}

这段代码将在画布上绘制一个随机颜色的矩形。

随机大小

使用 random() 函数和 ellipse() 函数来生成随机大小的图形，示例如下：

function setup() {
  createCanvas(400, 400);
  noStroke();
  fill(255);
  ellipse(width/2, height/2, random(50, 200), random(50, 200));
}

这段代码将在画布上绘制一个随机大小的圆形。

结论

p5.js 中的 random() 函数和其他内置函数可以帮助您轻松生成随机内容。您可以将它们组合使用，创建出独特、随机的图形和动画。