Обнаружение столкновений на холсте html5 adobe animate

#javascript #html5-canvas #adobe-animate

#язык JavaScript #html5-холст #adobe-анимация

Вопрос:

Пытаюсь создать простую игру, в которой пользователь управляет объектом, и когда он попадает в движущийся объект, он обнаруживает его и заставляет пользователя играть снова. Что-то вроде flappy bird, но пользователь может управлять птицей в любом месте. Я также в значительной степени неграмотен в коде, так как начал работать всего несколько месяцев назад. Вот мой незаконченный код :

 this.player1.on("pressmove", moveBall); this.addEventListener("tick", fl_AnimateVertically.bind(this));  function fl_AnimateVertically() {  this.obs1.x =-10;  this.obs2.x =-10;  this.obs3.x =-10;  this.obs4.x =-10;  this.obs5.x =-10; }  fl_AnimateVertically()    function moveBall(e) {  var p = stage.globalToLocal(e.stageX, e.stageY)  e.currentTarget.x= p.x;  e.currentTarget.y= p.y; }  moveBall(e);   

Комментарии:

1. Один из способов сделать это-создать прямоугольники, которые являются областями столкновения персонажей. А затем создайте контрольные интервалы ( setInterval() ), чтобы вычислить, нет ли столкновения. Если есть какой-либо триггер, который может сделать это без перегрузки обработки, я тоже хотел бы знать… Другой способ — наложить функции проверки на сами объекты символов. Всякий раз, когда кто-то двигается, он проверяет наличие столкновения и предупреждает окружающую среду о том, чтобы игра закончилась или что-то еще.