Делаем Android-игру из HTML5 — или Config.xml для Phaser / Build.Phonegap

Андрей, автор HTML5 Game, посоветовал мне Crosswalk, чтобы решить проблемы совместимости со старыми телефонами. Crosswalk — это альтернативный браузер, в который можно завернуть свою HTML5-игру для публикации на Android.

У меня была проблема, что Phaser не воспроизводит звуки при заворачивании в обычный WebView (или Phonegap) на Android 4.4. Завернул в Crosswalk — звуки появились, все норм. Размер дистрибутива увеличился 25 мегабайт — ладно, потерплю.

Для превращения HTML5-игры в APK для Android я использую build.phonegap.com. Это облачный сервис от Adobe. Плюсы:
1. не надо ставить все на свой компьютер
2. очень быстрый билд — буквально секунды (Cocoon в данный момент гораздо дольше билдит)
3. можно работать с разных компьютеров
4. Бесплатный режим

Минусы:
1. Можно деградировать.
2. Исходники надо заливать на GitHub в открытые репозитории — может быть некомфортно, если вам тревожно за свой код.

В защиту вашей тревожности могу сказать, что HTML5-игры действительно легко крадутся — я сам недавно нашел одну игрушку (Шарики-стрелялки) на HTML5, быстро скачал все ее исходники (прямо с Web-страницы), прочитал и понял. Впрочем, там разработчики сами виноваты — никакой обфускации.

Впрочем, обфускацию можно делать и перед заливкой в открытые репозитории. Так что второй минус — это в целом минус HTML5-приложений, как имеющих легко читаемые исходники.

Процесс создания мобильной игры через Build.phonegap

  1. Пишем HTML5 игру/приложение как обычно, как для web
  2. Бросаем в корень config.xml (исходник ниже)
  3. Пушим все на GitHub в открытый репозитарий (разобраться с Git/Github — дело одного вечера даже для полного нуба)
  4. Заходим на build.phonegap.com через Adobe.id (регистрация — дело пяти минут)
  5. Выбираем бесплатный план, добавляем приложение, указываем в настройках адрес своего репозитария
  6. Ждем, пока перестанет мигать индикатор около значка билда ( рядом с полем No key selected на скриншоте)
  7. Скачиваем готовый APK по клику на кнопке APK

html5 phaser phonegap

Config.xml для HTML5 игры под build.phonegap.com

Я не использую всю мощь Phonegap/Cordova, поэтому настройки у меня простые — указать иконку, версию приложения, пакет (идентификатор приложения). Ну и добавить Crosswalk — чтобы звуки играли на старых телефонах. Через пару лет, думаю, или даже в 2018 от строчки с crosswalk думаю отказаться.

It`s enough!

Добавить комментарий

Ваш e-mail не будет опубликован.

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">