И да пребудет с тобой сила!
Курсы
Базовый курс по верстке Продвинутый курс по верстке Курс JavaScript Ручное тестирование Блоги на Wordpress
Марафоны
Flexbox и Grid Марафон SVG для Web Марафон Email Вёрстка Многостраничный сайт Современная верстка Elementor в Wordpress Веб-анимация CSS и JS Анимация на GSAP Создание игр на ThreeJS Создание игры на PhaserJS
Полезноcти
Книги о программировании Шпаргалка Flexbox CSS Шпаргалка Grid CSS Видео с практикой
Вход
Меню
Главная Марафоны Создание 3D игры на three.js

Создание игр
на three.js

Освоите всю необходимую базу по работе с WebGL и three.js, а также напишите полноценную браузерную 3D игру
Записаться
Дата старта
{{ course.start_date }}
Длительность
2 недели
Стоимость
{{ course.start_price }} РУБ {{ course.old_start_price }} РУБ
Создание игр на three.js

Что будет на курсе?

Теоретическая
часть
В каждом уроке будет теоретический блок, чтобы знать все тонкости WebGL и three.js.
Практическая
часть
Не только в теории, но и на практике создадите несколько 3D игр, которые не стыдно будет опубликовать в портофолио.
Дипломный
с проект
Важная часть курса, потому что так Вы сможете закрепить все темы на практике в рамках одного большого задания.

Как проходит обучение?

Получаете доступ на учебную платформу Frontend Blok
Каждый день в 6 утра по мск открывается доступ к новому уроку
Просматриваете урок длительностью 15-25 минут, где есть теория и практика
Выполняете домашнее задание для закрепления пройденного материала
Отправляете ДЗ куратору и выполняете его рекомендации
Получаете сертификат об окончании обучения: на русском и английском

Где используется three.js?

Веб-сайты
С его помощью на сайтах и веб-приложениях вы сможете реализовать 3D анимации и полноценный интерактив. За это готовы платить клиенты и очень много.
Конструкторы
На таких сервисах есть встроенные настройки анимаций, но их возможности ограничены, но подключив библиотеку three.js и добавив код, Вы сможете внедрить анимацию любой сложности.
Веб-игры
Браузерные 3D игры на three.js можно добавлять не только на сервисы клиентов, но и загружать на сторонние платформы для монетизации.

Общая информация по курсу

Формат уроков
Уроки заранее записаны и смонтированы так, чтобы не тратить ваше драгоценное время и получать только качественную информацию без воды.
Длительность уроков
В среднем уроки длятся 15-25 минут, в зависимости от темы. Обучение нацелено на практику, мы мало разбираем теорию, но можем разобрать сложные моменты в учебном чате.
Домашние задания
Домашнее задание дается после каждого урока. Выполнение обязательно, потому что оно напрямую влияет на итоговый результат курса.
Время открытия уроков
Уроки открываются каждый день в 06:00 по мск каждый будний день. Они доступны месяц, но на учебной платформе можно приобрести опцию «Вечный Доступ» в любой момент.

Автор курса

Создатель сообщества Типичный Верстальщик
Более 9-ти лет в веб-разработке
Ведёт несколько соцсетей на тему веб-разработки
Основатель сервиса Frontend Help
Запустила учебную платформу Frontend Blok
Anna Blok photo

Учебные проекты

Во время курса вы создадите две игры и на практических уроках поэтапно освоите всю необходимую базу three.js
Пагинация
Предыдущий
Следующий
Учебный проект.

Демонстрация смотрится просто, но поверьте, это именно то, на чем строится базовое знакомство с тем, как строятся 3D-модели, как управлять камерой, светом и аудио, что является неотъемлимой частью любой игры.
Практика перед дипломом.

После изучения основ, Вы приступите к практике, на которой напишите игру «Три в ряд» — это популярная головоломка, где необходимо или выстраивать объекты в линию в количестве три и более одинаковых элементов или самостоятельно «лопать» их по клику. После этого Вы приступите к диплому, где напишите еще одну игру.

Сколько стоит

Тариф «Самостоятельный»
Доступ к видео и материалам курса на 1 месяц
Доступ к учебному чату
Уроки с теорией без воды
Домашние задания
Сертификат об окончании обучения
{{ course.prices.start.price }} руб
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? course.prices.start.current_price + ' руб' : '' }}
Купить курс

Отзывы с других курсов

Екатерина Титарева
Екатерина Титарева
19 ноября 2024
Благодарю за такой обширный, несмотря на то, что он мини - курс! Как раз хотела получить представление, какие бывают анимации и как с ними работать) Очень понравилось ещё, что есть чат...
Ирина Глыцко
Ирина Глыцко
5 ноября 2024
Курс очень крутой! Многие моменты охотно внедряю в жизнь, чему очень рада)
Дмитрий Смирнов
Дмитрий Смирнов
4 ноября 2024
Прошел марафон по веб-анимации у Анны Блок. Это не совсем курс, это именно марафон. Каждый день вы узнаете новую информацию и делаете домашнюю работу (на выходных отдых, или можно догнать, если отстал)...
Юлия Орешкина
Юлия Орешкина
2 ноября 2024
Курс получился очень насыщенный и интересный! Подача материала на высоте, внимательное отношение к обучающимся и подбор действительно полезной информации, с которой можно успешно развиваться дальше самостоятельно...
Пагинация
Предыдущий
Следующий

Часто задаваемые вопросы

Сколько по времени длятся уроки?
Развернуть
В среднем уроки длятся 15-25 минут, в зависимости от темы. Обучение нацелено на практику, мы мало разбираем теорию, но можем разобрать сложные моменты в учебном чате.
Должен ли я знать что-то заранее?
Развернуть
В идеале знать самые основы HTML/CSS и JavaScript. Глубокие знания не требуются, так как курс вы можете использовать в будущем, как справочник, чтобы возвращаться к материалам снова и снова. Только не забудьте взять для этих целей услугу «Вечный Доступ», чтобы материалы курса оставались в доступе всегда, либо докупите её на учебной платформе во время или после обучения.
Нужно ли мне заранее установить какие-нибудь программы?
Развернуть
На курсе мы будем использовать редактор кода VS Code и приложение Figma. Если они у вас уже установлены или любой иной редактор кода, то больше ничего не потребуется.
Могу ли я посмотреть уроки в другой день?
Развернуть
Да, уроки вы можете посмотреть в любой день или любое другое удобное время. Главное выполнять практику последовательно к каждому уроку.
Получу ли я сертификат в конце обучения?
Развернуть
Да, мы выдаём сертификаты. Это происходит после того, как вы выполните задания всех уроков и дипломную работу.
Закрыть
Юлия Орешкина
Юлия Орешкина
2 ноября 2024
Курс получился очень насыщенный и интересный! Подача материала на высоте, внимательное отношение к обучающимся и подбор действительно полезной информации, с которой можно успешно развиваться дальше самостоятельно. Отдельное спасибо за формирование требований к дипломному проекту. Выполняя его, отрабатываешь реальные навыки, которые требуются веб-разработчику. Спасибо за курс и помощь в обучении Анне, Андрею и всей команде!
Закрыть
Дмитрий Смирнов
Дмитрий Смирнов
4 ноября 2024
Прошел марафон по веб-анимации у Анны Блок. Это не совсем курс, это именно марафон. Каждый день вы узнаете новую информацию и делаете домашнюю работу (на выходных отдых, или можно догнать, если отстал).

Каждый день дается новая информация, новый подход или новая библиотека. Достаточно подробно рассмотрена css-анимация, анимация svg и canvas. Более обзорно разбираются библиотеки Anime.js и GSAP (внимания уделено достаточно, но сами библиотеки требуют вдумчивого самостоятельного копания).

Также обзорно разобраны webGl и ThreeJS. Тем не менее -- за один из уроков создается маленькая игра на webgl и вокруг нее строятся домашнее задание и часть дипломной работы.

Очень хорошо для погружения в тему и началу самостоятельного изучения. Недостаточно для того, чтобы сказать, что освоил и достиг мастерства в анимации, но за две недели этого и нельзя достичь.

Учебный чат теплый, хороший ламповый, куратор и Анна отвечают на вопросы, разбирают задания.

Информация в видео доносится в ясно, разборчиво и наглядно.

Спасибо большое.
Закрыть
Екатерина Титарева
Екатерина Титарева
19 ноября 2024
Благодарю за такой обширный, несмотря на то, что он мини - курс! Как раз хотела получить представление, какие бывают анимации и как с ними работать) Очень понравилось ещё, что есть чат с обучающимися, где можно задавать вопросы, видеть результаты других учеников, делиться знаниями и опытом. Было бы здорово добавить побольше заданий, близких к реальным, по примеру дипломной работы - это очень ценно, потом можно использовать в рабочих проектах.