Open In App

p5.js shuffle() function

Last Updated : 22 Aug, 2023
Improve
Improve
Like Article
Like
Save
Share
Report

The shuffle() function in p5.js is used to shuffle the order of given array elements.

Syntax:

shuffle(Array)

Parameters: This function accepts a parameter Array whose elements are to be shuffled.

Return Value: It returns the shuffled array.

Below program illustrates the shuffle() function in p5.js:
Example-1:




function setup() { 
  
    // Creating Canvas size
    createCanvas(500, 90); 
      
    // Set the background color 
    background(220); 
      
    // Initializing the arrays
    let Array1 = ['IT', 'CSE', 'ECE'];
    
    // Calling to shuffle() function.
    let Array2 = shuffle(Array1);
      
    // Set the size of text 
    textSize(16); 
      
    // Set the text color 
    fill(color('red')); 
    
    // Getting new shuffled array
    text("Shuffled array is : " + Array2, 50, 30);
               


Output:

Example-2:




function setup() { 
  
    // Creating Canvas size
    createCanvas(500, 90); 
      
    // Set the background color 
    background(220); 
    
        // Calling to shuffle() function on an array
        // Taken as the parameter
        let Array = shuffle(['Ram', 'Shayam', 'Geeta', 'Anita']);
      
    // Set the size of text 
    textSize(16); 
      
        // Set the text color 
    fill(color('red')); 
    
    // Getting new shuffled array
    text("Shuffled array is : " + Array, 50, 30);
               


Output:

NOTE: In the above codes, draw() function has not been used because if we use draw function then it does not give a clear output i.e, it keeps on changing the order of the array string continually and not giving any stagnant result.

Reference: https://p5js.org/reference/#/p5/shuffle



Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads