p5.js | función triángulo()

La función Triangle() es una función incorporada en p5.js que se usa para dibujar un triángulo en un plano. Esta función acepta tres vértices de triángulo.
Sintaxis: 
 

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

Parámetros: esta función acepta seis parámetros, como se mencionó anteriormente y se describe a continuación: 
 

  • x1: este parámetro acepta la coordenada x del primer punto.
  • y1: este parámetro acepta la coordenada y del primer punto.
  • x2: este parámetro acepta la coordenada x del segundo punto.
  • y2: este parámetro acepta la coordenada y del segundo punto.
  • x3: este parámetro acepta la coordenada x del tercer punto.
  • y3: este parámetro acepta la coordenada y del tercer punto.

Los siguientes programas ilustran la función de triángulo() en p5.js: 
 

  • Programa 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);
}
  • Producción: 
     

  • Programa 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);
}
  • Producción:
     

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

Publicación traducida automáticamente

Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *