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