Skip to content
Related Articles

Related Articles

Improve Article

p5.js | triangle() Function

  • Difficulty Level : Medium
  • Last Updated : 03 Dec, 2020

The triangle() function is an inbuilt function in p5.js which is used to draw a triangle in a plane. This function accepts three vertices of triangle.
Syntax: 
 

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

Parameters: This function accepts six parameters as mentioned above and described below: 
 

  • x1: This parameter accept the x-coordinate of first point.
  • y1: This parameter accept the y-coordinate of first point.
  • x2: This parameter accept the x-coordinate of second point.
  • y2: This parameter accept the y-coordinate of second point.
  • x3: This parameter accept the x-coordinate of third point.
  • y3: This parameter accept the y-coordinate of third point.

Below programs illustrates the triangle() function in p5.js: 
 

  • Program 1: 
     

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);
}
  • Output: 
     



  • Program 2: 
     

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);
}
  • Output:
     

Reference: https://p5js.org/reference/#/p5/triangle
 

My Personal Notes arrow_drop_up
Recommended Articles
Page :