Eterniti

Больше чем за неделю получилось написать много функционала, примерный список того, что успел сделать:

1. Новая панель действия, куда вынесены все возможные действия игрока, фикс ходов и возможных действий, рефакторинг работы session manager.

2. Исправления действия Движение, в основном мелкие баги и исключения, теперь движение работает только по кнопке из панели действий и запрашивает подтверждение.

3. Добавлены ассеты жетонов навыков и иконок, убраны все заглушки с панелей.

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

5. Новое действие Сбор средств - получаем деньги в свой ход.

6. Исправление сломанной анимации правой панели при её вызове и наведении.

7. Добавлено действие Атака, игрок может напасть на монстра и победить его при нахождении с ним в одной области

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

9. Реализован бросок кубика, пока только в виде логика и лога, без отрисовки бросков, позже этот обязательный визуал конечно же будет ярко представлен как основной акцент игры. Грани 5 и 6 (и 4 в случае благословения) подсвечены зеленым, а грань 1 красным.

10. Монстры появляются по сценарию из стартовой колоды на нужные места. Прописаны характеры монстров - охотящийся, прячущийся, патрулирующий. Монстры ищут и атакуют игроков исходя из их параметров.

11. Фазы в виде заглушек, в Фазе действия можем делать всё то, что было описано ранее, в Фазе монстров монстры начинают свои действия, движутся к нестабильной области (заглушка), атакуют сыщиков и наносят им урон и ужас. Фаза контактов и Фаза мифов пока в виде заглушки. Добавлены анимации и фриз состояния во время объявления фаз.

12. Сохранение и загрузка игры - все состояния, фазы, статистика, собранные карты, позиции сыщиков и монстров корректно сохраняются.

Естественно это всё сопровождалось множеством фиксом и правками, кое-где рефакторингом, написанием новых синглтонов и процедур. В этом посте не будет много формул и каких-то умозаключений, просто кратко пройдусь по всем пунктам выше, покажу на примере как это работает и выглядит, как обычно жду мнения в комментариях и готов к объективным правкам и изменениям!

1 Панель действий

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

По умолчанию при всех доступных действиях панель выглядит следующим образом

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

2 Действие Движение и 9 Фазы с заглушками

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

3 жетоны навыков и иконки

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

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

4 Улучшение навыка и 7 Атака

Активировать действие можно в любой момент, даже во время боя с монстром. Если Сосредоточенность переполнена, то игра предоставит выбор какой улучшенный навык заменить - на примере ниже мы качаем Томми навык Воля вместо улучшенного навыка Внимание, а затем успешно атакуем и убиваем Фигуру в мантии. Пожалуй добавлю уведомление о том, точно ли игрок хочет заменить N навык на M в случае отсутствия свободной сосредоточенности или при попытке качнуть свободный навык.

5 Сбор средств

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

6 Исправление анимации

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

8 Уклонение

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

9 Бросок кубика, 10 Монстры и 11 Фазы

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

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

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

12 Сохранение и загрузка

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

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

Впереди выходные и свободное время, а значит будет возможность сделать в два раза больше!

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

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

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

Шейдер брал готовую статичную картинку шума и просто сдвигал сетку рендеринга. С точки зрения геометрии, здесь использовался один цветной прямоугольник (2 треугольника, 4 вершины). Это совсем , я бы сказал, что совершенно не критично для современных ресурсов процессора, разве что происходил постоянный Cache Miss при потере бесшовности, ну и тем более легко для видеокарты, но, чтобы минимизировать обрывы картинки при движении камеры, подложку под игровым миром приходилось делать физически огромной, либо оборачивать в ноду слоя параллакса. Я делал статичный размер около 3500x4500px и, конечно, это уже весомо влияло на производительность.

В общем, было вполне приемлемо, но пришло время двигаться дальше, прощай туман version 1.

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

Фрактальный броуновский шум с кубической интерполяцией Перлина:

И сам готовый шум после этого циклически закручивался сам в себя через так называемый Domain Warping (искажение области определения):

Что касается самой геометрии и прорисовки, то здесь стало еще проще, в объекте теперь использовалось только 2 треугольника. Еще я сразу добавил, точнее допили старую фичу - при подступе к районам городам в начале уменьшать туман на 80% (вернее увеличивать его прозрачность), а в центре района и вовсе убирать на 100%. Это заставило движок в начале рисовать нужные маски поверх районов в буфер, а затем уже накладывать генерирующийся шейдер на него.

Проблема оказалась также в намного большей ресурсозависимости, но не из-за методов построения геометрии и функций, а потому что движку приходилось по 60 раз отрисовывать циклы нескольких октав шума, тригонометрических формул, матриц поворота, ведь теперь мы всё делали на лету. Видеокарте не поплохело, но так делать не надо. Зато конечно текстурная нагрузка в плане тумана упало ровно в 0%.

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

Я взял тот же низкочастотный шум, увеличил его почти в десять тысяч раз, получил пушистые и большие облака тумана. Количество прорисовок снизилось в те же 10000 раз, высвободив ресурсы. Допилил поле ореолов для районов, теперь не просто работает простая радиальная маска, а все районы и улицы имеют свою маску прозрачности, отдают точные координаты своего положения на карте. Динамическое поле ореолов, чаще называемое полем знаковых расстояний (SDF - Signed Distance Field), - это математическая или текстурная карта, которая хранит информацию о кратчайшем расстоянии от каждой точки пространства до ближайшей границы какого-либо объекта или контура. Убраны все маски, буферы прорисовки и текстуры. Один объект, простейший черный прямоугольник 2900x2200 пикселей с парой вершин и треугольников, потребление полигонов минимально, а всё, что уходит из зоны видимости игровой камеры - полностью отсекается на уровне потребляемых ресурсов. Текстурный процессор также обрабатывает это легко, пропуская через себя запекаемый шейдер шума с включенным аппаратным сглаживанием и бесшовностью. Видеокарта также тянет узор из кэш памяти на аппаратнмо уровне.

На видео та текущая финальная версия, которая написана на данный момент. Разве что чуть докрутил параметры плотности тумана и сделал его подступы к районам поближе. А еще починил SDR/HDR при записи видео, так что теперь видите всё так, как и я вижу это у себя.

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

На этом пока всё. На неделе приступаю к проработкам фаз действия сыщиков и монстров.

Растем, пост для моих уже 4 подписчиков! Оставляйте комментарии, чтобы хоть было понятно в каком формате продолжать, много или мало информации за раз, нужны ли эти формулы и объяснения. Спасибо!

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

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

В перерыве от основного проекта во время очередного захода игр в настольный Аркхэм 3 редакции пришла в голову мысль оцифровать его, чтобы поиграть с теми друзьями, кто живет очень далеко, а также немного расслабиться и попробовать написать игру в другом жанре, да и попроще. На тот момент казалось, что это будет в меру легко и займет около месяца. Частично так и оказалось, но конечно же возникли и свои интересные моменты.

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

Что у нас тут есть: возможность создать как одиночную игру, так и сетевую, либо же присоединитсья к сетевой игре. Всё пишется в кросс платформе с помощью C# для WIndows, Linux и Mac, поддержка iOS и Android планшетов теоретически тоже будет на выходе, по разрешению честный 2к со скейлингом до FullHD, меньше уже вероятно будут проблемы с UI, но у кого сейчас экран меньше? Сетевая игра реализована через ENetMultiplayerPeer, обычный хост+клиент на базе протокола UDP с RPC вызовами, вся сетевая часть будет крутиться на хосте, а именно том игроке, который этот хост организует. Подключение соответственно по IP, так что кто захочет поиграть с друзьями - либо у хоста должен быть белый IP, либо DDNS, либо качать тунгл, хамачи или что-то, что организует локальную сеть.

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

Здесь всё согласно правилам игры, вся логика и правила за очень небольшим исключением прописана по официальному рулбуку. В обычной настолке мы тоже можем играть одни против игры, при чем как одним сыщиком, так и взять за свое управление нескольких. От этого просто будет меняться динамика, некоторые возможности и иногда сложность игры. Кроме того существует огромное количество кастомных сценариев и так называемых "хомрулов", например убирается один из жетонов мифов или добавляется простой для облегчения или усложнения партии. Я пока что закладываю некоторый функционал на такие облегчения и усложнения, но в целом без серьезных изменений для стандартного игрового процесса.

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

Конвертер видео сурово сожрал HDR, а мне было лень разбираться. В общем в реальности всё совсем не такое серое, эффекты намного ярче и симпатичнее.

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

Что у нас появляется дальше:

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

• Планшет/панель активного сыщика (если играем в одиночную) или соответственно планшет/панель именно нашего сыщика при игре в сетевую. На ней наши динамические параметры, собранные улики, все карты способностей, союзников, вещей и т.д. А также кнопки следующего хода, его передачи или окончания фазы

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

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

• Колоды карт, с которыми мы явно не взаимодействуем - я расположил их на игровое поле, в свою фазу они просто будут анимироваться и производить соответствующие эффекты.

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

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

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

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

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

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

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

Посты писать дело не простое, как и редактировать видосы, так что пожалуй для первой части это всё, что было не лень и не стыдно показать.

Теперь кратко, что сейчас есть и над чем идет работа.

Сделано:

• Начало игры, выбор сыщиков, адаптивные параметры

• Настройки и сохранение игры

• Карта, районы, области, улицы

• Вся игровая логика колод и сценария, все параметры ресурсов карт

• Эфффекты всех карт, переписаны все сценарии

• Многие шейдеры, эффекты, которые потом наследуются и меняются на нужные

• Отрисованы кор ассеты - карты, колоды, эффекты

• С большего собран игровой стол и меню

В реализации:

• Доработка игрового движка и файла состояния всех событий

• Реализация механики зачитки карт

• Лог фаз в виде в виде действий игроков

• Ассеты обложек и лицевых сторон некоторых колод, а также визуалы панелей, кнопок

• Конец первой фазы (ходы сыщиков)

• Чат

• Прикрутить SFX и музыку, возможность голосового общения средствами игры

По поводу механики розыгрыша карт. Если в оригинале вы просто переворачивали карточку и зачитывали всё с неё, то теперь это будет делать гейм менеджер. Например, вместо розыгрыша карты контакта по время фазы контакта игроку нужно зачитать карту аномалии, потому что он стоит в районе аномалии на области с двумя жетонами безысходности. Как это делают в настолке? Другой игрок берет карту аномалии, смотрит раздел количества безысходностей, а именно 0, 1, 2-3 , выбирает нужный и читает: "Вам грозит опасность, бла бла бла, проявите Волю (проверка воли, бросьте кубик), чтобы..." и дальше молчит и ждет, какой результат кубика выбросит игрок. Если он выбрасывает успех - зачитывается успех и предпринимаются предписанные картой действия, карта убирается в отбой. Это по ЛОРу, чтобы игрок попавший в аномалию сразу не знал, что его ждет и что будет, если он проиграет, то же самое касается других карт выбора. Другое дело, если играть в оидночку, ведь тогда сразу видна вся карта и хочешь не хочешь, но прочитаешь то, что не надо бы читать (если конечно играть честно). Собственно моя задача предписывать гейм менеджеру читать именно то, что нужно исходя из сложившихся условий и автоматически совершать выбор после действий игрока. Это не сложно, но состояний и действий в игре огромное количество и нужно все предусмотреть и протестировать.

Жду вашу оценку и комментарии, особенно от любителей настольных игр и тем более от всех, кто играл и играет в Ужас Аркхэма или Древний Ужас, неважно каких именно серий. Ни в чем не претендую на истину, просто делаю, что самому нравится и что не сильно умею (я хоть и в IT, но совсем не разработчик и тем более никогда не работал в геймдеве). Если зайдет и понравится, то опубликую вторую часть, принимать советы и замечания по разработке, выкладывать результаты, т.к. игру пишу активно. А там и до публикации основного проекта доберусь. Пока что займусь наполнением оставшихся колод на игрвоой стол. Всем спасибо! Как говорится, панамка готова.