Javascript 防止craftyJS中的对象剪裁
在CraftyJS中,如何阻止我的玩家实体剪切到其他实体中 这是我的目标:Javascript 防止craftyJS中的对象剪裁,javascript,craftyjs,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 mush
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();
}
只有当我从某个角度接近它时,它才会起作用,否则,它就会失控
建议?看起来您正在使用
this.x += this._speed;
在蘑菇碰撞后将玩家从蘑菇上移开。但是,由于你只是在x方向上移动它,如果你从顶部或底部碰撞,它将不起作用。这是你的问题吗
如果使用或四向组件,则可以执行以下操作:
.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");
奔向
这是使用最新版本的Crafty 0.4.5。有一些突破性的变化和许多改进,所以我建议您使用这个版本
另外,请随时在论坛上提问,我认为您更可能在那里找到帮助:-)您好,您能详细说明我将代码放在哪里吗?我对诡计多端很陌生,有一些困难。谢谢非常感谢你!这非常有帮助!