Как стать автором
Обновить

Создание арканоида на чистом JavaScript с нуля. CANVAS

Время на прочтение 1 мин
Количество просмотров 21K
Началось все с небольших уроков на тему того, как сделать игровой цикл, как организовать отрисовку, как заставить работать клавиатуру и т.д. И на фоне этих небольших уроков пришла мысль сделать полноценную (почти) игру, так же, с нуля.
Желание воплотилось в виде 7 уроков, которые я бы и хотел представить ниже.


Урок первый. Игровой цикл, клавиатура.
Смотреть 27 минут



Урок второй. Объект игрока. Главный персонаж.
Смотреть 7 минут



Урок третий. Нам что-то нужно уничтожить!
Смотреть 22 минуты



Урок четвертый. Движение шара, уничтожение объектов, столкновения.
Смотреть 33 минуты



Урок пятый. Карта уровня, окружение.
Смотреть 14 минут



Урок шестой. Проигрыш. Очки.
Смотреть 24 минуты



Урок седьмой. Итоги работы.
Смотреть 14 минут



image
image

Такой вот получился курс о том, как создать арканоид на JavaScript. Если есть какие-то вопросы — прошу в комментарии =)

UPD: Скачать архив с результатом работы: Arkanoid.zip
Первая ссылка работает.
UPD 2: Первая ссылка умерла… Скачать теперь тут: Arkanoid.zip
Теги:
Хабы:
+11
Комментарии 14
Комментарии Комментарии 14

Публикации

Истории

Работа

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн