Диджитальня.рф

Случайные картинки из статей:

Как я воевал с дизайном своей игры

Всем привет!
Рад сообщить, что опубликовал свою новую игру-головоломку "Л - логика". Приглашаю всех играть, критиковать, помогать советами.


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


Если вы делаете РПГ или квест, то художественный стиль игры - это один из важнейших моментов, который нужно оговорить в самом начале и в дальнейшем придерживаться, по возможности не меняя. А вот если это логическая головоломка, как у меня, то визуальное оформление - это второстепенный момент. Безусловно, важный, но загвоздка состоит в том, что графическое решение может быть абсолютно любым. Какое же выбрать? Хочется, чтобы игра выглядела достаточно оригинально, весело, ярко и привлекательно.


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


Сначала я изучил похожие игры - как там у них. Многие использовали градиент на фоне. Попробовал и я. Нарисовал тёмные градиенты, цветные картинки, поярче круги выделения.

Не понравилось - мрачно.


Второй вариант - сделать всё светлее.

Этот вариант нравился гораздо больше. Достаточно весёленький, на экране всё читается. Но со временем опять пришли сомнения, а именно: 1) больно уж напоминает многие другие логические игры с градиентом на фоне; 2) хотелось бОльшей казуальности в оформлении; 3) но самое главное - такой вариант получился труднорасширяемым: не получалось придумать достаточное количество красивых градиентов, которые не выглядели бы грязно. Градиенты - коварная штука.


Попробовал добавить затенение по краю и нижний декоративный рисунок.

Получилось оформление, которое приглянулось бы адептам окультных сект. А нам надо казуал.


Идем дальше. Четвёртый вариант - убрал затенение, нижний декоративный элемент сделал светлым.

Стало лучше. К тому же, я сделал нижний рисунок с эффектом параллакса - при выделении картинок нижние слои чуть-чуть сдвигаются относительно друг-друга создавая эффект псевдо 3-Д. Но осталась проблема градиентов - трудно подобрать много красивых градиентов.


Следующий вариант - полноценная иллюстрация на фоне. Для примера - в ретро-футуристическом стиле. Можно даже с добавлением деталей на фон при выделении картинок логической цепочки.

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


В итоге, после таких долгих страданий я пришел к единственно верному выводу - вся беда в градиенте. Я просто не мог с ним совладать. И я посмотрел в сторону оформления игрового процесса при помощи плоских 2д сцен. И всё стало на свои места.

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


Вот такой путь страданий был преодолён, чтобы оформление, наконец-то, начало мне нравится, и, надеюсь, понравится игрокам.


Google Play Market: https://play.google.com/store/apps/details?id=com.artworkgam...

Apple App Store, к сожалению, еще не подтвердил публикацию.
Группа ВК, посвящённая моим играм: https://vk.com/artworkgames

Случайные картинки из статей: