p5.js | curveVertex()函数

在p5.js中，curveVertex()函数用于在曲线中添加顶点。

语法

curveVertex(x, y, [z])

参数说明：

• x：要添加的顶点的x坐标
• y：要添加的顶点的y坐标
• z（可选）：要添加的顶点的z坐标

示例

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

function draw() {
  background(220);

  stroke(0);
  noFill();

  beginShape();
  curveVertex(100, 100);
  curveVertex(150, 200);
  curveVertex(250, 200);
  curveVertex(300, 100);
  endShape();
}

上面的代码将在画布上绘制一个曲线，由4个顶点构成，形状类似于字母“V”。

注意事项

• 曲线必须在beginShape()和endShape()函数之间定义。
• 必须至少有两个顶点才能定义一条曲线。
• 如果使用了stroke()函数，则曲线的颜色将与它的父元素的stroke()颜色相同。
• 如果使用了fill()函数，则曲线的填充颜色将与它的父元素的fill()颜色相同。
• 如果要绘制多边形，则应使用vertex()函数而不是curveVertex()函数。