p5.js getURLParams() Function

Last Updated : 12 Jul, 2025
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: JavaScript 
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: path-obj-display
  • Viewing the object in the console: path-obj-console
Online editor: https://editor.p5js.org/ Environment Setup: https://www.geeksforgeeks.org/javascript/p5-js-soundfile-object-installation-and-methods/ Reference: https://p5js.org/reference/#/p5/getURLParams
Comment

Explore