将汽车向前移动到旋转方向

时间:2020-05-02 18:44:15

标签: javascript

我正在研究一个简单的JavaScript项目,以使汽车朝特定方向行驶,以增强我对游戏开发的了解。

我添加了一项功能,使汽车可以360度旋转。但是,我无法使汽车朝上述方向移动。我该如何解决?

我已经在这里加载了代码:https://plnkr.co/edit/J9737Y0l6GuDb94c

汽车旋转代码:

Game._rotate = function (moveAngle, direction) {
  switch (direction) {
    case 'UP':
      Car.angleInDegrees = 0;
      break;
    case 'RIGHT':
      Car.angleInDegrees += moveAngle;
      break;
    case 'DOWN':
      Car.angleInDegrees = 180;
      break;
    case 'LEFT':
      Car.angleInDegrees += moveAngle;
      break;
  }
  this.car.angle = Car.angleInDegrees * (Math.PI / 180);
}

汽车运动代码:

Game.update = function (delta) {
  // var dirx = 0;
  // var diry = 0;

  if (Keyboard.isDown(Keyboard.LEFT)) {
    Car.moveAngle = 1
    this._rotate(Car.moveAngle, Car.left)
  }
  else if (Keyboard.isDown(Keyboard.RIGHT)) {
    Car.moveAngle = -1
    this._rotate(Car.moveAngle, Car.right)
  }
  else if (Keyboard.isDown(Keyboard.UP)) {
    accelerate();
  }
  // else if (Keyboard.isDown(Keyboard.DOWN)) {
  //   this._rotate(dirx, Car.down)
  //   diry = accelerate(diry, Car.backward);
  // }
  else {
    decelerate();
  }

  this.car.move(delta, Car.moveAngle, 0);
  this.camera.update();
};

function accelerate() {
  Car.acceleration += 1;
  if (Car.speed >= 0) {
    if (Car.speed < Car.maxSpeed) {
      Car.speed += Car.acceleration;
    }
  }
}

function decelerate() {
  if (Car.speed > 0) {
    Car.speed = Car.speed - Car.friction;
  }

  if (Car.acceleration > 0) {
    Car.acceleration = Car.acceleration - Car.friction;
  }

  if (Car.speed < 0) {
    Car.speed = 0;
  }

  if (Car.acceleration < 0) {
    Car.acceleration = 0;
  }
}

目前这是发生的情况(我尝试旋转然后按向上键)

enter image description here

1 个答案:

答案 0 :(得分:1)

通过反复试验,在game dev stack exchange的帮助下,这是一种解决方案:

Car.prototype.move = function () {
  var angle = Car.angleInDegrees * Math.PI / 180
  this.x -= 2 * Math.sin(angle);
  this.y += 2 * Math.cos(angle);
};
Game.update = function () {
  if (Keyboard.isDown(Keyboard.LEFT)) {
    Car.moveAngle = 1
    this._rotate(Car.moveAngle, Car.left)
  }
  else if (Keyboard.isDown(Keyboard.RIGHT)) {
    Car.moveAngle = -1
    this._rotate(Car.moveAngle, Car.right)
  }
  else if (Keyboard.isDown(Keyboard.UP)) {
    this.car.move();
  }
  else if (Keyboard.isDown(Keyboard.DOWN)) {
    this.car.move();
  }
  else {
    decelerate();
  }
  this.camera.update();
};

完整代码在这里:https://plnkr.co/edit/Ekkm0hbu5PbNWwjM