3

我对craftyjs、碰撞和多边形有一些问题。

这是我的代码:http: //jsfiddle.net/haenx/85mhj/

如您所见,每次两个方块重叠时,玩家都会击中敌人。但是给定的多边形有另一种形式,它似乎会被忽略......

我想不通,为什么。Craftys 的文档也不是最好的。

Crafty.init(300,300, document.querySelector('#Game'));
Crafty.e('2D, Canvas, Color, Mouse')
    .attr({
        x: 0,
        y: 0,
        w: 300,
        h: 300
    })
    .color('#333')
    .bind('MouseMove', function () {
        player.x = Crafty.mousePos.x - (32 / 2);
        player.y = Crafty.mousePos.y - (32 / 2);
    });

Crafty.c('Enemy', {
    init: function () {
        this
            .addComponent('2D, Canvas, Color')
            .attr({
                x: 134,
                y: 134,
                w: 32,
                h: 32
            })
            .color('#ff0');
    }
})

var enemy = Crafty.e('Enemy');

var player = Crafty.e('2D, Canvas, Color, Collision, WiredHitBox')
    .attr({
        x: 134,
        y: 134,
        w: 32,
        h: 32
    })
    .color('#f00');
player
    .collision(new Crafty.polygon([0,0], [0,6], [8, 13], [24,13], [32,6], [32,0]))
    .onHit('Enemy',
        function() {
            enemy.color('#fff');
        },
        function() {
            enemy.color('#ff0');
        }
    );
4

0 回答 0