Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Приветствую! На демо после завершения первого спринта мы получили много полезных отзывов, большинство из которых касалось взаимодействия игрока с камешками и свитками.

Что же было предложено? Любое взаимодействие с игровым полем должно сопровождаться анимацией или эффектом. Идей было много, большинство из которых мы внесли в список пожеланий для дальнейшей проработки и переноса в product backlog.

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

Все части дневника

Удобство перемещения камешков

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

Изменения интерфейса

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

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

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

Доработали спрайты камней: убрали металлические ободки, изменили форму некоторых фигурок, уменьшили размеры, добавили отступы. В итоге игровое поле стало визуально чище, смотрится гармоничнее. Слева направо видно этапы проделанной работы:

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Системы частиц

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

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

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Системы частиц в libGDX позволяют создавать эффекты с неограниченным количеством эмиттеров (генераторы частиц одного типа), а параметры (время жизни, прозрачность, позиция, угол поворота и другие) могут задаваться с помощью кривых. Используя эти возможности, можно сделать сложные эффекты с длинными последовательностями. В следующем разделе мы разберем эффект взрыва по косточкам, и вы поймете, о чем идет речь.

Particle Editor – бесплатный редактор частиц для libGDX

Так как программа написана на Java, то запустить ее на любой из основных платформ (Windows, OS X, Linux) сущий пустяк: достаточно установить Java Runtime Enviroment и выполнить соответствующую команду в терминале. Взрывы мы используем не только для того, чтобы акцентировать внимание на рядах, которые замыкаются, но и чтобы показать, какому игроку наносится урон от комбинаций и заклинания шара огня.

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Давайте посмотрим, из чего состоит эта система частиц. Всего было использовано 4 эмиттера и 2 спрайта частиц:

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Левый спрайт используется исключительно для искр. Правый, изменяя цвета от оранжевого до серого, для пламени и дыма. Эмиттеры включаются последовательно: сначала пламя и искры, а потом (с небольшой задержкой) темные и светлые частицы дыма разного размера. Все 4 эмиттера видно на снимке экрана запущенного редактора частиц в левой нижней части:

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Ближе к концу жизни частицы уменьшаются в размере и сбавляют скорость движения:

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Эффекты

Кроме взрывов, добавили специальные эффекты, которые создаются при замыкании комбинаций в виде синих свечений, которые следуют по контуру ряда камешков:

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

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

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Мы не стали ограничиваться системами частиц, использовали и покадровую анимацию:

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Также добавили подсветку свои и «вражеских» цветов, чтобы показать, какие камни нужно замыкать, а какие лучше не трогать.

Анимация свитков

Вместо статичных спрайтов свитки сделали анимированными. Каждый из них состоит из трех частей: левая, правая (завернутые) и средняя. По мере зарядки они раскрываются и удлиняются, показывая, сколько еще осталось собрать рядов до активации. Кроме того, после активации плитка, на которой лежит соответствующий свиток, подсвечивается таким же цветом.

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

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

Проблема понимания свитков

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

Аватарки

Чтобы поставить точку в графической составляющей в этом спринте, мы добрались до аватарок и, конечно же, решили отрисовать девушек:

Дневник разработки Nizam, мультиплеерного три-в-ряд для мобильных платформ. Часть 2

Как поиграть

Сейчас у нас есть рабочая Android-версия игры Nizam. Последнюю сборку всегда можно скачать с нашего сервера.

На сегодня все, следите за нами в Facebook и Google Plus.

UPD: Низам доступен на Google Play!