p5.js rotationY Event
Last Updated :
25 Jul, 2022
The system variable rotationY in p5.js is responsible for the rotation of mobile devices (smartphones and tablets) always along the y-axis. It can be used in the draw() function to continuously get the current rotation along the y-axis. If the graphics angleMode() is set to DEGREES, then the value will be in the range of -90 to 90. When it is set to RADIANS, the value will be between -PI/2 to PI/2.
Note: The order the rotations are called is important if all the three variables are used together. It is required to call them in the order Z, Y, and X to prevent inconsistencies.
Syntax:
rotationY
Example 1:
Javascript
function setup() {
createCanvas(600, 600, WEBGL);
}
function draw() {
background(2);
rotateY(radians(rotationY));
fill( 'red' );
box(200, 200, 200);
}
|
Output:
Example 2:
Javascript
function setup() {
createCanvas(600, 600, WEBGL);
}
function draw() {
background(205, 105, 194);
rotateY(radians(rotationY));
fill( 'orange' );
sphere(140);
}
|
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...