如果x位置<= -50，我该如何添加事件？

Question

我移动块用吐温：

var block1 = Crafty.e('Block, 2D, Canvas, Color, Tween') 
    .attr({x: 450, y: 140, w: 40, h: 200}) 
    .color('yellow') 
    .tween({x: -50}, 3000); 

如何重置的位置？所以在x < = -50然后回到x = 450？我可以用某种方式将它绑定到x位置吗？

Answer 1

当位置改变时，触发“移动”事件。 （这是2D component的一部分），所以每次物体移动时，你可以检查它的当前位置，并做出适当的反应：

var checkPos = function(){ 
    if (this.x<= -50) 
     this.x = 450; 
}; 

e.bind("Move", checkPos); 

如果你想这一次完成，使用e.one代替e.bind。如果你想开始补间，你需要多一点代码，但是应该很清楚如何做到这一点。

在您的具体情况下，您还可以收听“TweenEnd”事件。