p5.js mag() Function

0 0 1 minute read

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); 
  
  // 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); 
} 

Output:

Online editor: https://editor.p5js.org/

Environment Setup: https://www.zambiatek.com/p5-js-soundfile-object-installation-and-methods/

Reference: https://p5js.org/reference/#/p5/mag

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!