How to Detect Collision Between Entity and Viewport

Question

I am using Crafty.js. I want the player to die when they hit the side of the viewport (they need to keep moving to stay alive). How do I detect a collision between the player entity and the side/edge of the viewport? I have looked at Crafty.viewport, but have not been able to find anything useful.

Answer 1

Use your entity's 2D method within combined with your viewport's property bounds as input argument. It will check if your player's rectangle is within the viewport.