p5.js | 三角形()函数

在p5.js中，可以使用triangle()函数来绘制三角形。该函数需要三个点的位置作为参数，这三个点代表三角形的三个顶点的位置。

函数语法

triangle(x1, y1, x2, y2, x3, y3);

• x1: 第一个点的x坐标
• y1: 第一个点的y坐标
• x2: 第二个点的x坐标
• y2: 第二个点的y坐标
• x3: 第三个点的x坐标
• y3: 第三个点的y坐标

示例

以下是一个使用triangle()函数绘制三角形的示例：

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

function draw() {
  background(220);
  noStroke();
  fill(255, 0, 0);
  triangle(100, 100, 150, 50, 200, 100);
}

上述代码将绘制一个红色三角形，其中三个顶点的位置分别为(100, 100)、(150, 50)、(200, 100)。

更多用法

triangle()函数还可以与其他的绘图函数和变换函数进行组合使用，从而实现更加丰富的图形效果。比如，可以使用scale()函数、rotate()函数、translate()函数等来对三角形进行变换，也可以使用stroke()函数和strokeWeight()函数来设置三角形的线条颜色和宽度。