📜  p5.js |月()函数(1)

📅  最后修改于: 2023-12-03 15:33:22.376000             🧑  作者: Mango

P5.js | 月()函数

月() 函数是 P5.js 中的一个内置函数,用来绘制一个圆形。该函数可以接受 2 个参数,分别是圆心的 x 和 y 坐标,以及圆的直径。

代码示例

下面是一个使用月() 函数绘制圆形的简单示例:

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

function draw() {
  background(220);
  ellipse(200, 200, 100, 100);
}

上述代码中,createCanvas() 函数用于创建一个大小为 400x400 的画布,background() 函数用于设置该画布的背景色为灰色。而 ellipse() 函数则用于绘制圆形,其中参数 200、200 表示圆心的 x、y 坐标,参数 100、100 表示圆的直径。

参数说明

ellipse() 函数一共可以接受 4 个参数,分别是 x 坐标、y 坐标、宽度以及高度:

ellipse(x, y, w, h);

其中,x、y 坐标表示圆心的位置,w、h 表示圆的宽度和高度。当 w 和 h 相等时,也就是所绘制的圆是一圆形。

注意事项
  • 在调用 ellipse() 函数之前,必须要先用 createCanvas() 函数创建画布。
  • 如果希望绘制出来的图形是实心的,需要先调用 fill() 函数设置填充色,否则默认是透明的。
  • 如果需要绘制空心的图形,可以使用 stroke() 函数设置线条的颜色以及宽度。
结语

以上是关于 P5.js 月() 函数的介绍。除了绘制圆形之外,P5.js 还提供了很多其他常用的绘图函数,如矩形、线条、文本等。使用这些函数可以轻松地实现各种各样的图形效果。