Создание игры Тетрис на JavaScript | Часть 1 | Tetris game in JavaScript.

Материалы вебинара:

Давайте проверим, можно ли научиться программировать, сидя в изоляции. Мы подготовили для вас увлекательнейший онлайн тренинг, который поможет легко и быстро войти в разработку на JavaScript. Ноль теории, только практика. Смотри и делай!

На марафоне Вы научитесь:
Разбираться в структурах, типах данных, функциях JavaScript
Работе с DOM в JavaScript
Работе со средствами HTML/CSS для расположения элементов на странице
Систематическому подходу к решению задач, не упуская деталей
Пониманию логики создания игр
Понимать основы алгоритмов

В этом видео:
Начнем создание игры Тетрис на JavaScript
Тетрис: постановка задачи, детально знакомимся с правилами.
Возможности реализации средствами браузера.
Реализуем поле, падение и перемещение фигур в стороны.

00:00 Вступление. Знакомство с автором
1:35 Программа тренинга
4:44 О Тетрисе, его правила
6:24 Что надо для работы, настройка проекта
10:50 Работа над окружением и игровыми блоками
17:53 Движущиеся ячейки и зафиксированные
19:47 JavaScript. Работа с игровым полем
31:55 Реализация движения ячеек вниз
45:25 Остановка хода ячеек при достижении низа
52:40 Вопросы и ответы
54:30 Перерыв
1:00:30 Фиксирование фигуры при достижении границы
1:07:44 Генерация следующей фигуры
1:09:36 Добавление движения фигурки влево
1:21:41 Добавление движения фигурки вправо
1:32:59 Реализация ускорения
1:36:42 Добавление плавности хода фигур
1:37:55 Реализация проверки заполненных линий
1:48:16 Домашнее задание

#JavaScript #Games #JavaScriptGames #Tetris

[ITVDN]

🔥Промокод на скидку 15% на все курсы ITVDN - 4YOUTUBE
Запишись на бесплатный пробный урок!

[vzjhzrr]

Как по мне отлично получилось завтра попробую сделать

[alexandrkruglyak]

Было бы здорово на es6+ это сделать) А в целом отличный урок получился, лайк!

[dgonlock]

Подскажите какая у вас операционная система?

[sergeihanush]

на сколько я вижу то в функцие removeFullLine() canRemoveLine=true переместите со строки 130 на после строчки 131 и все должно сработать! А то переменная становится false первой же ячейке а обратно true стать не может!

[Torpedo-ZIL]

Помогите пишу e.keyCode и webStorm зачёркивает мне keyCode. Я начинающий - повторяю за автором. И не пойму - почему зачёркивает и что с этим делать. Это начинается на 01:12:00 в этом видео.

[WeGototrip]

Открываю код страницы и мне пишет :

Uncaught TypeError: Cannot read property '0' of undefined
at script.js:7

[ITVDN]

Материалы вебинара:
Домашнее задание:
Доделать функцию removeFullLines, которая будет убирать заполненные ряды без каких-либо ошибок.
Сроки: до 15:00 14.05.2020

[alexeymuravyov]

Что за программа или плагин у автора для рисония?