После того как мы выбрали редактор, скачали и запустили наш проект. Пришло время создать что нибудь простое и убедится что все действительно работает.
Для начала переходим в папку с нашим проектом:
и запустим наш проект:
после запуска вы должны увидеть:
если возникли какие то ошибки то пишите в комментарии попробуем их решить совместно.
Добавляем новые ресурсы
В файле index.ts находим блок кода:
и заменяем его на:
в данном коде мы в качестве базового пути указали http://labs.phaser.io здесь размещаются ресурсы которые используются для лабораторных работ.
Теперь давайте разберем что именно мы сделали:
- добавлено 3 новых изображения в наш проект;
- сделали вывод заднего фона на холст;
- добавлен обработчик который будет управлять физикой выбранного нами объекта;
- указали скорость перемещения объекта;
- задали параметры "отскакивания объекта";
- задали границы поля;
Если вы все сделали правильно то в браузере должны увидеть:
Если это не по какой-либо причине, вам нужно вызвать консоль отладки и посмотреть, какие ошибки выводятся. В большинстве браузеров вы можете сделать это, нажав F12. Это работает в Chrome, Firefox и Internet Explorer 11. Проверьте, что это за ошибка, возможно, она простая, например, отсутствует файл, и в этом случае проверьте имена папок и обновите страницу.
Если это что-то более сложное, напишите об этом в комменты, и я сделаю все возможное, чтобы помочь.