[#8] Экран Game over, и CSS-анимации | 3д игра на JavaScript

Продолжение курса по разработке 3д игры на JavaScript и сегодня добавим экран “Game over“, а также поговорим о CSS-анимациях. Сверстаем макет экрана проиграша, добавим отслеживание состояния (state) в наше приложение, научимся переключать экраны и блокировать управление. Также повторим прошлый урок научившись сохранять рекорд в .localStorage. И в конце поговорим о CSS-анимациях. Покажу вам как работать с @keyframes, сделаем небольшую анимацию для текста “Tap to restart“, заставим его мигать и увеличивать шрифт. А также покажу как вызывать анимацию из JavaslScript. В конце будет домашнее задание - решение найдет в пераом закрепленном комментарии. 0:00 - Вступление 0:18 - Верстаем экран Game over 1:57 - Пишем код для Game over 6:52 - CSS-анимации 9:41 - Домашнее задание Весь плейлист: Репозиторий проекта: Патреон: #3д #игра #javascript #babylon #разрарботка #игр #программирование #уроки #практика #js #игровой #движок #3дмодель #3дигра