Начало работы с Phaser. Часть 6 — Hello World!

phaser

phaser

Содержание:
Начало работы с Phaser. Часть 1 — Введение
Начало работы с Phaser. Часть 2 — Установка веб-сервера
Начало работы с Phaser. Часть 3 — Запуск в облаке
Начало работы с Phaser. Часть 4 — Выбор редактора
Начало работы с Phaser. Часть 5 — Загрузка Phaser
Начало работы с Phaser. Часть 6 — Hello World!
Начало работы с Phaser. Часть 7 — Phaser примеры
Начало работы с Phaser. Часть 8 — Следующие шаги

Когда редактор установлен, веб-сервер настроен и Phaser загружен пришло время, что бы создать что нибудь и проверить, что всё работает.

Вам нужно узнать где «веб-рут» на вашем компьютере. «Веб-рут» — это папка, в которой сервер ищет файлы. Если вы используете WAMP на Windows, вы можете найти его, нажав на иконку WAMP в системном трее и выбрать «www directory» из всплывающего меню. Другие серверы будут иметь другие методы определения местоположения, но с этого момента мы будем ссылаться на него как «веб-рут».

Загрузите этот zip файл. Он содержит папку под названием «hellophaser», внутри которой вы найдёте файл index.html содержащий JavaScript и файл .PNG. Скопируйте папку «hellophaser» в ваш веб-рут.

Тестирование, тестирование…

Откройте ваш браузер и перейдите к папке «hellophaser» на локальном веб-сервере. Это можно сделать просто набрав localhost/hellophaser или 127.0.0.1/hellophaser в вашем браузере. Или возможно вам придётся указать ещё и номер порта, это зависит от того какой сервер и какие настройки вы используете.

Если всё работает правильно вам покажут чёрное игровое поле с логотипом Phaser в центре.

Если по какой то причине что то не работает, вам нужно вызвать консоль отладки и увидеть, какие ошибки выводятся. В большинстве браузеров вы можете сделать это нажав f12.  Это работает в Chrome, Firefox и Internet Explorer 11. Посмотрите, что это за ошибка, надеюсь это просто отсутствие одного из файлов, в таком случае проверьте имена ваших папок и обновите страницу.

Если это что то более сложное, если это что то более сложное обратитесь на этот форум, мы будем стараться изо всех сил, что бы помочь.

Оригинал.