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 
    } 
}); 

これは、ビューポートは固定であると仮定し、それは問題の性質によって示唆さそうです。