Як підготувати HTML5-додаток для VK Direct Games

  1. Що таке VK Direct Games і навіщо публікувати там гри?
  2. Ха-ха, навіщо мені це, якщо у App Store і Google Play аудиторія набагато більше?
  3. А що з монетизацією таких ігор?
  4. Чому ви нав'язуєте мені Corona для створення ігор?
  5. Які ігри підійдуть для конкурсу?
  6. Як мені підготувати гру для публікації в каталозі VK Direct Games за допомогою Corona?

Минулого тижня ми опублікували анонс нашого спільного конкурсу разом з командою Ігри ВКонтакте - VK Corona Cup . Це стало сюрпризом для багатьох, так як ми толком ще не анонсували підтримку HTML5-додатків, а тут аж цілий конкурс запустили. Щоб в конкурсі могли взяти участь не тільки досвідчені користувачі Корони, але і ті хто тільки знайомиться з можливостями движка, ми вирішили випустити невеликий гайд, який допоможе швидко підготувати гру для конкурсу.

VK Corona Cup

Дисклеймер:

В 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 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 .

Успіхів!

Що таке VK Direct Games і навіщо публікувати там гри?
Ха-ха, навіщо мені це, якщо у App Store і Google Play аудиторія набагато більше?
А що з монетизацією таких ігор?
Чому ви нав'язуєте мені Corona для створення ігор?
Які ігри підійдуть для конкурсу?
Як мені підготувати гру для публікації в каталозі VK Direct Games за допомогою Corona?
Що таке VK Direct Games і навіщо публікувати там гри?
Ха-ха, навіщо мені це, якщо у App Store і Google Play аудиторія набагато більше?
А що з монетизацією таких ігор?
Чому ви нав'язуєте мені Corona для створення ігор?