4

我正在开发一款自上而下的 HTML5 射击游戏。我目前正试图让子弹从我的角色面向角度发射。

我的角色总是面向鼠标位置(旋转)。所以,当我发射子弹时,我需要考虑到旋转。

我快到了,唯一的问题是子弹从我的实际鼠标位置开始,尽管 - 它朝着正确的方向移动。

我相信我的数学在我的速度变量中是错误的:

var b = new Rectangle( this.x + (this.width / 2) - 4, this.y + (this.height / 2) - 4, 8, 8);

var velocityInstance = new Vector2(0, 0);
velocityInstance.x = input.mouseX - (this.localX + this.width/2);
velocityInstance.y = input.mouseY - (this.localY + this.height/2);

var bulletInstance = new Bullet(velocityInstance, b, this.bullets.length + 1);

this.bullets.push(bulletInstance);
this.shotBullet = true;

'this' 指的是我的 Player。localX/Y 是我角色的中心位置(他总是在屏幕的中心,并且场景围绕着他移动)。

如果有人可以帮我检查一下,将不胜感激。谢谢!

- - - 编辑 - - -

这是我的子弹功能:

Bullet = function(vel, rectangle, index){

    this.velocity = vel;
    this.rect = rectangle;
    this.index = index;

    this.Update = function(){
        this.rect.x += this.velocity.x;
        this.rect.y += this.velocity.y;

        //Collisions
        for(var c = 0; c < GameObjects.length; c++){
            if(this.rect.Intersects(GameObjects[c])){
                console.debug("Bullet Hit: " + GameObjects[c].tag);

                //Player.bullets.splice(index, 1);
            }
        }
    };

    this.Draw = function(ctx){

        this.rect.Draw(ctxMap);
    };

};
4

2 回答 2

3

实际上,我建议不要使用三角函数,只是为了提高效率。Math.atan2、Math.cos 和 Math.sin 可能会变得很昂贵。

你已经有(稍微重命名)

var deltaX = input.mouseX - (this.localX + this.width/2);
var deltaY = input.mouseY - (this.localY + this.height/2);

为什么不直接这样跳呢?

var magnitude = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
var velocityScale = bulletSpeed / magnitude;
velocityInstance.x = deltaX * velocityScale;
velocityInstance.y = deltaY * velocityScale;

它的功能相同,但只使用一个泰勒级数而不是 3,因此应该更有效。越快越好,对吧?

于 2013-02-13T16:00:41.810 回答
1

弄清楚了。我需要使用 Math.cos 和 Math.sin:

var targetX = input.mouseX - (this.localX + this.width/2);
var targetY = input.mouseY - (this.localY + this.height/2);

this.rotation = Math.atan2(targetY, targetX);

velocityInstance.x = Math.cos(this.rotation) * bulletSpeed;
velocityInstance.y = Math.sin(this.rotation) * bulletSpeed;

无论如何感谢社区!帮助我解决了这个问题!

于 2013-02-13T15:50:09.920 回答