p5.js | 点()函数

在编程中，点（或圆点）是一个非常基本的概念。在p5.js中，点函数会在画布上创建一个圆点，该圆点有一个中心点和指定的半径大小。点()函数在图形学中也称为画点函数，主要是用于绘制二维图形。

语法

point(x, y);

• x：圆心的 x 坐标。
• y：圆心的 y 坐标。

示例

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

function draw() {
  background(220);
  strokeWeight(10);
  point(100, 100);
  point(200, 200);
  point(300, 300);
}

上述例子中，我们在画布的左上角、中心和右下角分别绘制了一个圆点。setStrokeWeight()函数是用于设置画点的宽度，它的值作为参数传递给函数。point()函数被用来画点，它以两个参数作为圆心的 x 和 y 坐标。

参数

点函数只有两个参数，分别是圆心的 x 和 y 坐标。这两个参数的值是浮点数（float类型）或整数类型。

风格

例如在点()函数中，我们可以使用stroke()函数来设置点的颜色。示例：

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

function draw() {
  background(220);
  strokeWeight(10);
  stroke(255, 0, 0);
  point(100, 100);
  stroke(0, 255, 0);
  point(200, 200);
  stroke(0, 0, 255);
  point(300, 300);
}

上述例子中，我们在画布的左上角、中心和右下角分别绘制了三个彩色的圆点。

总结

点()函数是p5.js中最基本的图形函数之一。它可以轻松地在画布上创建圆点，并可用于绘制各种种类的二维图形。你可以使用stroke()函数来设置圆点的颜色，而setStrokeWeight()函数则可以用来设置点的宽度。