Как сделать игру для вконтакте
Как создать игру в ВК: почувствуй себя программистом!
В статье описаны основные этапы, как создать игру в ВК. Развлекательные приложения позволяют не только провести интересно время, но и заработать денег благодаря валюте внутри приложения и показу рекламы. Любой пользователь может создать свой проект и загрузить его в социальную сеть, но для этого необходимы некоторые навыки.
Как выбрать идею
Перед тем, как создать свою игру в ВК, необходимо определиться с концепцией. Ведь основная идея является залогом успешного будущего вашего проекта. Благодаря оригинальной задумке и интересному игровому процессу она сможет пользоваться популярностью у пользователей.
В случае, если ваша идея действительно уникальная, то профессиональные программисты возьмутся за реализацию проекта. Но следует учитывать, что механика и геймплей должны быть понятными любому пользователю, поэтому не пытайтесь сделать новое управление.
Продумайте не только персонажей и сюжет, но также и жанр. От этого напрямую зависит востребованность приложения. На сегодняшний день популярны головоломки и квесты, а также незатейливые игры, благодаря которым многие «убивают» время.
Чтобы предложить свежую концепцию, попробуйте представить себя на месте игрока и подумать, что бы вы хотели видеть. Чего вы еще не встречали ранее? Если ваша идея будет непохожая на все остальное, то есть вероятность, что вы сможете найти инвесторов. Если же вы решили сделать игру в ВК самостоятельно, то вам будет нужно изучить язык программирования, на основе которого будет реализовываться проект. Если продукт получится удачным, то он окупит все затраченное время и силы.
Какие знания потребуются
Техническая сторона не так сложна, как может показаться на первый взгляд. Приложение может быть выполнено с использованием технологии IFrame или Flash. Первая из них — наиболее простой вариант для освоения. IFrame представляет собой систему областей на сайте, куда подгружается другой контент со сторонних серверов. Здесь могут быть задействованы любые данные, которые способен воспроизвести браузер.
Основной проблемой при создании игры ВК для новичка являются недостаточные знания в области программирования. Чтобы создать приложение, необходимо знать такие языки, как:
Часто многие пользователи бросают создание проекта из-за трудностей с разработкой. Но существуют специальные конструкторы, которые позволяют создать игру для ВК. При этом не требуется обладать специальными навыками и знаниями программирования. Некоторый софт использует свой языковой скрипт.
Конструктором для создания развлекательных проектов является Tululoo Game Maker, который распространяется бесплатно на всех популярных платформах. С его помощью вы можете создать HTML5 приложение в несколько кликов, после чего добавить игру в ВК. Все файлы по завершению работы скомпилируются и передаются пользователю.
Как загрузить игру в ВК
После того, как вы создали игру для Вконтакте, для начала загрузите ее на любой хостинг. Затем зайдите в популярную социальную сеть и сделайте следующее:
Если при создании вы использовали конструктор Tululoo Game Maker, то ссылка будет вести к «index.html».
Теперь вы знаете, как создать игру в Вконтакте самому. Вы можете воспользоваться специальными утилитами, которые позволяют сделать это. Для более детальной проработки проекта следует знать языки программирования, а также обладать навыками разработчика. На изучение уйдет время и силы, но результат не только вас удовлетворит, но и сможет принести деньги.
Как сделать игру для вконтакте
Как правило, у заказчиков «социальных» игр присутствует один из следующих мотивов. Примеряйте на себя:
Комментарий разработчика: Удивительно, но все тетрисы, пакмены и арканоиды давно придуманы. Изобрести, а потом еще и предложить рынку по-настоящему оригинальную идею — сложно. Никто не даст вам гарантий, что если бы тетрис сделали в наши дни, а не 30 лет назад, то он также стал бы повальным увлечением. Конкуренция, всё-таки.
Комментарий разработчика: Уже лучше, но всплывает другая проблема: почему люди станут играть в ваш новый симулятор фермера, а не в тот, который занимает первую строчку в каталоге «Популярное»? А привлечение игроков — вообще отдельный пункт (и отдельный бюджет, к слову), про который часто забывают.
За примерами далеко не пойдем — и заглянем в каталог VK. Выдергиваем несколько игр-миллионников наугад. Получаем:
Как видите, нововведений в проектах мало, но работа по обкатке интерфейсов, графики, звукового сопровождения и расчете систем монетизации — колоссальная.
Инвестировать в такие сложные проекты решается очень небольшой процент заказчиков. Оставшиеся — предпочитают ограничиться банальным переносом всем знакомого и простого геймплея в социальную сеть. Так рождаются:
Наконец, третий мотив заказчика, который приводит его к разработчику:
Комментарий разработчика: Брендированная игра выполняет немного другие, не «меркантильные» функции. Ее назначение — повысить доверие к бренду и привлечь трафик в группы. А дальше, например, если у вас есть интернет-магазин — вы можете обеспечить ему дополнительный поток посетителей.
Если вы намерились создать брендированную игру, у вас есть два сценария действий:
Временное брендирование уже работающей игры. Если как следует попросить администрацию ВКонтакте (условия здесь). Конечно, чем больше игроков — тем дороже будет размещение.
Разработка собственной игры для вашего бренда. Здесь вы берете на себя двойную ответственность: сделать интересный проект и ввести в него бренд так, чтобы он не вызывал раздражения у игроков.
Из существующего опыта:
Отличный способ брендировать игру и завоевать этим лояльность игроков: вводить бренд постепенно. Например, в «Счастливом фермере» (2009) на определенном этапе игры пользователям предоставили возможность приобрести завод чипсов Lay’s, в похожем проекте «Фармандия» (2011) — фабрику бренда «Быстров», в «Любимой ферме» — ресторан «Calve».
Брендированный элемент решал сразу две задачи:
Была произведена рассылка 730 000 пользователям. Из них половина в итоге установила предлагаемый «Домик Кальве» и бренд заработал:
Брендированные приложения и игры в социальных сетях становятся всё более подходящими для размещения рекламы. Причем это реклама «нового уровня» — не вызывающая негатива, ненавязчивая и — даже приятная. А бренд, избравший своей тактикой такой «гуманный» путь к потребителю — всегда останется в выигрыше.
Простой игровой бот для ВК, создаем игру для Вконтакте + исходники! | Часть 1
Данная статья, начало создания игровых механик для своего бота Вконтакте. Многие из вас завадались вопросом: А как создать игрового бота для ВК, давайте начнем создавать классного бота для совместных игр.
1. Подготовка.
Так как мы еще не определились что именно будет в нашем боте, мы будем создавать это ниже, мы подготовим наше сообщество для создания нового бота, а так же подключим сразу базу данных и сделаем регистрацию.
Создаем новое сообщество, указываем название, тематику и по желанию свой сайт (если есть).
Переходим в настройки и включаем сообщения сообщества, а так же создаем новое приветствие для новичков :), тут же в подразделе Настройки для бота не забываем включить их, и разрешить добавлять его в беседу!
Теперь переходим к настройке скрипта, назовем это основной файл отвечающий за прием событий от вк и их дальнейшей обработки
Если нет сервера, нужно приобрести, рекомендуем хостинг FirstVDS нам подойдет и обычный хостинг VDS-OVZ-Разминка, цена на время написания статьи всего 90 рублей в месяц. После заказа Вам придет на почту данные для авторизации на сервере. Использовать можете любой хостинг, на ваш вкус и цвет. Главное условие поддержка PHP 5.6+ (желательно 7.0+) и MySQL. Далее переходим на сервер, создаем любое доменное имя куда будем заливать скрипты. Мы будем использовать IP адрес. Если с с настройкой сервера не понятно, то почитайте эту статью на нашем сайте, где мы наглядно показываем как загрузить файлы на сервер.
Для работы с PHP я использую PHPStorm, это платный продукт, но как получить его бесплатно, Вам, наверно, объяснять не нужно 🙂
Распаковываем архив на сервер и открываем наш файл bot.php и пишем код который останется неизменным и может использоваться при создании новых ботов.
Здесь нам нужно заполнить следующие поля:
$host = ‘localhost’; // По умолчанию localhost или ваш IP адрес сервера
$name = »; // логин для авторизации к БД
$pass = »; // Пароль для авторизации к БД
$bdname = »; // ИМЯ базы данных
$vk_key = »; // Длинный ключ сообщества, который мы получим чуть позже
$confirm = »; // СТРОКА которую должен вернуть сервер
$v = ‘5.103’; // Версия API, последняя на сегодняшнее число, оставлять таким если на новых работать в будущем не будет
Получение ключа сообщества:
А так же в разделе Тип событий обязательно включите Входящие сообщения
Так как данные я буду вносить своего сервера, соответственно показывать их я не буду. После настройки возвращаемся снова в сообщество.
Надеюсь с этим все ясно, почти в каждой статье на нашем сайте мы каждый раз объясняем как настроить бот, почитайте их, если здесь не ясно что делать. После успешного подключения переходим уже ко второй части статьи, где будем делать регистрацию пользователей которые первый раз напишут боту.
2. Регистрация новых пользователей в боте.
Для создания игрового бота понадобится регистрация используя базу данных. Мы будем Использовать для этого обертку на родным MySQLi. Для начала создаем через PhpMyAdmin новую таблицу users с полями:
Или используем запрос ниже:
Переходим к самому интересному, написанию кода.
Для начала как всегда, создание переменных которые чаще всего будут использоваться в боте:
Пишем первую проверку, на входящее сообщение, именно туда мы будем вносить весь код
Это нужно что бы исключить все другие события, ведь у нас игровой бот который использует только текст.
Обращаемся к базе данных, что бы проверить есть ли такой пользователь в ней:
Давайте сразу добавим кнопки, ведь это удобно, так как у нас бот называется PANAMERA, давайте сделаем какую-нибудь автомобильную игру, где ваша задача получить Porshe PANAMERA, но не будем ограничиваться этим, а начнем развивать механику в разные направления.
После регистрации у вас ничего нет, нужны деньги, что бы их получить, можно использовать кнопку бонус, давайте ее и добавим в бот.
Пишем следующий код:
К переменным
Далее:
Давайте сделаем что бы бонус начислялся на баланс. Добавляем 2 поля к таблице USERS:
переходим к коду и пишем следующую проверку и рандом:
Проверяем:
Так это выглядит в базе данных:
Отлично у нас есть деньги, пора бы начать их и тратить 🙂 самое распространенное в играх конечно же казино, давайте сделаем что-то подобное, самое простейшее казино. Пока мы еще не придумали игровые механики для нашего игрового бота, сделаем фарм денег.
Как будет работать наше казино:
Казино все, казино 100, казино 1кк и прочие, означающие ставки. Погнали делать команду:
Получилось довольно много кода, в будущем возможно мы еще вернемся для доработок, все зависит только от Вас, давайте попробуем это в действии:
Получилось не плохо, теперь в нашем игровом боте есть казино!
На этом наша первая часть по созданию игрового бота вконтакте подходит к концу, теперь ваши идеи и предложения будут появляться в новой статье, во второй части мы уже начнем реализацию ваших идей и предложений!
Если статья понравилась, оцените ее лайком.
Публикация iFrame / HTML5 игры во ВКонтакте. Основы
Сразу давайте обозначимся: тема API ВК тут рассматриваться не будет, ее я затрону в будущих материалах, так как она довольно обширна и представляет хорошие возможности. В этой статье будет самая основная часть: написание игры и публикация ее в социальной сети, как запускаемое приложение.
Что потребуется для работы:
— Текстовый редактор (на ваш вкус)
— Любой браузер, поддерживающий HTML5
— Немного свободного времени
Часть 1. Игра на HTML
Думал, что можно использовать в качестве примера, пусть это будет та же игра, что и в видеоуроке про «Две шкатулки».
Суть ее проста: перед пользователем есть две шкатулки, кликом по любой из них либо прибавляется, либо отнимается значение «score».
Вся игра изнутри выглядит так: 
И ее файлы с комментариями:
onload=«startGame(Menu, 30)» означает, что игра будет запущена с игрового состояния Menu с частотой кадров в 30.
Код игры был написан мной давно на движке j2Ds.
Часть 2. Google Drive
После написания игры, ее отладки, тестирования, встает вопрос, о том, где же разместить игру. Основное правило ВКонтакте: игра должна быть размещена на внешнем ресурсе, и доступ к ней должен осуществляться с SSL (https://).
Бесплатных хостингов, дающих такую возможность, я не нашел. Но есть «Google Диск», который умеет воспроизводить пользовательские JS/HTML файлы. Здорово! Даже если ваша игра и задействует сервер, вы можете воспользоваться AJAX мостом к нему, настроив сервер и приложение должным образом, чтобы они могли нормально взаимодействовать. Из приложения вы можете коннектиться к любым серверам даже по простому http, внутрь iFrame ВК не лезет. Но клиент игры обязан быть доступен только через «https://»
Идем на ГД: 
Вы можете создать тут любое количество папок и файлов, это не имеет никакого значения, главное — создайте папку, где будет храниться игра.
Если вы посмотрите на первый скриншот, со структурой файлов игры, то поймете, что нужно перенести все файлы в диск. Для этого есть специальная функция загрузки всей папки: 
После откроется диалог выбора, я выбрал папку www (в которой лежит index.html) просто загрузил ее на сервер: 
Как не сложно заметить, структура файлов такая же.
Следующее, что нужно сделать — это дать доступ папке, в которой лежит index.html.
В моем случае index.html находится в папке www, поэтому выходим на уровень назад и выделяем папку www и жмем на пиктограмму открытия доступа: 
Включаем доступ по ссылке (вверху справа) и копируем ссылку для общего доступа: 
Этим мы открыли доступ к нашей игре всем, кто загестрирован на google. В любом сервисе. Чтобы снять и это ограничение, переходим на вкладку «расширенные», и там активируем доступ для просмотра всем в интернете: 
Теперь эту ссылку вставьте в любой текстовый редактор, будем ее модифицировать:
Ссылка выглядит так:
https://drive.google.com/folderview?id=0B09c3UoyWG0xfjBYaEtxWlNMdDFEbmUwVjhTb3pqV0l5SUI1NTVmLW1CTGE4Vm4zaHgyYmM&usp=sharing
Теперь жирным я выделю то, что нам нужно, остальное можно удалить:
https://drive.google.com/folderview?id=0B09c3UoyWG0xfjBYaEtxWlNMdDFEbmUwVjhTb3pqV0l5SUI1NTVmLW1CTGE4Vm4zaHgyYmM&usp=sharing
Удалив все НЕжирное, получим ссылку вида:
https://0B09c3UoyWG0xfjBYaEtxWlNMdDFEbmUwVjhTb3pqV0l5SUI1NTVmLW1CTGE4Vm4zaHgyYmM
Дописываем после https:// путь к googledrive.com/host и получаем ссылку вида:
https://googledrive.com/host/0B09c3UoyWG0xfjBYaEtxWlNMdDFEbmUwVjhTb3pqV0l5SUI1NTVmLW1CTGE4Vm4zaHgyYmM
Скопировав ссылку в браузер, откроется ваша игра. Откроется как обычная интернет страница в интернете, но по безопасному соединению.
Не теряйте модифицированную ссылку, она нам пригодится.
После того, как вы научились открывать вашу игру через Googledrive в браузере, переходим на сайт ВКонтакте в раздел приложения: 
На этой странице скроллим в самый низ и выбираем «Разработчикам», откроется страница для девелоперов: 
Тут жмем «Создать приложение» и заполняем вашими данными форму: 
После заполнения ВК отправит вам смс для подтверждения, введя код подтверждения (бесплатный) вас перебросит в панель управления вашими приложениями. Там будет много разной информации, вы можете походить по вкладкам, по-нажимать, по-проверять: 
Теперь важный момент: приложение пока доступно для запуска только вам, как создателю, другие его не видят. Чтобы оно стало видимым для всех нужно в графе «Состояние» выбрать соответствующий пункт.
Обратим внимание на строки для ввода iFrame адреса. Тут два поля. Первое поле — адрес http, второе — https. Лучше оба заполнить в формате https, так надежнее. Ту ссылку, что мы получили путем нехитрых модификаций вставляем в адрес и сохраняем данные. После сохранения данных, можно пробовать запустить игру: 
Теперь, открывая пункт «Управление приложением» вы можете манипулировать вашей игрой, смотреть статистику и т.д.
Управлять же файлами самой игры можно просто: редактируете, их, к примеру, на локальной машине, и, как только все изменения отлажены, заменяете файлы на гугл диске в нужной папке. Повторно выставлять права и доступ не нужно, так как выставлены они для всей папки, ссылки менять тоже не нужно.
Пример получившегося приложения могу дать в ЛС.
На этом у меня всё. Работа с VK API уже есть и доступна в виде видеоуроков, которые тут публиковать не буду. Ранее за публикацию видео аккаунт был заблокирован.