p5.js | función mag()

La función mag() en p5.js se usa para encontrar la magnitud o la longitud de un vector. Como un vector no tiene una posición inicial, la magnitud se calcula desde la posición (0, 0) hasta (x, y). Es equivalente a usar dist(0, 0, x, y).

Sintaxis:

mag( a, b )

Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:

• a: Es un número que denota el primer valor, que es la coordenada “x” del vector.
• b: Es un número que denota el segundo valor, que es la coordenada “y” del vector.

Valor devuelto: Devuelve un número con la magnitud del vector.

Los siguientes ejemplos ilustran la función mag() en p5.js:

Ejemplo:

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

Producción:

Editor en línea: https://editor.p5js.org/

Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

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