La función shearX() en p5.js se usa para cortar una forma u objeto alrededor del eje x. 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:
shearX(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 shearX() en p5.js:
Ejemplo 1: este ejemplo usa la función shearX() para cortar el objeto en el eje x.
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 shearX function
shearX(PI/6);
// Finally Draw the sheared rectangle
rect(30, 30, 400, 300);
}
Producción:
Ejemplo 2: Este ejemplo usa la función shearX() para cortar el objeto en el eje x.
function setup() {
// Create Canvas of given size
createCanvas(780, 650);
}
function draw() {
// Set the background color
background(220);
// Set fill color
fill('green');
// Set stroke width
strokeWeight(5);
// Set shearX function
shearX(PI/20);
// Finally Draw the sheared
// circle of radius 80
circle(height/2, width/2, 80);
}
Salida: 
Referencia: https://p5js.org/reference/#/p5/shearX
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