p5.js triangle()用法及代码示例

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

用法:

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

参数：该函数接受上述和以下所述的六个参数：

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

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

• 示例1:

  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);  
  }

  输出：
  

• 示例2:

  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