Detección de colisión de límite de juego de JavaScript / Jquery [duplicado] - javascript, jquery, detección de colisión

Posible duplicado:
Detección de colisión jQuery / Javascript

Estoy aprendiendo a codificar en JavaScript, y estoyusando la biblioteca jQuery. Tengo un jugador que se mueve por la pantalla con las teclas WASD. Quiero que se detenga cuando llegue a los límites del juego. Estoy usando dos divs, uno se llama patio de recreo (el área donde se desarrolla el juego) y otro se llama jugador. Los tengo configurados así:

<div id="playground">
<div id="player"></div>
</div>

El jugador se mueve muy bien pero quiero que se detengacuando llega al borde del patio de recreo. Explique su respuesta en profundidad porque soy nuevo en la programación de JavaScript. Cualquier ayuda sería muy apreciada.

Respuestas

Entonces necesitas usar algo como esto:

 if (this.__move.left) {
if (!this.isPlaying("walk_left"))
this.stop().animate("walk_left", 10);
}

Aquí hay un muy buen ejemplo y una demostración. Intentalo http://craftyjs.com/demos/tutorial/tutorial.html