Найти тему
jsbook.ru

Разработка игры на phaserjs - 1: введение

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

Что такое Phaser?

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

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

Основные требования

Для разработки этой игры вам понадобятся базовые знания javascript, так же вам необходимо ознакомится с введением по работе с phaserjs, оно поможет вам развернуть окружение для работы, а также даст базовые понятия об архитектуре Phaser.js приложений.

Все необходимые файлы для работы вы найдете в архиве по ссылке.

Для разработки игры вам понадобятся:

  • базовые знания javascript;
  • nodejs установленный на компьютер взять можно тут;
  • редактор кода по желанию но я рекомендую использовать ( vscode );

Для начала работы вам нужно перейти в через консоль в папку проекта ( которую вы скачали ранее ) и выполнить команду:

-2

этой командой мы устанавливаем необходимые для работы пакеты

-3

эта команда запускает наш проект и открывает вкладку браузера, если все прошло успешно в вашем браузере должна открыться вкладка на которой вы увидите:

-4

если этого не произошло проверьте консоль, в ней вы должны увидеть:

-5

в моем случае ошибок нету и наша игра доступна по адресу:

-6

попробуйте перейти по этому адресу вручную, если и это не помогает опишите вашу проблему в коментах. Постараюсь помочь :)

Продолжение в следующей части.