для простого прямоугольника, я хотел бы использовать:Как обнаружить столкновения для сложной формы, как игровой персонаж?
if(ballX > rectX && ballX < rectX + rectWidth && ballY > rectY && ballY <rectY + rectHeight) {
alert("Game over");
}
Ваши вопросы на самом деле не Javascript или HTML вопрос непосредственно, но ..
1) Есть несколько вариантов, как определить, если два объекта встречные. Один (и простой) решения называется AABB Collision Detection (good video tutorial)
2) Существует хороший ответ уже на StackOverflow: Collision detection with complex shapes
3) Есть много хороших рамки игр (take a look at this list) делает обнаружение столкновений для вы. Вы уверены, что хотите сделать это сами?