javascript - 防止CraftyJS中的对象裁剪

在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("mushroomRed", function() {
            this.x += this._speed;
            this.stop();
        }

只有当我从某个角度接近它时，它才起作用，否则，它就变成了麻烦。

忠告？

最佳答案

看来您正在使用

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/运行

这是使用最新版本的Crafty 0.4.5。有一些重大更改和许多改进，所以我建议您使用此版本。

另外，请随时在https://groups.google.com/forum/#!forum/craftyjs的论坛上提问，我认为您更有可能在这里找到帮助:-)

关于javascript - 防止CraftyJS中的对象裁剪，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9129613/