Skip to content
Related Articles
Open in App
Not now

Related Articles

p5.js | mag() Function

Improve Article
Save Article
  • Last Updated : 25 Mar, 2020
Improve Article
Save Article

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).


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:


function setup() {
  createCanvas(650, 400);
  rect(0, 0, width, height);
  text("Click on the area below to draw"
          + " a line and calculate its "
          + "magnitude", 20, 30);
function mousePressed() {
  // Draw line to where the
  // mouse is clicked
  line(0, 0, mouseX, mouseY);
  // Calculate the line magnitude
  lineMag = mag(mouseX, mouseY);
  // Draw the magnitude text on
  // the end of the line
  text(lineMag, mouseX, mouseY);


Online editor:

Environment Setup:


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!