TETRIS на JavaScript с нуля
HTML-код
- Опубликовано: 6 фев 2025
- Ещё одна интерпретация игры Tetris. На этот раз на языке JavaScript и в рамках одной интернет-страницы index.html. Смысл ролика в демонстрации принципа разбиения сложной задачи на более простые. Язык и среда выбраны с рассчетом на доступность. В предыдущем ролике на тему тетриса использовался язык C и часть времени была отведена поиску способов отображения игровой ситуации, что повышало сложность. Здесь же использованы функции графического контекста элемента canvas.
00:58 - Событие onload
02:14 - Рисуем прямоугольник
02:35 - Игровое поле и фигура на нём
04:00 - Состояние игры
04:41 - Игровой цикл
08:57 - Класс Field
09:49 - Класс Figure
10:24 - От общего к частному
11:14 - Методы движения фигуры
12:02 - Проверка на столкновения
15:00 - Размещение упавшей фигуры на поле
15:57 - Удаление строк и подсчёт очков
20:10 - Появление новой фигуры
23:32 - Отрисовка сцены
25:19 - Метод рисования одного блока
26:27 - Первый неудачный тест
27:23 - Первый удачный тест
27:42 - Обработка событий клавиатуры
29:09 - Тест
29:40 - Поворот фигуры
34:02 - Тест
34:50 - Отрисовка счёта
35:37 - Пауза в игре
36:26 - Сообщение о паузе и проигрыше
38:16 - Ускорение игры
41:35 - Тест
Отличный очередной ролик. С удовольствием посмотрел. Нравится твоя подача материала.
Кадры с планом ролика, адресом канала и названием ролика то, что надо.
requestAnimationFrame(callback) bole optimalno dlya igr
Выкладывал бы "сорцы", думаю, лайков было бы больше! А иначе, получается как в той присказке -- "танцевали, да не поклонились"...
Согласен в целом, но хотелось чтобы зритель всю информацию из видео брал и не надо было что-то дополнительно смотреть/скачивать
'promosm'