Предисловие
You know, I've personally flown over 194 missions and I was shot down on every one. Come to think of it, I've never landed a plane in my life.
Admiral Benson, Hot Shots!
В этой статье рассказывается о моей первой доведённой до конца игре, надеюсь, она будет полезна начинающим разработчикам. Строго говоря, это она не первая: немного притомившись от немного затянувшейся (аж на целый месяц!) разработки endless runner'а про зомбей и машинки, а также от нескольких недоведённых до конца проектов, я захотел чего-то быстрого и конкретного, что можно было сделать за неделю.
Идея
Идея родилась за несколько мгновений — создам юморную безделушку на пятнадцать минут про поиск различий на двух картинках. Рисовать я не очень умею, поэтому нужны готовые лицензионно-чистые изображения. Выбор пал на картины Иеронима Босха. Освежив их в памяти, понял, что так игра так и просит слегка безумной предыстории. Вандалы портят сюрреалистические полотна, и нужно помочь их персонажам восстановить справедливость? Сгодится, это и будет intro. С музыкой и звуками разберёмся потом.
Выбор инструмента
Немного о моих навыках гейм-дизайнера: он невелик и ограничивается поверхностными знаниями JavaScript (в Tululoo) и C# (в Unity3D), плюс немного Blender и GIMP.
При разработке предыдущих (недоделанных) игр я использовал Tululoo Game Maker (на Хабре уже была пара статей по нему). Как оказалось (вот неожиданность!), HTML5, который используется в TGM, не очень подходит для создания динамичных игрушек с тысячами объектов, но вполне пригоден для неторопливых головоломок и игр типа «нажал на комнату, попал в другую». Ещё в процессе предыдущих проектов выявились и другие недостатки Tululoo: не слишком удобный интерфейс, довольно вялое комьюнити разработчиков, медленное появление новых версий.
Тем не менее, я решил, что для моей игры-на-неделю эта среда вполне подойдёт.
Графика
Как я написал выше, в качестве игровых картинок я взял картины Босха. Для удаления объектов (которые нужно будет потом искать) воспользовался онлайн-инструментом webinpaint.com (не забываем, что скорость — наше всё, а графическими редакторами я владею непрофессионально). Часов за пять получилось создать по два варианта шести картин, вырезать различия с помощью GIMP в отдельные небольшие файлы и засунуть всё это в игру. Изображения для шести уровней готовы!
Пример фрагмента с различием
Шрифты «под Средневековье» я подбирал на 1001fonts.com, выбирая (на всякий случай) те, которые free for commercial use.
Всякие мелочи типа указателей и индикатора громкости нарисованы самостоятельно или взяты из коллекций свободного клипарта.
Музыка и звуковые эффекты
Для фона хотелось взять какую-нибудь аутентичную музыку, соответствующую эпохе, остановился на Уильяме Бёрде, получилось неплохо. Звуки c freesound.org пригодились для intro и outro в стиле Monty Python, для их нарезки применял Audacity.
Публикация
Пример уровня игры (картинка уменьшена)
Чтобы показать игру миру, остановился на давно любимом (с точки зрения игрока) Kongregate. Там всё довольно просто: понятные инструкции и готовая HTML-оболочка почти не оставляют пространства для ошибок (единственное, что пришлось менять — размер iframe, который с первого раза я пропустил). Сегодня около 12.00 по Москве игра была опубликована, через 15 минут появилась в поиске под названием Bosch the Differences. Написал пару постов в подреддите indiegames и на форуме gamedev.ru с просьбой об отзывах. На текущий момент в игру поиграли 43 человека, средняя оценка 3,7/5. По-моему, неплохо.
Послесловие
Естественно, я не считаю свою игру каким-то шедевром или даже выдающимся событием, тем не менее, это был интересный опыт работы «от и до». Можно воспринимать это как учёбу: ведь никто не просит от занимающихся на курсах живописи превзойти с первого раза Ван Гога или Пикассо. Буду ли я продолжать создавать игры? Безусловно, это интересный challenge и, возможно, будущий способ заработка.
Хорошо, если моя статья вдохновит кого-нибудь начать (и обязательно завершить!) свою собственную игру.