p5.js getURLParams() Function

The getURLParams() function is used to return the current URL parameters a JavaScript object, with each parameter as a separate member of the object.

Syntax:

getURLParams()

Parameters: This function does not accept any parameters.

Return Value: It returns an Object of the path parameters.

Below example illustrates the getURLParams() function in p5.js:

Example:

function setup() {
  createCanvas(500, 200);

  // get the url path as array
  urlParamsObject = getURLParams();

  textSize(16);
  text("The URL is: http://example.com?height=100&width=500&type=box",
    10, 20);

  text("The URL parameters are: ", 10, 60);

  text("Type parameter: " + urlParamsObject["type"], 10, 80);
  text("Height parameter: " + urlParamsObject.height, 10, 100);
  text("Width parameter: " + urlParamsObject.width, 10, 120);

  // display the array in the console
  console.log(urlParamsObject);
}

Output:

• Displaying the properties of the object:
  
• Viewing the object in the console:
  

Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

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