Как закодировать врагов, следующих за игроком, ТОЛЬКО в HTML5 / JS / Canvas?

Question

Я действительно новичок в кодировании, и, возможно, я выбрал проект, который больше, чем я могу жевать .... Я пытаюсь написать код для игры в "избегающий", где игрок перемещает мышь по экрану, чтобыизбегайте врагов, следующих или идущих на игрока.Если враги касаются игрока - игра окончена.

Пока что во всех найденных мной уроках, не связанных с использованием Unity или какого-либо другого программного обеспечения для построения игр, враги падают с верхней части экрана - фактически не следуя за игроком вокруг.

Возможно ли что-то подобное даже с использованием базовых HTML5 и JS?У кого-нибудь есть какие-либо советы о том, с чего начать с этого или любого другого хорошего учебника или примера кода?

Спасибо!

Answer 1

Да, это возможно в Vanilla JS.Вы можете решить проблему.Сначала вам нужно отследить местоположение игрока.Все, что вам нужно, это координаты X и Y.Затем вы просто увеличиваете движение противника в направлении этих координат.

Этот учебник делает обратное.Враг избегает.Он также основан на мышке, но он должен вести вас в правильном направлении, если вы не можете понять это.

https://code.tutsplus.com/articles/html5-avoider-game-tutorial-multiple-moving-enemies--active-9956