Крутая и динамичная игра на HTML, CSS и JavaScript: разбиваем стену из блоков кружком-"снарядом"
В этом видео подробно разбираю код действительно максимально похожей на реальную простой web-игры, реализованной с использованием связки HTML-CSS-JS, суть которой состоит в том, чтобы полностью «разбить» стену из блоков отскакивающим от платформы кружком-«снарядом», для создания анимации движения кружка-«снаряда» и платформы в игре используется язык JavaScript, а также специальный модуль данного языка, называемый ctx, функционал которого непосредственно связан с тегом canvas. Также в своём видео я тестирую работоспособность программы-игры и даю рекомендации по оптимизации некоторых параметров web-игры.
Полезные ссылки:
Хотел бы порекомендовать к прочтению действительно полезную и интересную статью с дополнительными файлами для загрузки по теме разработки мини-игр на HTML, CSS и JavaScript , которая называется «Игра на JavaScript за 20 минут! Flappy Bird», данная статья идеально дополняет и расширяет материал моего видеоурока:
https://itproger.com/news/igra-na-chi...
Могу также порекомнедовать полезную и достаточно подробную статью на Хабре о том как создать простую игру-«стрелялку», используя чистый JavaScript + Canvas (холст для рисования):
https://habr.com/ru/articles/762132/
Также в обязательном порядке даю ссылку на статью-первоисточник для кода, разбираемого в моём видео, однако обращаю внимание на то, что разбираемый мной код более продвинутый в плане оформления внешнего вида web-игры по сравнению с тем кодом, который приводится в статье:
https://developer.mozilla.org/en-US/d...
Я вынужден признать, что создание моих видео требует немало времени и усилий, поэтому буду очень благодарен зрителям и слушателям за поддержку моего канала:
2202 2063 2949 1638 (МИР Сберкарта)
Донаты на платформе Бусти:
https://boosty.to/prakteorika