SuperPaintman Mar 26 2017 at 23:17

Создание вашей первой игры на Phaser. Часть 0 — Подготовка к работе

7 min

22K

JavaScript*Game development*HTML*Canvas*WebGL*

Tutorial

+14

Comments 8

naryl Mar 27 2017 at 02:30

О, я как раз буквально два дня назад искал движок с требованиями:
1. Поддержка браузеров и мобилок.
2. Скрипты на стандартном Javascript. (что отметает Unity)
Остановился на Phaser и пока доволен. Правда, «хороший тон» у меня свой, т.к. пишу на маргинальном Parenscript и, соответственно, тон хороший в понятиях лиспа, а не js. А теперь позвольте немного побуду редактором. :)

> бесплатный (MIT)
Бесплатный — это $0. А MIT — это свободный, или «опенсорсный». Продавать лицензия MIT формально не запрещает.

SuperPaintman Mar 27 2017 at 09:22

Бесплатный — это $0. А MIT — это свободный, или «опенсорсный». Продавать лицензия MIT формально не запрещает.

Спасибо, исправил. Думаю, так действительно будет более правильно.

Maklaud Mar 27 2017 at 17:41

Вот у него есть уроки по Phaser. Насколько хороши именно они — не знаю, но в целом у него уроки классные.

oWart Mar 27 2017 at 21:26

Прицел на мобильные платформы и оптимизация под них это хорошо… А будет статья про подготовку игры именно для публикации в PlayMarket/AppStore? Там же как-то ее собирать надо, чтоб вся графика находилась в приложении (извините за терминологию, я абсолютно в этом не разбираюсь, никогда игры не делал). Плюс интересует организация управления под телефоны. Вот например в Sligher'е добавили область для пальца, типа джойстика и т.д (там несколько вариантов), посредствам чего это делается?

SuperPaintman Mar 27 2017 at 22:04

А будет статья про подготовку игры именно для публикации в PlayMarket/AppStore

В рамках этой серии статей — нет, ее цель познакомить читателя с азами Phaser в связке с TypeScript

Там же как-то ее собирать надо, чтоб вся графика находилась в приложении (извините за терминологию, я абсолютно в этом не разбираюсь, никогда игры не делал)

Это легко делается с помощью PhoneGap или Cordova.
Собственно это и один из способов собрать JavaScript приложение для мобильных устройств, оно же и упакует все ресурсы в APK (или аналог на Iphone) файл.

Для Desktop'а, думаю нужно смотреть в сторону Electron.

Плюс интересует организация управления под телефоны. Вот например в Sligher'е добавили область для пальца, типа джойстика и т.д (там несколько вариантов), посредствам чего это делается?

Это делается обычным спрайтом из 5-9 состояний (спокойствие, джойстик вверх, вниз, вправо, влево и т.д.):

dpad

Взят отсюда

+ проверкой, находится ли палец в одном из квадротов (стрелок).

Opaspap Mar 28 2017 at 10:54

Phaser очень плохо ложится на современные системы сборок, выгнать его из global было не просто.

SuperPaintman Mar 28 2017 at 11:00

Не совсем понимаю как его "глобальность" мешает современным сборщикам. Cuncking работает, можно разбивать билд на логические части; TypeScript вообще не парится, что переменная Phaser не импортирована, а глобально.

Единственно, что появляется 3 глобальных переменных: Phaser, PIXI и p2. Но, думаю, это не такая большая беда.

И суда по этому участку кода, автор делает это намеренно.

Opaspap Apr 8 2017 at 06:25

const animation=require('./myanimation.js'); //чтобы склеить с другим проектом и запустить вовремя. К тому же надо запаковать это вебпаком, чтобы был один файл. Вообще фазер под капотом весьма странный.

Show the best of all time