Easeljs HitTest和hitRadius

Question

这是我的代码：

var spriteSheet = new createjs.SpriteSheet({
    images: ["images/mario2.png"],
    frames: {width:24, height:33, regX: 0, regY: 0},
    animations: {
        walk_right:     [5, 9],
        walk_up:        [10, 14],
        walk_down:      [15, 19],
        walk_left:      [0, 4]
    }
});


Player = new createjs.BitmapAnimation(spriteSheet);
Player.name = "Mario";
Player.gotoAndStop("walk_right");
Player.speed = 6;
Player.x = 30;
Player.y = 330;
//Player object toevoegen aan de stage
stage.addChild(Player);

    var monsterspritesheet = new createjs.SpriteSheet({
        images: ["images/MonsterA.png"], //image to use
        frames: {width: 64, height: 54, regX: 0, regY: 0},
        animations: {
            walk: [0, 9, "walk", 4],
            idle: [10, 20, "idle", 4]
        }
    });

Monster1 = new createjs.BitmapAnimation(monsterspritesheet);
Monster1.name = "Monster";
Monster1.gotoAndStop("walk");
Monster1.speed = 6;
Monster1.x = 180;
Monster1.y = 330;
stage.addChild(Monster1);
stage.update();

对于hitTest，我使用以下代码：

   var testpos = Player.globalToLocal(Monster1.x ,Monster1.y);

if (Player.hitTest(testpos.x, testpos.y) === true)
{
console.log("HIT");
}

问题：当玩家在怪物下方时，我会收到“命中”消息，但我希望它在玩家击中怪物时起作用，而不是在怪物下方时起作用。 我一直在和Player＆Monster的regX和regY一起玩，但似乎不起作用。 有人知道解决方案吗？

Answer 1

我认为您的问题是您需要CollisionDetection，但hitTest（）仅会检查一个像素，这在大多数情况下用于鼠标交互检测，非常适合。 但是，将其用于检测两个位图之间的冲突可能比仅测试一个像素需要更多的工作。 我建议您对位图和bitmapAnimations使用CollisionDetection类，它可与边界框或完美像素配合使用，并且您基本上只需要更改一行即可。 您可以在Github上查看它：EaselJS描述的位图碰撞检测位于github.com页面上。 （以防万一您会使用它：如果您遇到任何错误，请告诉我）