在p5js中使用速度和位置矢量对粒子进行三维定向

class Particle {
  constructor() {
    this.position = createVector(0, 0, 0); // 粒子的位置向量
    this.velocity = createVector(0, 0, 0); // 粒子的速度向量
  }
}

class Particle {
  constructor() {
    this.position = createVector(0, 0, 0); // 粒子的位置向量
    this.velocity = createVector(0, 0, 0); // 粒子的速度向量
  }

  update() {
    this.position.add(this.velocity); // 更新粒子的位置
  }
}

class Particle {
  constructor() {
    this.position = createVector(0, 0, 0); // 粒子的位置向量
    this.velocity = createVector(0, 0, 0); // 粒子的速度向量
  }

  update() {
    this.position.add(this.velocity); // 更新粒子的位置
  }

  setDirection(x, y, z) {
    this.velocity.set(x, y, z); // 设置粒子的速度方向
  }
}

let particle;

function setup() {
  createCanvas(400, 400, WEBGL);
  particle = new Particle();
}

function draw() {
  background(220);
  
  // 更新粒子的位置和速度
  particle.update();
  
  // 渲染粒子
  push();
  translate(particle.position.x, particle.position.y, particle.position.z);
  sphere(10);
  pop();
}