Создание HTML5-игры для каталога VK Direct Games

Создание HTML5-игры для каталога VK Direct Games

На прошлой неделе мы опубликовали анонс нашего совместного конкурса вместе с командой Игры ВКонтакте — VK Corona Cup. Это стало сюрпризом для многих, так как мы толком еще не анонсировали поддержку HTML5-приложений, а тут аж целый конкурс запустили. Чтобы в конкурсе могли принять участие не только матерые пользователи Короны, но и те кто только знакомится с возможностями движка, мы решили выпустить небольшой гайд, который поможет быстро подготовить игру для конкурса.

vk-corona

Дисклеймер:

В Corona мы используем лучший, на наш взгляд, язык для создания игр — Lua. Он очень быстрый и мощный, а еще его легко выучить. Если Вы еще не знакомы с Lua, можно загуглить «Learn Lua in 15 minutes» или почитать базовую статью про структуру языка на нашем сайте. Также в документации есть отличный раздел «Getting Started», пройдя который, можно за пару часов научиться реализовывать простые игровые механики. Пока вся наша официальная документация доступна только на английском, но мы обо всем позаботились и подготовили еще несколько классных статей для начинающих — «Как примерить Корону?» и «Флаппи Бёрд: — Поехали».

Что такое VK Direct Games и зачем публиковать там игры?

Многие уважаемые издания предрекают великую эру HTML5-игр. Оно и неудивительно — добрая половина мессенджеров и социальных сетей объявили о запуске игровых платформ внутри своих приложений.

Такие платформы позволяют пользователю запускать игру прямо внутри приложения социальной сети (или мессенджера), без перехода в App Store или Google Play и установки самого приложения. Google и Apple, судя по всему, не в большом восторге от таких трендов, последняя уже попросила Telegram (запрещенная в России организация) убрать поддержку таких игр в приложении для iOS. Тем не менее, ВКонтакте запустил Direct Games. Платформа VK Direct Games дает разработчикам возможность распространять свои игры для мобильных устройств напрямую среди всей аудитории социальной сети — через каталог внутри приложения VK (уже доступен в версии для Google Play).

Ха-ха, зачем мне это, если у App Store и Google Play аудитория гораздо больше?

Возможно, но это не точно. Приложение ВКонтакте для Android используют 40 миллионов пользователей ежемесячно, из них 12 миллионов используют Direct Games. Это довольно большая аудитория, учитывая, что в случае с Google Play, конкурировать за внимание пользователей приходится с более чем 3 500 000 приложений и игр. В каталоге VK Direct Games сейчас всего несколько десятков игр, каждая из которых тщательно отобрана командой модераторов.

А что с монетизацией таких игр?

ВКонтакте уже запустили поддержку внутриигровых покупок. В ближайшее время готовится запуск рекламной монетизации для HTML5-игр.

Почему вы навязываете мне Corona для создания игр?

Мы не навязываем, а лишь предлагаем принять участие в нашем совместном конкурсе. Ну, а вообще, Corona — удобный инструмент для создания 2D-игр, которым пользуются десятки тысяч разработчиков по всему миру, например Джон Ромеро (один из создателей Doom) души не чает в нашем движке. Corona — бесплатный движок без роялти и скрытых платежей, вне зависимости от размера вашей команды и коммерческого успеха будущей игры. Для HTML5-игр очень важен размер, нам удалось снизить вес всех сервисных библиотек всего до ~1МБ.

Мы подготовили специальный плагин для удобной интеграции с сервисами VK, с помощью которого вы можете в два счета получить доступ к Mobile SDK и VK API.

Победителям конкурса достанутся отличные призы, один из которых — размещение игры в каталоге Direct Games. Это отличная возможность заявить о себе, как для начинающих инди-разработчиков, так и для уже состоявшихся студий.

Какие игры подойдут для конкурса?

Игра должна соответствовать теме конкурса«Путешествия во времени», тему конкурса разработчики могут трактовать по-своему. Конечный размер игры должен быть меньше 10 Мб. Игра должна быть создана с помощью игрового движка Corona, поддерживать платформу VK Direct Games, монетизироваться с помощью внутриигровых покупок и использовать несколько социальных механик: показ лидерборда, отправка запросов, приглашение друзей.

Также не стоит пытаться сделать MMORPG в рамках этого конкурса, мы будем отдавать предпочтение простым играм с казуальной механикой и яркой, запоминающейся графикой. Если Вам не совсем понятно нам совсем непонятно, какой смысл мы спрятали за этими словами, то рекомендуем ознакомиться с Mobile Games Bible от российской студии FIFTYTWO (разработчик игры JELLIES!).

vk-gamers-genres

Как мне подготовить игру для публикации в каталоге VK Direct Games с помощью Corona?

  1. Зарегистрируйтесь на сайте Corona Labs. На странице загрузки Corona найдите таблицу Corona Daily Builds и установите на свой компьютер последнюю версию Corona;
  2. Активируйте плагин VK Direct Games в Corona Marketplace. Зайдите на страницу плагина и нажмите кнопку Activate;
  3. В своем проекте в файле settings установите плагин VK Direct Games. Как это сделать описано в документации к плагину;
  4. Соберите из вашего проекта HTML5-приложение. Для этого выберите в меню Corona Simulator — File->Build->HTML5(BETA);
  5. Готовое HTML5-приложение перенесите на свой сервер. Если нет сервера, можно воспользоваться сервисом GitHub, который организует ваш сервер по адресу yourname.github.io;
  6. Наберите в браузере строку yourname.github.io и проверьте, что ваше приложение работает корректно, помните, что игры в ВК должны занимать не более 10МБ. Это ограничение связано с использованием webview, который существенно ограничивает производительность устройства;
  7. Зайдите на свою страницу в VK. Выберите пункт «Управление» из левой панели и нажмите кнопку создать приложение;
  8. Выберите пункт «Встраиваемое приложение», заполните поле названия и описания игры и нажмите кнопку «Перейти к загрузке приложения»;
  9. На ваш телефон должно прийти уведомление о создании вами игры — вы должны подтвердить это действие;
  10. Добавьте иконки для описания игры, как указано на странице «Информация»;
  11. В левой панели выбираете пункт «Настройки» и выбираете тип приложения iFrame, включаете состояние в «Видно всем» и самое главное в поле Мобильная версия: добавляете адрес вашей HTML5-игры (пример: https://yourname.github.io);
  12. Важно! Оставьте поле адрес iFrame пустым;
  13. Сохраните настройки — иконка вашей игры будет в левой панели — нажмите на нее — у вас появится экран игры и кнопка «Отправить на телефон»;
  14. Подключите телефон через USB к компьютеру, погасите приложение VK и нажмите кнопку Отправить на телефон — вы услышите звук пуш-нотификации;
  15. Смахните сверху вниз по экрану телефона и выберите пуш-нотификацию — ваша игра запустится внутри приложения VK;
  16. Bingo!

Заявку на участие в конкурсе можно подать с 23 апреля по 4 мая. Полные условия конкурса опубликованы на странице VK Corona Cup. Любые технические (и не очень) вопросы можно задавать в нашем чате в Telegram — https://t.me/CoronaRu.

Удачи!

Tags:
,
oleg
oleg@coronalabs.com
No Comments

Sorry, the comment form is closed at this time.