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);
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/amp/
Reference: https://p5js.org/reference/#/p5/getURLParams