1

这是我的代码：

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");
}

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

4

1 回答 1

7

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

于 2013-01-21T23:33:50.770 回答