Pirate Ships. Сюжет мобильной игры и нейросети

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

Pirate Ships. Сюжет мобильной игры и нейросети

Вводные

Pirate Arena - это мобильная игра об автоматических сражениях на пиратских кораблях, которую мы делаем небольшой командой в Herocraft. Игра находится в релизе, в нее играют люди, потому разрабатываем мы итерационно и последовательно, слой за слоем наращивая разные части продукта. На этот раз очередь дошла до сюжета.

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

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

Pirate Ships. Сюжет мобильной игры и нейросети

А в режиме кампании ожидают покрывшиеся пылью заглушки сюжета:

Pirate Ships. Сюжет мобильной игры и нейросети

В общем, пришло время найти форму для истории.

С чего начать

“Солнце садилось над Карибским морем, отбрасывая оранжевое сияние на бурные воды. Звук артиллерийского огня эхом разнесся по океану, когда два пиратских корабля столкнулись в бою. Джеймс, главный герой, наблюдал издалека, как горел корабль его лучшего друга. Опустошенный, он отправился в плавание с тяжелым сердцем и вновь обретенной целеустремленностью...”

Это пример работы ChatGPT, при обобщенном запросе по формуле “придумай сюжет для игры в пиратском сеттинге”. На мой взгляд, такое поведение характеризует нейросеть как инструмент. Можно уточнять запрос, в духе “сделай больше персонажей” или “придумай твист в конце”, но придется делать это до тех пор, пока сумма кусков не достигнет объема полноценной концепции. И чем больше кусков в этом случае - тем лучше результат.

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

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

Интро

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

Pirate Ships. Сюжет мобильной игры и нейросети

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

Так родились три базовых идеи:

  • Игра начинается с ролика на движке, в первую очередь демонстрируя визуал и боевую часть кор-геймплея;
  • Интро ролик включается после демонстрации игры и перед началом онбординга, устанавливая сюжетную рамку;
  • Главным персонажем, на замену добродушному Диего, приходит рыжая девушка. В теории, мужской части игроков, на которых мы целимся, она должна была понравиться больше.

Теперь игра начиналась с ролика на движке:

Pirate Ships. Сюжет мобильной игры и нейросети

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

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

После интро на движке запускался синематик:

Pirate Ships. Сюжет мобильной игры и нейросети

И так, представление сложилось. Реализация части на движке ушла к программистам, а визуальная составляющая - к нашему художнику. При помощи Stable Diffusion и своих волшебных рук, за несколько итераций он собрал чистовые кадры:

Pirate Ships. Сюжет мобильной игры и нейросети

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

Для достижения схожести персонажа между кадрами, промт содержал подробное описание девушки: красный жилет и волосы, коричневые перчатки, белая рубашка с длинными закатанными рукавами и т.д. Каждая поза реролилась по нескольку раз, а некоторые детали дорисовывались после, например юбка и воротники. Особенно плохо у ИИ получались перчатки.

Подобным образом он проработал стилистику и создал главную героиню:

Pirate Ships. Сюжет мобильной игры и нейросети

А также сделал логотип игры. Да, череп по центру тоже сгенерирован в Stable Diffusion:

Pirate Ships. Сюжет мобильной игры и нейросети

Наконец, я взял нейронку LeiaPix, и, поиграв с настройками, добавил картинкам объема и динамики. Это бесплатное приложение генерирует карту глубины на основе изображения, после чего позволяет менять угол камеры для создания объемного параллакс-эффекта.Я выгрузил результаты как видео, смонтировал с музыкой из доступного ассет-пака и вуаля! Можно встраивать!

Посмотреть превью можно тут: видео на YouTube.

Сюжет

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

Часть изначального промта:

“В мире, в котором происходят события, из космоса падают куски комет, содержащие не только золото, но и артефакты, способные порождать морских чудовищ и творить магию, которую их владельцы применяют в бою. Места падения артефактов становятся целью всех, кто об этом узнает, ведь это источник несравнимой силы и богатства. Потому пираты сражаются друг с другом в конкурентной борьбе. Игроку предстоит пройти свой путь и стать сильнейшим из пиратов.”

А вот некоторые из предложений нейронки:

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

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

Pirate Ships. Сюжет мобильной игры и нейросети

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

Pirate Ships. Сюжет мобильной игры и нейросети

Когда общий план устоялся, пришло время расписать конкретные диалоги. На вход в ChatGPT я подавал короткое описание сюжета из предыдущей таблицы, добавляя такой промт:

“Я буду описывать тебе сценарий, в котором оказался игрок, а ты на его основе придумай персонажа, диалоги между персонажами и представь в виде таблицы, где в левом столбце будет имя говорящего персонажа, а в правом его реплика. Не используй кавычки. После таблицы добавь короткое описание внешнего вида персонажа. Персонажи должны быть выразительными и эмоциональными, старайся держать драму, но при этом добавляй легкий юмор. Для разных сцен используй разные эмоции. Со стороны игрока всегда говорит Элизабет Рид, рыжая молодая пиратка. Игрок не говорит реплики и не упоминается по имени. Элизабет вместе с игроком попадает в ситуации, которые я буду тебе описывать. Каждая ситуация или сцена происходит по сценарию: сперва затравка, до четырех сообщений в сумме, потом игровой бой без диалогов и после завершающий диалог до шести сообщений в сумме. И так, следующий сценарий: …”

Самый драматичный диалог из получившихся, на мой взгляд:

Pirate Ships. Сюжет мобильной игры и нейросети

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

Игровая карта

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

Изначально карта кампании была зафиксирована в пространстве и выглядела как типичный роадмап:

Pirate Ships. Сюжет мобильной игры и нейросети

В новой версии камера расположена гораздо ближе к столу:

Pirate Ships. Сюжет мобильной игры и нейросети

Теперь на карту поместилось больше врагов и сюжетных точек, а путь стал ощущаться значимее, как большое путешествие.

Бонусом, на экране сам собой появился интерактив - теперь карту можно зумить и скролить, рассматривая детали на столе:

Pirate Ships. Сюжет мобильной игры и нейросети

Диалоги и персонажи

Разумеется, визуальная часть подачи наиболее важна. Потому мы обновили окно диалогов:

Pirate Ships. Сюжет мобильной игры и нейросети

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

После, я смешал получившиеся изображения в Midjourney, буквально залив их в Discord и записав полученные ссылки в один промт, а после добавил текст описания. Схематично так:

/imagine картинка1, картинка2, картинка3, портрет старого пирата, серый фон, цветной, красивый, в стиле… и т.д.

На выходе получился бесконечный генератор персонажей в нужном стиле:

Pirate Ships. Сюжет мобильной игры и нейросети

Онбординг

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

Главное - ритм! В предыдущей версии онбординг работал равномерно, показывая одновременно указатель, анимированное кольцо для фокусировки внимания и диалог персонажа, произносящего задание:

Pirate Ships. Сюжет мобильной игры и нейросети

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

Pirate Ships. Сюжет мобильной игры и нейросети

Границы задач были размыты, они переползали одна в другую:

Pirate Ships. Сюжет мобильной игры и нейросети

Если вообразить количество интереса в каждом кадре, то ритм был бы примерно таким:

Pirate Ships. Сюжет мобильной игры и нейросети

В теории, такая монотонность со временем теряет эффективность, столбцы будут все меньше и ровнее. Но что, если сделать ритм более выразительным?

Pirate Ships. Сюжет мобильной игры и нейросети

Для начала, мы отделили личность персонажа от указаний. Теперь, в начале задачи происходит диалог, где персонаж объявляет общую задачу для игрока:

Pirate Ships. Сюжет мобильной игры и нейросети
Pirate Ships. Сюжет мобильной игры и нейросети

Оканчивается блок диалогом, завершающим текущую задачу и сообщающим о новой:

Pirate Ships. Сюжет мобильной игры и нейросети

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

Плюс, по визуальной части, мы переделали руку-указатель. Теперь она анимирована и кольцо для привлечения внимания стало неактуальным:

Pirate Ships. Сюжет мобильной игры и нейросети

Итог

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

По поводу нейросетей: нет, это все еще не кнопка “сделать красиво”, но отличное подспорье в работе, когда у вас есть сформулированная суть, и ее требуется размножить.

Ну и о процессах, на последок. Существует такое представление о разработке: всегда нужно четко понимать что ты делаешь. Идеальная картина, безусловно так. Однако на практике часто нет времени и ресурсов, чтобы все спланировать заранее, “на берегу”. И в этом случае может быть эффективнее работать в неопределенности.

В конце концов, решение работать в неопределенности - тоже определенность. А вероятность успеха повышает не столько план, сколько сила собранной команды.

Дорога возникает под ногами идущего, как известно. Но я вам не рекомендую :)

Был ли пост полезен для вас? Что думаете по поводу подхода? Поделитесь.

И... Я веду телеграм-канал в подобном формате, заглядывайте:

2525
14 комментариев

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

... V из Arcane.

3
Ответить

Я про Беатрис Шарп подумал, она всё же рыжеволосая, а не розовая.

1
Ответить

Действительно похожа!
Увидев ваш комментарий я несколько расстроился, но после подумал, что лукалайк на известного персонажа это даже хорошо :)

Ответить

Любопытно.

3
Ответить

Бодро, спасибо! Проекту успехов!

1
Ответить

Спасибо! <3

Ответить

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

Ответить