P5.js 约束() 函数

P5.js 中的约束() 函数可以用于限制一个数值的范围在指定的最小值和最大值之间。可以用于控制变量的取值范围，从而避免变量取到不合理的数值。本文将详细介绍约束() 函数的用法和示例代码。

语法与参数

P5.js 中约束() 函数的语法如下所示：

constrain(n, low, high)

约束() 函数接受三个参数：

• n：要进行限制范围的数值。
• low：指定的最小值。
• high：指定的最大值。

返回值

约束() 函数返回的是一个数值，它表示将 n 限制在最小值和最大值之间后得到的结果。

示例代码

下面是一个使用约束() 函数的示例代码：

let x = 50;  // 变量 x 初始值为 50

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  ellipse(x, 200, 50);  // 在 x 坐标处画一个圆形
  
  // 每次增加 5
  x += 5;
  
  // 将 x 限制在最小值 0 和最大值 400 之间
  x = constrain(x, 0, 400);
}

上面的代码中，变量 x 的初始值为 50。在 draw() 函数中，我们每次增加 x 的值 5，然后使用约束() 函数将 x 限制在 0 和 400 之间。

这样做的好处是，即使我们使用了不合理的递增量，比如每次增加 100，变量 x 也不会超出画布的范围，从而保证了程序的运行和显示的正确性。