Вторник, 21 Августа 2018, 07:51

Приветствую Вас Гость

Меню сайта
Категории каталога
Создание игр [309]
Статьи об общих понятиях связанных с созданием игр.
Программирование [69]
Гайды по программированию на разных ЯП.
Движки и Гейммейкеры [123]
Статьи о программах для создания игр, уроки и описания.
Софт [27]
Различные программы, в том числе в помощь игроделам.
2D-графика [11]
Уроки по рисованию, растр, пиксель-арт, создание спрайтов и пр.
3D-графика [10]
Уроки по моделированию, ландшафт, модели, текстурирование и пр.
Моддинг игр [4]
Модификация компьютерных игр, создание дополнений, перевод, хакинг.
Игры [84]
Статьи об играх, в том числе и сделанных на гейммейкерах.
Разное [64]
Статьи, которые не вошли в определённые разделы.
Наш опрос
Игры какого жанра вы предпочитаете делать?
Всего ответов: 14319
Главная » Статьи » Создание игр

Как разместить игру в ВКонтакте и Facebook (практическое пособие)
Небольшие заметки о быстрой публикации игр в социальных сетях. На протяжении пары недель, я экспериментировал с популярными блогами, социальными сетями, с файловыми облаками и нашел немало полезной информации, которой спешу поделиться.

Как разработчика меня всегда интересовал этот аспект, но пока я занимался мобильными платформами и PC, он как-то ускользал от внимания. Все изменилось, когда я начитался бравурных success-историй некоторых девелоперов. А почему бы и нет…

Для работы с браузерными играми я остановился на Blend4Web, в силу его тесной интеграции с Blender и оптимальной поддержкой WebGL. Пока я только изучаю, экспериментирую с открытым игровым проектом и рассказываю об этом на страницах gcup. Но у меня зреет решение, что этот движок будет использован и для коммерческих игр. До заветного финиша еще ой, как далеко. Однако, познакомиться с особенностями распространения таких игр стоит на раннем этапе.

Итак, на протяжении пары недель, в свободное время, я экспериментировал с популярными блогами, социальными сетями, с файловыми облаками и нашел немало полезной информации, которой спешу поделиться. В этой части разговор пойдет про ВКонтакте и Facebook, все остальное — в следующий раз.

Главная особенность размещения приложений в социальных сетях — это не подключение и использование SDK, а наличие собственного сервера, причем с протоколом HTTPS. Если популярные порталы, наподобие Kongregate, позволяют закачивать игру к себе, то здесь эта забота перекладывается целиком на разработчика. Учитывайте этот момент в своих планах. Мне удалось найти альтернативы собственному серверу, но об этом в будущей статье.

Начну, пожалуй, с BKонтакте, так как эта социальная сеть гораздо дружелюбнее к разработчикам, нежели Facebook.

Если у вас уже есть личный аккаунт в сети, то считайте себя автоматически причисленным к армии разработчиков. Так что остается только зайти под своим логином и перейти на страницу девелоперов.



Эта страница встречает разработчика после нажатия кнопки “Создать приложение”. Нужно знать, что игры в VK размещаются всегда в контейнере IFrame. Причем неважно, что вы туда поместите. Это может быть самописный движок, копия вашего сайта, приложение Blend4Web или что-нибудь другое. Просто на этом этапе выберите вариант IFrame/Flash.

После подтверждения по смс, будет создано приложение VK. Я пропускаю заполнение данных об игре, заливке иконки и т.д. Куда интереснее панель “Настройки”.



В первую очередь обратите внимание на переключатель IFrame/Flash (да, он дублируется еще раз на другой странице). Для приложения HTML5 необходимо выбрать пункт IFrame. И только после выбора, появятся поля для ввода адреса вашего детища. Это может быть единый файл html, если вы экспортировали сцену через опцию Blend4Web (.html) или ссылка к плееру b4w, или просто путь к базовому файлу index.html.

Не надейтесь вбить в этом поле адрес обычного, не защищенного протокола HTTP. “ВКонтакте” автоматически перебрасывает на HTTPS, поэтому обмануть систему не удастся.

Собственно, на этом настройка приложения завершена и вы можете протестировать его на своей странице, а если измените текущее состояние на “видно всем”, то игру увидят все желающие (см. рис. выше). Ссылка на игру находится в списке Приложения.

Кстати интересно, что нет необходимости отправлять проект на модерацию, так как он уже виден всем. Модерация необходима в тех случаях, если вы используете рекламу и монетизацию с помощью API системы или желаете, чтобы игра была размещена в каталоге приложений. Для тестирования, отладки или презентации проекта на личной странице — этого достаточно.

Теперь перейдем к социальной сети Facebook. Здесь не все так просто и однозначно. Подобно VK, в фейсбуке логин пользователя автоматически считается и логином разработчика. Но вот сама регистрация нового приложения и его настройка несколько запутана.

Первоначально нужно определиться с целевой платформой. Так Facebook предлагает на выбор: iOS, Android, Facebook Canvas, Веб-сайт. В нашем случае необходимо выбрать Facebook Canvas. В дальнейшем, ничто не мешает подключить к одному проекту несколько вариантов платформ.

После несложной процедуры подтверждения нового проекта, вы попадете на страницу настроек. Опций на первый взгляд гораздо больше, чем в ВКонтакте и сначала все выглядит запутанно. Так я долго искал, где указывается путь к игре. Оказалось, что по каким-то непонятным мне причинам, начальный выбор платформы чисто фиктивный и уже в параметрах Settings нужно вторично добавить Facebook Canvas (кнопка Add Platform).



Дальше вставляете в поле Secure Canvas URL адрес своего приложения. Причем не ссылку на отдельный файл, а именно директорию (см. рис.). Учтите, что есть еще две тонкости. Во-первых, запускаемый файл должен называться index. Во-вторых, нужно расширение php, а не html. Кроме того, на этой странице вы можете указать размер контейнера или оставить все по умолчанию.

Ссылка на приложение находится в поле Canvas Page и представляет собой путь apps.facebook/id проекта.

Теперь немного информации о хранении файлов. Уже понятно, что необходимо развертывать собственный сервер для работы с социальными сетями. Я не буду распространяться о выборе VDS, настройке Apache и т.д. Но есть одна проблема с которой сталкиваются большинство начинающих пользователей — получение сертификата SSL. Вкратце, SSL — это цифровая подпись вашего сайта, без которой не настроить протокол HTTPS. Обычно он покупается и за немалые деньги. Однако мне подсказали интересную статью о получении бесплатного SSL и настройке Apache для работы с ним. К сожалению, материал на английском, но очень подробный.

Как видите, разместить игру в Facebook и ВКонтакте совсем несложно. Я попытался описать только те “грабли”, на которые наступал самолично. Надеюсь, статья сбережет вам немного времени.
Категория: Создание игр | Добавил: Prand (11 Сентября 2015)
Просмотров: 6239 | Комментарии: 6 | Рейтинг: 5.0/3 |
Теги: web 3D, 3D Web, Web, браузерная игра, урок, Blend4Web, SSL, ВКонтaкте, Blender, WebGL
Дополнительные опции:
Также если вы считаете, что данный материал мог быть интересен и полезен кому-то из ваших друзей, то вы бы могли посоветовать его, отправив сообщение на e-mail друга:

Игровые объявления и предложения:
Если вас заинтересовал материал «Как разместить игру в ВКонтакте и Facebook (практическое пособие)», и вы бы хотели прочесть что-то на эту же тему, то вы можете воспользоваться списком схожих материалов ниже. Данный список сформирован автоматически по тематическим меткам раздела. Предлагаются такие схожие материалы: Если вы ведёте свой блог, микроблог, либо участвуете в какой-то популярной социальной сети, то вы можете быстро поделиться данной заметкой со своими друзьями и посетителями.

Всего комментариев: 6
+0-
6 8Observer8   (25 Января 2016 17:55)
Отмечу, что у Facebook есть официальный SDK для тесной интеграции Facebook и Unity. Наберите в поисковике: facebook sdk for unity

+0-
5 8Observer8   (17 Сентября 2015 13:59)
Игры можно хранить на Google Drive, что я и показал выше.

+2-
4 8Observer8   (17 Сентября 2015 13:44)
За Facebook спасибо!

Я недавно записывал такую видео-инструкцию на 7 минут. Может кому пригодится: Как залить свою игру на vk. На примере Unity WebPlayer, WebGL

+1-
2 beril   (11 Сентября 2015 19:12)
berilСтатья и вправду полезная, спасибо

+0-
1 TLT   (11 Сентября 2015 17:51)
TLTТоже настраивал простенькие приложения для этих социальных сетей. Многое неочевидно и непривычно с первого раза, поэтому такие статьи будут полезны. В ФБ меняются ещё мелочи часто.

+1-
3 Prand   (11 Сентября 2015 19:18)
"В ФБ меняются ещё мелочи часто".
Даже слишком часто! Я экспериментировал с фейсбуком недели две назад. Вчера писал статью и залез в fb щелкнуть скриншоты - уже изменилось smile

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
10 случ. движков
  • Dizzy Quest Editor
  • Quest Creator
  • Scrupp
  • Twine
  • Qfusion
  • G3D Engine
  • Unity
  • Sauerbraten
  • Scrolling Game Development Kit
  • Jolt3d!
  • Друзья сайта
    Игровой форум GFAQ.ru Перевод консольных игр
    Все права сохранены. GcUp.ru © 2008-2018 Рейтинг