P5.js | beginContour() 函数

简介

beginContour() 函数用于开始一个自定义图形，并将其存储到 一个 contour 对象中。使用 endContour()函数来结束该图形，并将其添加到当前的shape` 中。这些自定义形状可以是闭合或开放的，并且可以由直线段、弧线或曲线组成。

beginContour();
vertex(x1, y1);
vertex(x2, y2);
vertex(x3, y3);
...
endContour();

参数

beginContour() 不需要参数。

返回值

beginContour() 不返回任何值。

示例

下面是一个使用 beginContour() 和 endContour() 函数创建一个自定义的五角星图形的示例：

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

function draw() {
  background(220);
  noStroke();
  fill(255, 0, 0);
  beginShape();
  vertex(100, 200);
  vertex(200, 100);
  vertex(300, 200);
  vertex(200, 300);
  beginContour();
  vertex(200, 150);
  vertex(250, 175);
  vertex(275, 125);
  vertex(225, 100);
  vertex(200, 150);
  endContour();
  endShape();
}

注意事项

• 使用 beginContour() 和 endContour() 函数时必须在 beginShape() 和 endShape() 函数之间进行。
• 自定义形状必须是一个封闭的多边形，即第一个和最后一个顶点必须重合。
• 自定义形状可以包含多个轮廓，每个轮廓都必须封闭并且不相交。

结论

beginContour() 函数是创建自定义图形中非常重要的一步，它可以使程序员更加自由地控制图形的形状，并可以创建出更加复杂的图案。使用它的时候需要注意一些细节，但只要理解了其工作原理和使用方法，它就可以帮助您创建出最独特和精美的图形。