Разработка HTML5 игр на Phaser 3: Подробное руководство

Создайте 3 браузерные игры на Phaser 3 и JavaScript шаг за шагом

4.60 (83 reviews)
Udemy
platform
Русский
language
Game Development
category
334
students
16.5 hours
content
Apr 2020
last update
$64.99
regular price

What you will learn

Вы станете автором трех полноценных игр, которые создадите с нуля во время обучения.

Получите опыт работы с двумя физическими движками: базовым аркадным и продвинутым MatterJS.

Будете уверенно использовать широкий инструментарий Phaser: работа со спрайтами и отрисовка графики, создание сцен и архитектуры проекта, запуск анимаций, подключение кастомных шрифтов, воспроизведение звуков и музыки.

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

Научитесь генерировать спрайтлисты в программе TexturePacker и создавать из них покадровую анимацию в Phaser.

Освоите программу Tiled и сможете создавать собственные карты уровней из набора тайлов.

Поймете принципы работы клиент-серверных игр и научитесь их разрабатывать.

Сможете использовать SocketIO для реализации PVP мультиплеера в реальном времени.

Подготовите солидное портфолио, которое позволит вам выйти на рынок игровой индустрии в роли уверенного специалиста.

Подготовите сборку проекта для релиза при помощи webpack

Description

Вы хотите попасть в геймдев?

Изучаете программирование и хотите прокачать свои скиллы в разработке программ? Есть идея игры, но не знаете, как подступиться к технической реализации?

Этот курс для вас!

В ходе обучения мы изучим популярный игровой фреймворк Phaser 3, используемый для создания отличных HTML5 игр.

Почему именно Phaser?

Несмотря на то, что Phaser крайне прост в освоении, его используют серьезные игровые студии при разработке коммерческих игр. С его помощью можно решить практические любые задачи. После прохождения одного этого курса вы будете обладать всеми необходимыми навыками для самостоятельного создания браузерных игр самых разных жанров.

Зачем создавать HTML5 игры?

Рынок HTML5 игр сегодня на пике развития. Социальные сети активно развивают свои игровые платформы для поддержки HTML5 игр и ищут новых разработчиков. Одноклассники постоянно проводят конкурсы в HTML5 направлении с розыгрышем щедрых призов. Facebook открыл платформу Instant Games, а Вконтакте активно работает над HTML5 платформой Direct Games. Instant игры можно запустить даже в Telegram!


Content

Модуль 1 - Игра Memory

Обзор курса
Приветствие
1. Почему Phaser?
2. Знакомство с игрой
3. Настройка окружения
4. Структура проекта
5. Вывод изображений
6. Спрайты карт
7. Создание сцены
8. Префабы спрайтов
9. Отрисовка карт
10. Обработка событий ввода
11. Игровая механика
12. Победа на уровне
13. Tween анимации
14. Рендеринг текста
15. Таймер
16. Звуки и музыка
17. Анимация полета карт
18. Завершение разработки
Тест по 1 модулю
Задания для самостоятельной работы по 1 модулю

Модуль 2: Игра: Side Scrolling Shooter

Приветствие
1. Стартовая сцена
2. Загрузочный экран
3. Сцена уровня
4. Вывод спрайта игрока
5. Движение игрока
6. Движущийся бэкграунд
7. Вывод противников
8. Префаб группы врагов
9. Генерация противников
10. Переиспользование спрайтов
11. Стрельба игрока
12. Пересоздание объектов в группе
13. Рефакторинг
14. Стрельба противников
15. Обработка столкновений
16. Завершение игры
17. Статистика на стартовой сцене
18. Покадровая анимация игрока
19. Покадровая анимация взрыва
20. Звуки и музыка
21. Прогресс бар
Тест по 2 модулю
Задания для самостоятельной работы по 2 модулю

Модуль 3 - Гоночки с мультиплеером

Приветствие
1. Изучаем программу Tiled
2. Завершаем работу в Tiled
3. Шаблон проекта phaser
4. Базовая архитектура
5. Слои Tilemap
6. Объекты Tilemap
7. Машина игрока
8. Движение машины
9. Управление движением
10. Ускорение и торможение
11. Обработка трения
12. Прохождение чекпоинтов и кругов
13. Скольжение по лужам
14. Статистика гонки
15. Вывод статистики
16. Окно завершения уровня
17. Стартовая сцена
18. Создание сервера
19. Настройка Socket.IO
20. Поиск противника
21. Установка параметров старта игрокам
22. Синхронизация движения игроков
Тест по 3 модулю
Задания для самостоятельной работы по 3 модулю
Итоговый тест по всему курсу
Заключение

Screenshots

Разработка HTML5 игр на Phaser 3: Подробное руководство - Screenshot_01Разработка HTML5 игр на Phaser 3: Подробное руководство - Screenshot_02Разработка HTML5 игр на Phaser 3: Подробное руководство - Screenshot_03Разработка HTML5 игр на Phaser 3: Подробное руководство - Screenshot_04

Reviews

Dmitriy
August 21, 2023
Мне очень понравился данный курс. Подача материала грамотная, речь четкая. Александр глубоко разбирается в теме. Лично я все игры реализовал на Webpack + TypeScript, задал себе дополнительный челлендж. В целом это было и не сложно, ибо все разжевывается максимально, причем не только код, но и сама архитектура построения классов и игры в целом, за что отдельное спасибо, т.к. в очередной раз для себя понял уяснил важность грамотного архитектурного планирования (привет UML, я скучал). Я уже более 5 лет работаю во фронтенде, а с начала 2023 года занимаюсь браузерным геймдевом (3D), потому данный курс смотрел в 2х скорости, хотя с Phaser 3 прежде и не работал. Так что даже если вы новичок, то у вас в портфолио все равно появится 3 новеньких и приятных визуально игры, которые вы даже сможете понять КАК писать :). Разве это не идеально?! Спасибо за отличный курс!
Maxim
May 26, 2023
Мне нравится, интересно и доступно, раньше пытался изучать phaser самостоятельно не получалось не очень хорошо, теперь становится намного понятней.
Vladimir
November 9, 2021
Курс очень хороший, материал подается последовательно и доступно. Все исходники работают. Автору большое СПАСИБО!
Роман
October 22, 2021
В принципе то, что этот курс существует очень круто + подача инфо мне пока нравиться. Ставлю высокую оценку и рекомендую. Но я бы лучше ответил на этот вопрос не после первого просмотренного урока, а хотя-бы после завершенного 1го модуля. Спасибо)
Денис
April 26, 2021
Покупал курс за 1000₽ по якобы скидке (типа он стоит 8к, но вот вам повезло, он в 8 раз дешевле в течение 5 часов, которые, почему-то, даже через три дня не истекли) - за унылый маркетинг минус звезда. Покупал ради третьего модуля, но мельком просмотрел и первые два. За неинтересные игры в этих первых модулях - минус ползвезды. Понятно, что там разные фишечки объясняются, но можно было что-то интересное придумать (курс же 8к стоит, вы чего), смотреть было скучно и даже начинать не хотелось. Минус ползвезды за плохие практики кода для новичков. Если джуниор насмотрится этих видео, то нахватается ненужного и потом заколебется отучаться. Очень сумбурная концовка у третьего модуля. Автор как-будто переписывает код откуда-то, никакой последовательности в логике: сначала один файл расписал, потом другой, потом третий. Да и вообще, ожидалось, что сервер будет все обрабатывать, а он только между двумя игроками данные пересылает - такую уязвимую логику никто писать не будет, бесполезица, больше подходит на уроки по сокетам. Еще ползвезды вычел. В целом, за тыщу рублей вполне себе. С пивом пойдет.
Alexandr
April 20, 2021
Хороший курс! Спасибо большое. Изучал Phaser самостоятельно, но благодаря курсу разложились все знания по полочкам. И узнал как лучше делать архитектуру приложения!
Малич
October 5, 2020
Благодаря этому курсу я открыла для себя новую профессию, которой занимаюсь уже более полугода! Курс просто замечательный, объясняется невероятно понятно, а еще преподаватель всегда отвечает на вопросы и делает это максимально развернуто! Спасибо тысячу раз за этот курс! Как увидела, что у этого преподавателя вышел курс еще и по Pixi js - тоже сразу купила!)
Ivan
July 1, 2020
Курс как говорят сделан с любовью! Для новичков курс просто на вес золота. На практике рассматриваются все базовые принципы Phaser, которые станут отличным фундаментом для будущего самостоятельного изучения.
Nikolay
June 4, 2020
Среди русскоязычного, это пожалуй лучший материал по JS геймдеву! Да и по Phaser в принципе. Игрушки на выходе получились достаточно приятными, особенно гоночки. Сам лично хоть и не фанат игр с машинками, но эта меня прямо порадовала. Надеюсь будут ещё уроки по Phaser от данного автора, возможно уже для чуть более продвинутого уровня. Учитывая что человек с большим опытом, наверное ещё много интересного мог бы рассказать и показать. Вообще интересно было бы взглянуть, как выглядят структуры чуть более крупных проектов. Момент с мультиплеером добавленный в финале последней игры порадовал, тема достаточно интересная. В целом впечатления от курса очень приятные. Вообще это мой первый курс который я приобрёл на Udemy, и было очень интересно проходить. Не всё получалось с первого раза, благо всегда есть архивы с работающим кодом к уроку с которым всегда можно свериться и понять, где же ты ошибся. Единственное что может кому то немного смазать впечатление от уроков, тут требуется достаточно крепкое знание JS-ES6. Если нет понимания того как работает наследование, что такое контекст и тд, то лучше для начала слегка прокачать JS а потому уже браться за курс, иначе будет трудно понять многие моменты. Александр, спасибо за труд! Продолжай развивать это направление, получается у тебя очень здорово.

Charts

Price

Разработка HTML5 игр на Phaser 3: Подробное руководство - Price chart

Rating

Разработка HTML5 игр на Phaser 3: Подробное руководство - Ratings chart

Enrollment distribution

Разработка HTML5 игр на Phaser 3: Подробное руководство - Distribution chart
2478386
udemy ID
7/26/2019
course created date
4/29/2020
course indexed date
Bot
course submited by