p5.js | cos()函数

p5.js是一个基于p5.js图形库的创意编程工具，它集成了很多有趣的函数和工具，包括cos()函数。

简介

cos()函数是p5.js库的一部分，用于计算给定角度的余弦值。它的语法结构如下：

cos(angle)

其中，angle是一个以弧度为单位的角度值（注意：不是度数值）。返回值是angle的余弦值。

示例

让我们来看一个简单的代码示例：

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

function draw() {
  background(220);

  // 以弧度值计算角度
  let angle = radians(frameCount);
  
  // 计算cos值
  let cosVal = cos(angle);

  // 将结果映射到0~200之间的数值，并绘制
  let y = map(cosVal, -1, 1, 0, 200);
  stroke(0);
  line(0, 200, width, 200);
  ellipse(frameCount, y, 10, 10);
}

在这个示例中，我们在绘制窗口中绘制一条水平线，然后以 frameCount 变量为基础，不断生成新的角度并计算它们的cos值。通过将cos值映射到0~200之间的范围内，我们可以得到在y轴上每个角度对应的值。最后，我们将这些点绘制为椭圆来展示cos函数的周期性。

注意事项

• 弧度与角度的转换：可以使用radians()函数将度数转换为弧度值，也可以使用degrees()函数将弧度值转换为角度值。
• 范围：cos函数返回值始终在-1到1之间，这是由余弦函数的性质决定的。
• 映射：当您将cos值映射到其他范围时，请记得选择适当的范围。

总结

在p5.js中，cos函数是一个有用的工具，用于计算角度值的余弦值。通过将这些值映射到可视化范围内，我们可以得到一个有趣的周期性效果。无论您是一个p5.js新手还是有经验的用户，掌握cos函数都是一个很好的开始。