在Phaser中设置汽车的最大和当前速度

时间:2015-02-24 12:44:32

标签: javascript game-physics phaser-framework racing

我正在使用使用JS的Phaser框架制作自上而下的赛车游戏。我在让汽车减速时遇到一些麻烦,此时它没有按下任何按钮就停止了。我希望它减速停止。到目前为止,这是我的代码:     create:function(){

    //run in canvas mode
    this.game.renderer.clearBeforeRender - false;
    this.game.renderer.roundPixels = true;

    //Add arcade physics
    this.game.physics.startSystem(Phaser.Physics.ARCADE);

    //Add background sprites
    this.game.add.sprite(0, 0, 'background');
    this.game.add.sprite(0, 0, 'track');

    //Add car sprite
    car = this.game.add.sprite(800, 135, 'car-concept');

    //Car physics settings
    this.game.physics.enable(car, Phaser.Physics.ARCADE);

    car.body.drag.set(100);
    car.body.maxVelocity.set(200);
    car.body.maxAngular = 500;
    car.body.angularDrag = 500;
    car.body.collideWorldBounds = true;

    //Game input
    cursors = this.game.input.keyboard.createCursorKeys();
    this.game.input.keyboard.addKeyCapture([ Phaser.Keyboard.SPACEBAR]);

    //pivot point
    car.pivot.x = car.width * .3;
    car.pivot.y = car.height * .5;
    car.anchor.setTo(0.3, 0.5);

    //scale the car
    car.scale.setTo(0.3, 0.3);
},

update: function () {

    car.body.velocity.x = 0;
    car.body.velocity.y = 0;
    car.body.angularVelocity = 0;

    if(cursors.left.isDown)
    {
      car.body.angularVelocity = -200;
    }
    else if(cursors.right.isDown)
    {
      car.body.angularVelocity = 200;
    }
    if(cursors.up.isDown)
    {
      this.game.physics.arcade.velocityFromAngle(car.angle, -200, car.body.velocity)
      if(this.currentSpeed < this.maxSpeed)
      {
        this.currentSpeed += 10;
      }
    }
    else
    {
      if(this.currentSpeed > 0)
      {
        this.currentSpeed -= 10;
      }
    }
    if(cursors.down.isDown)
    {
      this.game.physics.arcade.velocityFromAngle(car.angle, 200, car.body.velocity)
      if(this.currentSpeed > 0)
      {
        this.currentSpeed -= 30;
      }
    }

},

speed: function()
{
  this.maxSpeed = 100;
  this.currentSpeed = 0;
},

我在这里看了几个关于同样问题的问题,这就是我到现在为止的方式。我设置了maxSpeed和currentSpeed但由于某种原因它不允许我实际使用它。浏览器中的控制台没有给我任何错误,所以如果有人可以指导我,那就太棒了!

感谢。

2 个答案:

答案 0 :(得分:3)

它停止死亡的原因是因为你正在以速度而不是加速度移动它 - 并且在更新循环中将速度设置为零(这实际上表示“停止,现在!”)。

删除这些行,在您对velocityFromAngle的通话中,您应该将其反馈到body.acceleration而不是body.velocity

以下是您可以使用的更新循环,但您需要混合使用currentSpeed设置,例如:

function update() {

    if (cursors.up.isDown)
    {
        game.physics.arcade.accelerationFromRotation(sprite.rotation, 200, sprite.body.acceleration);
    }
    else
    {
        sprite.body.acceleration.set(0);
    }

    if (cursors.left.isDown)
    {
        sprite.body.angularVelocity = -300;
    }
    else if (cursors.right.isDown)
    {
        sprite.body.angularVelocity = 300;
    }
    else
    {
        sprite.body.angularVelocity = 0;
    }

}

答案 1 :(得分:0)

你从未使用currentSpeed。您可以在-200中将速度设置为200velocityFromAngle