2048 на JavaScript / Angular. Практика JavaScript. Разработка игры на JavaScript

Полное руководство как сделать игру 2048! Не забудь добавить в закладки и подписаться на канал. Исходники в описании.

Привет всем. Это большое видео я сделал для вас, мои зрители, в надежде не то, что вы станете моими подписчиками и будете радовать меня своим вниманием :)

Разработка игры на javascript не такая уж редкая задача. Решение такой задачи даст понимание зачем там много говорят о возможностях работы javascript. Ведь только при разработке игры можно столкнуться со сложными переборами массивов, применением зананий алгоритмов программирования.

Angular в этом видео был использован исключительно как инструмент для отрисовки.
Этот код будет работать на Vue JS но потребует небольших доработок для React JS

Это видео могло бы быть частью курса Джейдай веб разработки
(Практика JavaScript )

Подписывайся на группу в telegram https://t.me/webDevGromMaxChannel

Поиграть можно тут https://angular-ivy-45mkjc.stackblitz.io/
Исходники тут https://stackblitz.com/edit/angular-ivy-45mkjc?embed=1&file=src/app/app.component.ts

github репозиторий https://github.com/MaksymGrom/angular-2048-game/tree/1.0.0

Patreon (толко если сильно хочется) https://www.patreon.com/grommax

0:00 - Обзор урока
2:21 - Установка Angular проекта
3:21 - Добавление GameModule
6:09 - Верстка поля и плиточек (View)
18:14 - Типизация Item, логика отображения (ViewModel)
30:37 - События клавиатуры. HostListener
36:16 - Сервис, логика игры (Model)
42:10 - Логика генерация Items
56:48 - Логика нажатия влево
1:13:53 - Логика движения (move)
1:24:08 - Определение конца игры
1:44:38 - Исправления логики конца игры
2:00:00 - Подсчет очков и сброс игры
2:06:00 - Спасибо за просмотр