La función de rotate() en p5.js se usa para rotar una forma o el objeto usando p5.js a un eje específico sobre un ángulo específico .
Sintaxis:
rotate(angle, [axis])
Parámetros: la función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- ángulo: El ángulo de rotación que se especifica en radianes o grados.
- eje: el eje alrededor del cual rotar
El siguiente programa ilustra la función de rotate() en p5.js:
Ejemplo-1:
function setup() {
// Create Canvas of given size
createCanvas(380, 170);
}
function draw() {
// Set the background color
background(220);
strokeWeight(12);
//set strokeJoin function
strokeJoin(ROUND);
// rotation function
rotate(PI / 10.0);
line(20, 30, 200, 30);
line(200, 30, 200, 100);
line(200, 100, 20, 30);
}
Producción:
Ejemplo-2:
function setup() {
// Create Canvas of given size
createCanvas(380, 170);
}
function draw() {
// Set the background color
background(220);
strokeWeight(12);
// rotation function
rotate(PI / 7.0);
textSize(30);
text("GeeksForGeeks", 50, 50);
}
Producción:
Referencia: https://p5js.org/reference/#/p5/rotate
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