p5.js | mag()函数

mag()函数是p5.js中的一个简单数学函数，用于计算向量的大小。

语法

mag(x, y)

参数

• x：向量X轴坐标
• y：向量Y轴坐标

返回值

• number：向量的大小

示例

let v = createVector(3, 4);
let m = mag(v.x, v.y);
console.log(m); // 5

上述示例演示了如何使用mag()函数，它计算了具有坐标(3, 4)的向量的大小。 在这种情况下，它返回5。

应用

mag()函数的返回值可以用于许多数学和物理实例中。 例如，可以使用它来确定向量的长度，速度等。 下面详细介绍一个应用程序。

活力弹簧模拟器

假设您希望构建一个模拟器，以查看弹簧的运动行为。 这是一个非常简单的模拟器代码，它使用mag()函数来计算两个连接点之间的距离。

let mass1 = 1;
let mass2 = 2;
let springLength = 100;
let springConstant = 0.1;

let position1, position2;
let velocity1 = 0, velocity2 = 0;
let acceleration1, acceleration2;

function setup() {
  createCanvas(400, 400);
  position1 = createVector(50, height/2);
  position2 = createVector(150, height/2);
  acceleration1 = createVector(0, 0);
  acceleration2 = createVector(0, 0);
}

function draw() {
  background(220);
  
  let distance = mag(position2.x-position1.x, position2.y-position1.y);
  let force = springConstant * (springLength - distance);
  let acceleration = force / mass1;
  acceleration1 = createVector(position2.x-position1.x, position2.y-position1.y);
  acceleration1.setMag(acceleration);
  acceleration1.mult(-1);
  acceleration2.setMag(acceleration);
  
  velocity1 += acceleration1;
  velocity2 += acceleration2;
  position1.add(velocity1);
  position2.add(velocity2); 
  
  circle(position1.x, position1.y, mass1*10);
  circle(position2.x, position2.y, mass2*10);
  line(position1.x, position1.y, position2.x, position2.y);
}

该代码演示了一个简单的质点系统，质量为1和2的质点分别由弹簧连接，且连接长度为100像素。 为使物理发挥作用，必须提供弹簧常数。

上述代码使用mag()函数计算两个点之间的距离，以便计算弹簧的受力。 利用上述代码，可以使用此函数来构建各种有趣的交互式应用程序，例如质点模拟器。

参考

• p5.js - mag()