P5中实现鼠标指针跟随的向量

下面是一个示例的代码，实现在P5.js中实现鼠标指针跟随的向量：

let position;
let velocity;

function setup() {
  createCanvas(800, 600);
  position = createVector(width / 2, height / 2);
  velocity = createVector(0, 0);
}

function draw() {
  background(220);
  
  let target = createVector(mouseX, mouseY);
  let desired = p5.Vector.sub(target, position);
  let steer = p5.Vector.sub(desired, velocity);
  
  steer.limit(0.1);
  velocity.add(steer);
  position.add(velocity);
  
  ellipse(position.x, position.y, 50, 50);
}

在这个示例中，我们首先在setup()函数中创建了画布，并初始化了位置和速度向量。然后在draw()函数中，我们首先获取鼠标的位置，然后计算出从当前位置到目标位置的向量desired，然后计算出一个修正向量steer，该向量能够将当前速度调整为朝向目标位置的方向。最后，我们限制steer的大小，以防止速度变化过大，然后将steer添加到速度向量中，再将速度添加到位置向量中，并绘制一个跟随鼠标的椭圆。

希望这个示例能够解决你的问题！