p5.js | circle()函数

简介

在p5.js中，circle()函数是一个用于绘制圆形的内置函数。它可以用来创建具有不同大小和样式的圆。

语法

circle(x, y, d)

• x: 圆的中心点的x坐标。
• y: 圆的中心点的y坐标。
• d: 圆的直径。

示例

下面是一个基本的使用circle()函数绘制圆的示例：

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

function draw() {
  background(220);
  fill(255, 0, 0); // 设置圆的填充颜色为红色
  circle(200, 200, 100); // 在(200, 200)坐标处绘制一个半径为50的圆
}

此示例将在一个400x400的画布上绘制一个红色的圆形。

可选参数

circle()函数还可以接受两个可选参数：

circle(x, y, width, height)

• width: 圆的宽度。
• height: 圆的高度。

这样，您可以使用该函数绘制椭圆而不仅仅是圆。

注意事项

• 默认情况下，圆是以(0, 0)为中心绘制的。如果您希望圆位于屏幕中心或其他位置，请在x和y参数中指定适当的值。
• 可以使用样式函数如fill()和stroke()来设置圆的颜色、填充样式和边框样式。

详细的p5.js文档可以在这里找到。

希望这个介绍对您有帮助！Happy coding！