Collision et détection des chocs

Dans cet exercice, je vous montre comment développer un système de gestion de collision et la détection des chocs dans le DOM.

php
		<script>
var reqID, dir;
var p, t, pw, ph, px, py, tw, th, tx, ty;

function detectCollisions(){
	for(i = 0; i < t.length; i++){
		pw = p.offsetWidth;
		ph = p.offsetHeight;
		px = p.offsetLeft;
		py = p.offsetTop;
		tw = t[i].offsetWidth;
		th = t[i].offsetHeight;
		tx = t[i].offsetLeft;
		ty = t[i].offsetTop;

		if((px+pw) > tx && px < (tx+tw) && (py+ph) > ty && py < (ty+th)){
			console.log("Collision detected with " + t[i].id);
			document.body.removeChild(t[i]);
		}
	}
	window.requestAnimationFrame(detectCollisions);
}
function changeDir(d) {
	dir = d;
}
function startAnimation() {
	if( dir == "right" ) {
		p.style.left = (p.offsetLeft += 2) + 'px';
	} else if( dir == "left" ) {
		p.style.left = (p.offsetLeft -= 2) + 'px';
	}
	reqID = window.requestAnimationFrame(startAnimation);
}
function stopAnimation() {
	window.cancelAnimationFrame(reqID);
}
function docReady(){
	p = document.getElementById("player");
	t = document.getElementsByClassName("things");
	detectCollisions();
}
window.addEventListener("load", docReady);
</script>