p5.js rotate() function

0 0 1 minute read

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

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!