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

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

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


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



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



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



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



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



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



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



image
image

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

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

Публикации

Истории

Работа

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

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн
10 – 11 октября
HR IT & Team Lead конференция «Битва за IT-таланты»
МоскваОнлайн
25 октября
Конференция по росту продуктов EGC’24
МоскваОнлайн
7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн