在p5.play.js中向左或向右移动精灵

Question

我正在尝试让我的精灵能够向左或向右移动。它可以跳，但不能移动。我尝试了不同的方法，但我显然遗漏了一些东西。 我正在使用p5.js及其插件p5.play.js. 这是我的代码：

p5.prototype.print = p5.prototype.println;

var asterisk;
var platform;

var GRAVITY = 1;
var JUMP = 15;

function setup() {
    createCanvas(800, 600);

    asterisk = createSprite(30, 200, 20, 60);

  //if defined, the collider will be used for mouse events
  asterisk.setCollider("circle", 0,0,33);

  platform = createSprite(200, 585, 500, 20);
}

function draw() {

    background(51);

    asterisk.velocity.y += GRAVITY;

  if(asterisk.collide(platform)) {
    asterisk.velocity.y = 0;
  }

  if(keyWentDown("UP_ARROW") || mouseWentDown(LEFT)){
    asterisk.velocity.y = -JUMP;
  }

    function keyReleased() {
        if (key != ' '){
            asterisk.setDir(0);
        }
    }

    function keyPressed(){
        if (keyCode === RIGHT_ARROW){
            asterisk.setDir(1);
        }else if (keyCode === LEFT_ARROW){
            asterisk.setDir(-1);
        }
    }

    drawSprites();
}