p5.js |三角形()函数

triangle()函数是 p5.js 中的一个内置函数，用于在平面上绘制三角形。该函数接受三角形的三个顶点。
句法：

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

参数：此函数接受上面提到的六个参数，如下所述：

• x1：此参数接受第一个点的 x 坐标。
• y1：此参数接受第一个点的 y 坐标。
• x2：此参数接受第二个点的 x 坐标。
• y2：此参数接受第二个点的 y 坐标。
• x3：此参数接受第三个点的 x 坐标。
• y3：此参数接受第三个点的 y 坐标。

下面的程序说明了 p5.js 中的 triangle()函数：

• 方案一：
  

javascript

function setup() {
    createCanvas(400, 400);
}
 
function draw() {
    background(220);
    fill('lightgreen');
 
    // A triangle at (100, 250), (250, 170) and (330, 300) 
    triangle(100, 250, 250, 170, 330, 300);
}

• 输出：
  

• 方案二：
  

javascript

function setup() {
    createCanvas(400, 400);
}
 
function draw() {
    background(220);
    fill('red');
     
    // A triangle at (200, 100), (100, 200) and (200, 300) 
    triangle(200, 100, 100, 200, 200, 300);
}

• 输出：
  

参考： https://p5js.org/reference/#/p5/triangle