Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Разработка HTML5 игр на Phaser 3: Подробное руководство
Highest Rated
Rating: 4.8 out of 5(92 ratings)
371 students

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

Создайте 3 браузерные игры на Phaser 3 и JavaScript шаг за шагом
Highest Rated
Created byAleksandr Bolotnikov
Last updated 4/2020
Russian

What you'll learn

  • Вы станете автором трех полноценных игр, которые создадите с нуля во время обучения.
  • Получите опыт работы с двумя физическими движками: базовым аркадным и продвинутым MatterJS.
  • Будете уверенно использовать широкий инструментарий Phaser: работа со спрайтами и отрисовка графики, создание сцен и архитектуры проекта, запуск анимаций, подключение кастомных шрифтов, воспроизведение звуков и музыки.
  • Улучшите свои знания и навыки в разработке программ и игр, освоив современные техники и паттерны проектирования.
  • Научитесь генерировать спрайтлисты в программе TexturePacker и создавать из них покадровую анимацию в Phaser.
  • Освоите программу Tiled и сможете создавать собственные карты уровней из набора тайлов.
  • Поймете принципы работы клиент-серверных игр и научитесь их разрабатывать.
  • Сможете использовать SocketIO для реализации PVP мультиплеера в реальном времени.
  • Подготовите солидное портфолио, которое позволит вам выйти на рынок игровой индустрии в роли уверенного специалиста.
  • Подготовите сборку проекта для релиза при помощи webpack

Course content

3 sections • 69 lectures • 16h 28m total length

  • Обзор курса2:28
  • Приветствие1:07
  • 1. Почему Phaser?5:42

    • Рассматриваем преимущества Phaser и его ключевые особенности

  • 2. Знакомство с игрой3:58

    • Разбираем функционал, который предстоит разработать в ходе модуля

  • 3. Настройка окружения8:25

    • Устанавливаем локальный сервер в редакторе VSCode для запуска разрабатываемой игры

  • 4. Структура проекта14:24

    • Знакомимся со структурой проекта

    • Создаем программный каркас приложения

  • 5. Вывод изображений17:47

    • Загружаем и рисуем на экране фоновое изображение

  • 6. Спрайты карт11:33

    • Загружаем и выводим на экран спрайты карт

  • 7. Создание сцены6:21

    • Выносим функционал сцены в отдельный ES6 класс

  • 8. Префабы спрайтов8:26

    • Создаем ES6 класс карты префаба спрайта

  • 9. Отрисовка карт9:24

    • Устанавливаем каждой карте свое изображение

  • 10. Обработка событий ввода10:11

    • Переворачиваем карту по событию клика

  • 11. Игровая механика7:32

    • Разработка основой игровой логики

  • 12. Победа на уровне8:10

    • Перезапускаем игру при открытии последней карты

  • 13. Tween анимации18:11

    • Скейлинг спрайтов

    • Используем Phaser.Tween для запуска анимации переворота карт

  • 14. Рендеринг текста9:47

    • Загружаем и подключаем кастомный шрифт

    • Выводим на экран текст

  • 15. Таймер14:02

    • Реализуем функционал обратного отсчета с помощью Phaser.Time.TimerEvent

  • 16. Звуки и музыка10:20

    • Проигрываем звуковые эффекты и музыкальный трек с помощью Phaser.Sound.WebAudioSoundManager

  • 17. Анимация полета карт14:19

    • Используем Phaser.Tween для создания анимации вылета карт

  • 18. Завершение разработки15:38

    • Завершаем работу над игрой добавлением анимации улета карт

  • Тест по 1 модулю
  • Задания для самостоятельной работы по 1 модулю0:38

Requirements

  • Знание базовых возможностей ES6 в JavaScript
  • Понимание объектно-ориентированного программирования

Description

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

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

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

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

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

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

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

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


Who this course is for:

  • Профессиональные разработчики разных отраслей, интересующиеся игровой индустрией
  • Инди-разработчики и программисты игр
  • Студенты IT специальностей
  • Геймдизайнеры и художники, владеющие языком JavaScript

Report abuse