p5.js | random()函数介绍

p5.js是基于Processing语言的JavaScript库，提供了许多用于理解和绘制图形的函数。其中，random()函数是一个非常有用的函数，它可以生成随机数，可以用于创建随机的形状、运动、颜色等元素。

基本用法

random()函数用于生成一个0到1之间的随机数。例如，下面的代码将生成一个随机数并将其打印到控制台上：

let r = random();
console.log(r);

我们可以通过参数来指定生成的随机数的范围。例如，下面生成一个介于0到10之间的随机数：

let r = random(0, 10); // 包含0和10
console.log(r);

你可以用这种方式生成任何你想要的范围的随机数。

随机颜色

我们可以使用随机函数来生成随机颜色，让形状更具吸引力。以下是一个随机生成颜色的例子：

function randomColor() {
  let r = random(0, 255);
  let g = random(0, 255);
  let b = random(0, 255);
  return color(r, g, b);
}

function setup() {
  createCanvas(400, 400);
  let c = randomColor();
  fill(c);
  rect(0, 0, width, height);
}

这个函数生成一个随机的 r、g、b 值，然后使用color()函数将它们组合成一个颜色对象。setup()函数将整个屏幕填充了随机颜色。

随机位置和形状

我们可以在屏幕上创建随机的形状，这个例子中，我们将随机在屏幕上绘制10个圆形：

function setup() {
  createCanvas(400, 400);
  noStroke();
  for (let i = 0; i < 10; i++) {
    let x = random(width);
    let y = random(height);
    let size = random(10, 50);
    let c = randomColor();
    fill(c);
    ellipse(x, y, size, size);
  }
}

在 for 循环中，我们使用随机值来定义圆的位置和形状，使得每个圆形都不同。

注意事项

请注意，random()函数生成的随机数是不可预测的，并且在每次调用时都不一样。因此，在使用随机数时，你需要输入正确的参数，并意识到生成随机数的潜在风险。另外，如果需要产生连续的随机数，请使用（伪）随机数发生器的更高级版本。

这就是p5.js | random()函数的介绍！现在您可以开始在您的下一个项目中使用它。