Createvector未定义

更新：忘了说，我正在使用p5.js编辑器。草图的其余部分工作，并加载图像。

当我在浏览器中运行此代码时，会得到“createVector未定义”。根据p5.js的参考，我使用了正确的语法

你知道怎么了吗

var img;
var bg = 100;

var velocity = createVector(0,0);
var acceleration = createVector(0,0);

function setup() {
  createCanvas(720, 400);
  img = loadImage("assets/bb8body.png");
}

function keyPressed() {
    if (keyIsPressed === true) {
        if (key === 'd') {
            acceleration++;
            velocity.add(acceleration);

            console.log(vx);
        }
    }
}

function damping(){

}

function draw() {
    keyPressed();
    background(bg);
  image(img, velocity, 0);
  damping();
}

---

我不是百分之百地解释为什么，但是

createVector（）

在

setup（）

中工作（不是在外部）。 此外，我还发现了两个小错误：

acceleration++;

不支持JS不支持像C++那样的重载操作符，但是可以使用p5.vector函数。 另外，

vx

变量不存在于代码的其余部分中

下面是一个使用p5.Vector实例的代码的修改版本，但为了测试目的，绘制了一个小方框而不是图像。您可以运行下面的演示：

var-img；
var-bg=100；
var速度；/=createVector（0,0）；
var加速度；/=createVector（0,0）；
函数设置（）{
createCanvas（720400）；
速度=createVector（0,0）；
加速度=createVector（0,0）；
//img=loadImage（“assets/bb8body.png”）；
}
功能键按下（）{
if（keyipressed==真）{
如果（键=='d'）{
//加速度++；
加速度。添加（1,1）；
速度加（加速度）；
//控制台日志（vx）；
控制台日志（velocity.x）；
}
}
}
函数阻尼（）{
}
函数绘图（）{
按键（）；
背景（bg）；
rect（速度x，速度y，20,20）
//图像（img，速度，0）；
阻尼（）；
}

---

您如何包括p5.js？如果删除对

createVector（）

的调用，那么其他p5.js函数是否工作？我使用的是p5js编辑器，脚本包含在head@KevinWorkman

中，这就是问题所在。谢谢我还看到，++的东西当然不会对向量起作用，因为它至少是二维的。