如何檢查一個craftyjs實體是否已經脫離狡猾區域？

Question

<script> 
     Crafty.init(450,350, document.getElementById('game')); 
    var sledge= Crafty.e('Floor, 2D, Canvas, Color') 
    .attr({x: 0, y: 250, w: 150, h: 10}) 
    .color('green'); 

    var hero =Crafty.e('Canvas, 2D, Image, Twoway, Gravity') 
    .attr({x: 0, y: 0, w: 50, h: 50}) 
    .image("jerry.png") 
    .twoway(150) 
    .gravity('Floor'); 

    </script> 

例如，在這種情況下，我該如何得到一個警告，說最後一個實體，英雄已經從詭計區域初始化了？

Answer 1

最簡單的方法是每幀比較實體的位置，就像這樣：

hero.bind("EnterFrame", function(e) { 
    if (hero.x < 0 
    || hero.y < 0 
    || hero.x > Crafty.viewport._width 
    || hero.y > Crafty.viewport._height) { 
     // Whatever logic you're wanting 
    } 
}); 

這是假設視口是固定的，但似乎對這個問題的本質暗示。