如何在Phaser 3中使子弹沿光标方向移动？

Question

I am creating a 2D game and trying to make bullet move towards the cursor. I'm not sure how to do this is what I cuurently have

let xDist = this.game.input.mousePointer.x - this.x;
let yDist = this.game.input.mousePointer.y - this.y;
let angle = Math.atan(yDist/xDist);

this.projectile_sprite.setVelocityX(yDist);
this.projectile_sprite.setVelocityY(xDist);

The projectile moves faster when its further away which is not what I desire. How do I fix this?

Answer 1

In Phaser, velocity is basically the speed at which your object travels towards an unspecified point. You are setting the velocity of your projectile to the distance between the object and the cursor, so when the cursor is further from the object it will have a higher velocity and thus, move faster.

Instead, you want to find the position of the cursor and set your projectile object moving towards that point. Since you're using setVelocityX() I'm assuming you are using a built-in physics library, so it should be as simple as this:

this.physics.moveTo(this.projectile_sprite, this.game.input.mousePointer.x,
  this.game.input.mousePointer.y);