P5.js | degree() 函数

在 P5.js 中，degree() 是一个非常有用的函数，它可以将角度从弧度制转换为角度制，使我们在绘图中更方便地使用角度。

语法

degree(angle)

参数

• angle：欲将角度制转换为弧度制的角度值，可以是整数或浮点数。

返回值

转换后的角度值，为浮点数。

示例

下面是一个简单的示例，它使用 degree() 函数将角度值从弧度制转换为角度制：

let angleInRadians = Math.PI / 4; // 45 degrees in radians
let angleInDegrees = degree(angleInRadians); // 45 degrees

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

function draw() {
  background(220);
  push();
  translate(width / 2, height / 2);
  rotate(angleInDegrees);
  rect(-50, -50, 100, 100);
  pop();
}

在这个示例中，我们定义一个角度 angleInRadians ，它的值为 π/4 （弧度制下 45 度角），然后我们将该角度通过 degree() 函数转换为角度制，赋值给 angleInDegrees。接下来，在 setup() 中我们使用 angleMode(DEGREES) 将角度模式设置为角度制，这样我们在之后的旋转中就可以使用角度制而不必再进行转换。在 draw() 函数中，我们将这个角度值应用到矩形的旋转上，从而使矩形以该角度进行旋转。

注意事项

• 在使用 degree() 函数时，需要先将角度模式设置为角度制，否则会出现未知错误。
• degree() 函数不会改变传入参数的值，而是返回转换后的新值。
• 该函数只能将角度从弧度制转换为角度制，如果要将角度从角度制转换为弧度制，可以使用 radians() 函数。