La función shearY() en p5.js se usa para cortar una forma u objeto alrededor del eje y. El objeto se corta en la cantidad especificada por el parámetro de ángulo. Para un correcto funcionamiento de los ángulos se debe especificar en el modo de ángulo actual. Los objetos siempre se cortan alrededor de su posición relativa al origen y en el sentido de las agujas del reloj.
Sintaxis:
shearY(angle)
Parámetros: esta función acepta un solo parámetro de ángulo que almacena el valor del ángulo.
Los siguientes programas ilustran la función shearY() en p5.js:
Ejemplo 1: Este ejemplo usa la función shearY() para cortar el objeto alrededor del eje y.
function setup() {
// Create Canvas of given size
createCanvas(780, 650);
}
function draw() {
// Set the background color
background(220);
// Set fill color
fill('lightgreen');
// Set stroke width
strokeWeight(5);
// Set shearY function
shearY(PI/6);
// Finally Draw the sheared rectangle
rect(30, 30, 400, 300);
}
Producción:
Ejemplo 2: Este ejemplo usa la función shearY() para cortar el objeto alrededor del eje y.
function setup() {
// Create Canvas of given size
createCanvas(780, 650);
}
function draw() {
// Set the background color
background(220);
// Set fill color
fill('lightgreen');
// Set stroke width
strokeWeight(5);
// Set shearY function
shearY(PI/9);
// Finally Draw the sheared
// circle of radius 80
circle(height/2, width/2, 80);
}
Producción:
Referencia: https://p5js.org/reference/#/p5/shearY
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