P5.js | createVector() 函数

createVector() 是一个 P5.js 中的基本向量函数，可用于创建 2D 向量或 3D 向量。

语法

createVector([x], [y], [z]);

• x: 可选参数，指定向量的 x 值，默认为 0。
• y: 可选参数，指定向量的 y 值，默认为 0。
• z: 可选参数，指定向量的 z 值，默认为 0。

用法

创建 2D 向量

以下示例将使用 createVector() 函数创建一个名为 v 的 2D 向量，并将其显示在画布上：

let v;

function setup() {
  createCanvas(400, 400);
  v = createVector(100, 50);
}

function draw() {
  background(220);
  stroke(0);
  line(0, 0, v.x, v.y);
  ellipse(v.x, v.y, 10, 10);
}

此示例设置向量 v 的 x 和 y 值分别为 100 和 50，然后将其显示在画布上。

创建 3D 向量

以下示例将使用 createVector() 函数创建一个名为 v 的 3D 向量，并将其显示在画布上：

let v;

function setup() {
  createCanvas(400, 400, WEBGL);
  v = createVector(100, 50, 0);
}

function draw() {
  background(220);
  stroke(0);
  noFill();
  box(100);
  rotateX(frameCount * 0.01);
  rotateY(frameCount * 0.01);
  line(0, 0, 0, v.x, v.y, v.z);
  translate(v.x, v.y, v.z);
  sphere(10);
}

此示例设置向量 v 的 x、 y 和 z 值分别为 100、 50 和 0，然后将其显示在画布上。向量将被绘制为一条线和一个球体。

注意事项

• createVector() 函数返回一个 P5.js 中的 p5.Vector 对象。
• 向量创建后，其值可以使用以下方式访问：
  • v.x: 2D 向量的 X 值。
  • v.y: 2D 向量的 Y 值。
  • v.z: 3D 向量的 Z 值。
• createVector() 函数可以使用负数作为向量的任何维度的值。
• 在 2D 模式下，如果省略 y 和 z 参数，则它们将默认为 0。
• 在 3D 模式下，如果省略了 z 参数，则它将默认为 0。