Как создать игру для вк?

Question

[pin3]

Поправьте если не в том направлении думаю.
front-end
Лучше писать не на flash а на js.
Примеры графики, какие движки лучше использовать?

Думаю что особо парится не стоит, взять простую библиотеку для анимации и на этом все.
Карту просто нарисовать, для управления позиционированием объектов просто сетку сделать, которая будет по верх карты. Объекты наверное лучше отрисовывать через canvans или уже готовый через движок? "понимаю что это почти одно и тоже, но все же. Стоит тратить время на создание своего ядра или взять готовое?" предполагается,что персонажи будут векторными (svg). Что касается объектов (декор травы например, здания) растровые изображения или тоже вектор?

Управление объектами, ну тут все просто, функции и отлавливать события. Перемещение и все такое Drag'n'Drop.

back-end
mysql + redis или memcached - файловая система.
Для обмена использовать websocket в место ajax.
Да и в частности api использовать.

Может что-то упуская. На старте, всего предугадать нельзя.

Comments

[Dark Hole]

Вы API Вк читали? Кнопочка для разработчиков

[pin3]

Dark Hole: читал vk.com/dev

[LNK]

Dark Hole: vk API нужен не для самой игры а для взаимодействия вк, на мой взгляд нужно сначала игру сделать.

[Dark Hole]

NikHaker: но там и условия к игре

[pin3]

NikHaker: Ну это да, vk api надо, что бы поспамить и привязать аккаунт. Хотя можно сделать единую базу, если загружать не только в вк, но и в другие места. А дальше через iframe. так что все более чем просто. Вопрос надо по другому задать. Я уже увидел что ограничений там нету. Хоть гта 5 можешь в браузер запихнуть) Шутка. Просто думал что есть какие-то ограничения и подводные камни. А так можно связать без проблем.

Answer 1

[Юрий]

front-end - конечно js - поддержка мобильных на будущее.

по поводу графики, если планируется svg, можете глянуть d3js - она с svg дружит и там очень легко будет сделать область с масштабированием и перетаскиванием. если навигации перетаскиванием и мастабирования по карте нету, то можно наверное вообще без канваса и svg обойтись, просто абсолютно спозиционировав нужные div со всеми постройками. обрабатывать эти же клики будет проще. да и скорость будет больше чем канвас.

в общем подобные игры я бы пробовал делать на html + svg.
канвас для вещей где нужны разные спецэффекты, или хоть какая то динамика, указанные вами игры каутся довольно статичными, и на канвасе сложно отслеживать по какому обьекту кликают.

Для обмена использовать websocket в место ajax.

конечно, по поводу websocket для игр вчера отвечал на вопрос, возиожно будет тоже интересно
Как построить онлайн карточную игру на PHP и canvas?

Comments

[Dark Hole]

Насчет SVG я вроде читал что некоторые браузеры не совсем корректно с ним работают

[Юрий]

Dark Hole: не замечал, хотя может быть какие то ограничения есть. для данной задачи и svg то особо не нужен, одного html хватит.

[Юрий]

Dark Hole: по svg надо конкретно смотреть какие проблемы в каких браузерах, может быть для современных браузеров это уже не актульно. svg помоему даже IE6 поддерживает

[pin3]

Ну для начало спасибо)
Знаете Pixi.js? 530 000 зайчиков, дальше fps упало до 59. -2кадра когда добавляешь. Пойду почитаю)

Вот с мобильными по сложнее.. Мне кажется swipe и touch доставят проблемы. Я особо не работал. Только со swipe, делал меню.

Проблема с поддержкой решается очень просто, смотришь что за браузер или соответствует он.. и если нет, то просто кидаешь ссылку на обновления браузера. Либо сделать возможность упрощение графики. Я уже давно выбрал первый вариант, но даю возможно посмотреть "легкую версию".

Просто когда у тебя svg персонаж, его можно анимировать. Тем самым получать более живую игру. Мелочь а приятно. Думаю что анимация на svg snap или да, на d3. Все остальное повесить на Pixi.js (пока что не знаю о этой библиотеки ни чего, кроме ее производительности=) )

[Dark Hole]

Юрий: да поддерживает, но кривовато. В статье были примеры, и я узнал, что сглаживание в моем Edge не робит. Но в целом прокатило

[Юрий]

сам когда то с webgl голым без либ баловался в том числе пробовал 2д вывод. 530 000 зайчиков пример может быть искуственным. если передать все данные в шейдеры а потом только рендерить их, то может и 530к выдаст. а если каждый фрейм обновлять - хз, плюс от размера этих зайчиков зависит. в общем пикси штука интересная конечно, надо будет погонять на досуге.
да и техника в целом перспективная конечно (вывод через webgl).

[Юрий]

насчет мобил - в вк моб версии нет приложений

[pin3]

Просто в смоем прил. делаете ссылочку на клиент для ios/win/android ну или перебрасываем на свои сервера skd.game./play ну к примеру.
Можно просто упаковать в кросс приложение, в это приложение загнать свой браузер (любой*, что можно было открыть ссылку sdk.game./play)
*-любой, который подходит)

Answer 2

[Виктор Королев]

1. Для быстроты использовать готовые движки: Blend4Web, ThreeJS. В первом случае сцена целиком собирается в Blender, логика пишется на js. Будьте внимательны с лицензией (двойная). Во втором - практически все пишется ручками.
2. Для бэкенда использовать соответствующие сервисы baas, например gamesparks или playfab.

Сократите на порядок время работы над игрой.