p5.js | Tipografía | función shearY()

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

Deja una respuesta

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