当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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



相关用法


注:本文由纯净天空筛选整理自sarthak_ishu11大神的英文原创作品 p5.js | triangle() Function。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。