Как сделать коллизию Javascript?

Question

Программирование не сильное, предупреждаю вас.Я делаю простую игру Javascript.Вот изображение: http://i.imgur.com/qlDFN.png По сути, я хочу переместить голову Хоффа (он уже следует за моей мышью) по коридору с помидорами и рассолами, чтобы добраться до гамбургера.Однако, когда его голова сталкивается с барьерами красного кетчупа, нужно начинать заново.Как в мире я могу сделать это столкновение возможным?

Answer 1

Если линия томатов плоская, то вы, вероятно, можете сойтись с чем-то вроде:

 //hoff y position is above toplins y.
 //or hoffs y position+its hight is below the bottom lines y.
 if(hoff.y < topLine.y || (hoff.y+hoff.height) > bottomLine.Y) hoff.collided();

Если вам нужно быть более конкретным, я бы порекомендовал просто использовать JavaScript-фреймворк, чтобы сделать это для вас (вы можете сделать это самостоятельно, но это требует много математики и TBH, работы уже проделаны, так что зачем изобретать рулевое колесо).