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의 일부입니다) 그래서 때마다 개체 이동, 당신은 그냥 현재 위치의 확인하실 수 있습니다 적절히 응답 : 당신이 한 번만 발생 대신 e.bind의 e.one을 사용하려면

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

e.bind("Move", checkPos); 

합니다. 트위닝을 시작하려면 좀 더 많은 코드가 필요하지만이를 수행하는 방법은 분명해야합니다.

구체적인 경우에는 "TweenEnd"이벤트를들을 수도 있습니다.