Open In App
Related Articles

p5.js rotate() function

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report
The rotate() function in p5.js is used to rotate a shape or the object using p5.js to a specified axis over a specified angle. Syntax:
rotate(angle, [axis])
Parameters: The function accepts single parameter as mentioned above and described below:
  • angle: The angle of rotation which specified in radians or degrees.
  • axis: the axis to rotate around
Below program illustrates the rotate() function in p5.js: Example-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);
}

                    
Output: Example-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);
}

                    
Output: Reference: https://p5js.org/reference/#/p5/rotate

Last Updated : 17 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads