p5.js getURLParams() Function
Last Updated :
10 Aug, 2023
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);
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);
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
Share your thoughts in the comments
Please Login to comment...