La función point() es una función incorporada en p5.js que se usa para dibujar el punto en una posición de coordenadas dada.
Sintaxis:
point( x, y, [z])
Parámetros: esta función acepta tres parámetros que se describen a continuación
- x: Se utiliza para establecer la coordenada x del punto.
- y: Se utiliza para establecer la coordenada y del punto.
- z: se utiliza para establecer la coordenada z en el modo WebGL.
Ejemplo 1:
function setup() {
// Create Canvas of given size
createCanvas(400, 300);
}
function draw() {
// Use point() function to draw point
point(50, 50);
point(150, 50);
point(50, 150);
point(150, 150);
// Use strokeWeight() function to set
// the weight of point
strokeWeight(10);
}
Producción:
Ejemplo 2:
function setup() {
// Create Canvas of given size
createCanvas(400, 300);
}
function draw() {
// Set the background color
background('green');
// Set the stroke weight
strokeWeight(10);
// Set stroke color
stroke('white');
// Draw point
point(50, 50);
point(50, 250);
point(350, 50);
point(350, 250);
point(200, 150);
}
Producción:
Editor en línea: https://editor.p5js.org/
Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Referencia: https://p5js.org/reference/#/p5/point