p5.js mag() Function
Last Updated :
23 Aug, 2023
The mag() function in p5.js is used to find the magnitude or length of a vector. As a vector does not have a starting position, the magnitude is calculated from position (0, 0) to (x, y). It is equivalent to using dist(0, 0, x, y).
Syntax:
mag( a, b )
Parameters: This function accept two parameters as mentioned above and described below:
- a: It is a number which denotes the first value, that is the “x” coordinate of the vector.
- b: It is a number which denotes the second value, that is the “y” coordinate of the vector.
Return Value: It returns a number with the magnitude of the vector.
Below examples illustrate the mag() function in p5.js:
Example:
function setup() {
createCanvas(650, 400);
strokeWeight(5);
rect(0, 0, width, height);
textSize(20);
text( "Click on the area below to draw"
+ " a line and calculate its "
+ "magnitude" , 20, 30);
}
function mousePressed() {
strokeWeight(1);
line(0, 0, mouseX, mouseY);
lineMag = mag(mouseX, mouseY);
text(lineMag, mouseX, mouseY);
}
|
Output:
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/mag
Share your thoughts in the comments
Please Login to comment...