1

CraftyJS で、プレイヤー エンティティが他のエンティティにクリップするのを防ぐにはどうすればよいですか?

これは私のオブジェクトです:

        Crafty.c("Mushroom", {
        init: function() {
            this.addComponent("collision");
            this.collision(new Crafty.polygon([[8,8],[24,8],[24,24],[8,24]]));
        }
    });

    var mushroom = Crafty.e("2D, canvas, mushroomRed, Mushroom")
    .attr({x: 200, y: 150, z:1, w: 32, h: 32});

これは私のプレーヤー onHit です:

.onhit("mushroomRed", function() {
            this.x += this._speed;
            this.stop();
        }

特定の角度から近づいた場合にのみ機能します。

アドバイス？

4

1 に答える 1

3

使用しているようです

this.x += this._speed;

衝突した後、プレイヤーをキノコから遠ざけるため。ただし、x方向にのみ移動しているため、上または下から衝突した場合は機能しません。それはあなたの問題ですか？

MultiwayまたはFourwayコンポーネントを使用する場合は、代わりにこれを行うことができます。

.bind('Moved', function(from) {
    if(this.hit('mushroomRed')){
        this.attr({x: from.x, y:from.y});
    }
}).

編集：完全な例

// Init Crafty:
Crafty.init();
Crafty.canvas.init();

var player = Crafty.e("2D, Canvas, Color, player, Multiway, Collision")
   .attr({x: 0, y: 0, w: 50, h: 50})
   .color("rgb(0,255,0)")
   .multiway(3, {UP_ARROW: -90, DOWN_ARROW: 90, RIGHT_ARROW: 0, LEFT_ARROW: 180})
   .bind('Moved', function(from) {
       if(this.hit('mushroomRed')){
           this.attr({x: from.x, y:from.y});
        }
    });

var mushroom = Crafty.e("2D, Canvas, mushroomRed, Color")
    .attr({x: 200, y: 150, z:1, w: 32, h: 32})
    .color("red");

http://jsfiddle.net/PzKVh/で実行

これは、Crafty0.4.5の最新バージョンを使用しています。いくつかの重大な変更と多くの改善があったので、このバージョンを使用することをお勧めします。

また、 https：//groups.google.com/forum/# ！forum/ craftyjsのフォーラムで気軽に質問してください。そこでヘルプが見つかる可能性がはるかに高いと思います:-)

于 2012-02-03T14:08:26.663 に答える