Javascript 如何在p5js中使用箭头键跳转对象?

Javascript 如何在p5js中使用箭头键跳转对象?,javascript,p5.js,Javascript,P5.js,这是我试过的代码。当我按下“向上箭头键”或“空格键”时,球在跳跃。问题是当球跳跃时,我无法向前移动球一点。有人能帮我吗 let jumper; function setup() { createCanvas(400, 400); jumper = new Jumper(); } function draw() { clear(); jumper.run(); push(); fill(217); textFont('Avenir');

这是我试过的代码。当我按下“向上箭头键”或“空格键”时,球在跳跃。问题是当球跳跃时,我无法向前移动球一点。有人能帮我吗

let jumper;

function setup() {
    createCanvas(400, 400);
    jumper = new Jumper();
}

function draw() {
    clear();
    jumper.run();

    push();
    fill(217);
    textFont('Avenir');
    textAlign(CENTER,CENTER);
    textSize(33);
    text('space bar to jump', width>>1, height*0.15);
    pop();
}

function keyPressed() {
    jumper.vel.y = -4;
    jumper.vel.x=+5;
}

您需要删除最后一行中的bug

jumper.vel.x += 5;

我举了一个非常基本的例子,说明我认为您可能正在努力实现的目标:

let跳线;
函数设置(){
createCanvas(400400);
跳线=新跳线();
}
函数绘图(){
清除();
jumper.run();
推();
填充(217);
textFont('Avenir');
textAlign(居中,居中);
文本大小(33);
文本('要跳转的空格键',宽度>>1,高度*0.15);
pop();
}
功能键按下(){
跳线x+=5;
}
跳高运动员{
构造函数(){
这是x=10;
这.y=高度/2;
}
运行(){
椭圆(这个.x,这个.y,10,10);
}
}

你能把你的问题缩小到一个小范围吗?我们无法运行此代码。你说你不能把球向前移动一点是什么意思?