Все статьи
Туториалы · 9 min read

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

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

Illustration of a shoreline with colour-coded depth bands and a swimmer

Коротко: Игроки допрашивают любой водоём одними и теми же тремя вопросами: «Могу ли я войти? Насколько глубоко? Не поранит ли меня?», и решают с десяти метров, ещё до того как ввязаться. Хороший дизайн воды отвечает на все три с одного взгляда через цвет, движение и форму кромки, удерживает эти ответы согласованными на всю игру, а затем использует саму глубину как инструмент ритма и левел-дизайна. Эта статья охватывает всю грамматику, плюс особые случаи (пещеры, под водой, враждебная вода), которые её ломают, если быть неосторожным.

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

Три вопроса

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

  • Цвет и прозрачность кодируют глубину. Светло, прозрачно, видно дно = безопасно и мелко. Темнеющий к середине градиент = становится глубоко. Непрозрачная муть = предупреждение, возможно враждебное. Эта грамматика почти универсальна, потому что отражает физическую реальность (свет ослабевает с глубиной), так что используйте её, а не боритесь с ней.
  • Движение кодирует опасность. Неподвижная поверхность читается спокойно; рябь, линии пены и полосы течения читаются как сила. Река, которая унесёт игрока, должна так и выглядеть: быстрая фактура поверхности, стоячие волны за камнями, мусор, плывущий по течению.
  • Кромки кодируют вход. Пологий песчаный или галечный склон приглашает; камыш и мокрая полоса говорят «можно перейти вброд»; вертикальная скальная стена говорит «это стена, которая случайно мокрая». Игроки судят о входимости по одному силуэту берега, ещё не подойдя достаточно близко, чтобы проверить.

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

Согласованность как контракт

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

Если тёмная вода была бездонной в первой главе, тёмная лужа по колено в четвёртой заставляет игроков потом не доверять любому водоёму, а водобоязнь дорого обходится, ведь игроки, не доверяющие воде, просто обходят целые секции вашего уровня, пропуская контент, который вы там построили. Лист короткий: три-четыре порога глубины, один цвет опасности, один безопасный цвет и ваша грамматика входных кромок. Дисциплина — применять её в каждом биоме, включая атмосферное болото, где муть работает как «просто настроение». Именно в атмосфере контракт нарушается, потому что кажется художественным решением, а не решением правил. Это решение правил.

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

Береговая линия как линия композиции

Береговая линия — самая сильная направляющая линия, какую может дать рельеф. Изогните её так, чтобы она указывала куда-то: за поворот, к ориентиру, в бухту, где лежит награда. Прямые берега разбазаривают бесплатное наведение.

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

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

  • мокрая полоса потемнения над линией воды (падение значения на 20–40 %, высотой от трети метра до метра), которая сообщает игрокам, где вода была недавно;
  • плавник, камыш и мусор в зоне брызг, разбросанные, а не выставленные в линию;
  • пена, скапливающаяся там, где волны действительно разбиваются, и в углах бухт, где её ловит циркуляция;
  • отражения: неподвижная вода удваивает каждый ориентир на дальнем берегу, что дар для ориентации и ловушка, если дальний берег — бардак.

Эта полоса создаёт разницу между «рельеф касается плоскости воды» и «место», и это именно та часть, которую игроки рассматривают на расстоянии вытянутой руки, идя вдоль берега.

Глубина как инструмент левел-дизайна

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

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

Раскладка глубины — это скриптинг геймплея иными средствами. Уровень «знает», где игроки замедляются, где теряют оружие, где выныривают, хватая воздух, и вы можете ставить столкновения против этого знания. Дизайнер, мыслящий глубину воды как кривую сложности и ритма, а не как декорацию, получает бесплатный дизайн столкновений из рельефа, который и так строил.

Особые случаи: пещеры, под водой, враждебная вода

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

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

Пещерная и подземная вода труднее всего «продаётся» именно потому, что убирает два ваших сильнейших инструмента: нет неба для отражения и часто нет ветра, чтобы двигать поверхность. Остаётся отражение интерьера пещеры, рябь от капли и то, как свет из дальнего проёма рассеивается сквозь неё. Опирайтесь на это сильно; неподвижный пещерный водоём, что ничего не отражает, читается как дыра, а не вода.

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

Враждебная вода требует больше всего дисциплины. Один канал — догадка; сложите три, и это обещание: разрыв цвета (единственный оттенок, что вы резервируете для вреда), аномалия движения (пузырение, неестественная неподвижность, плёнка) и улики на берегу (кости, мёртвая растительность, ржавый металл). Игроки, раненные водой, что выглядела безопасной, больше никогда не доверятся вашей воде, поэтому лучше пере-объявить вред, чем недо-объявить.

Одевание берегов

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

Отношения между видами делают тяжёлую работу: камыш и рогоз притягиваются к кромке воды в пределах пары метров; луговые виды её избегают; деревья тонко клонятся к свету открытой воды. Это горстка правил, а не ручное размещение: скаттер Numivo выражает их напрямую как отношения attract/avoid по видам с полосами дистанции, что превращает убедительный берег в изменение настроек, а не в послеобеденную ручную работу. Каким бы инструментом вы ни пользовались, проверяйте линию воды после каждой правки рельефа, ведь именно туда мигрируют артефакты парения и клиппинга: поднимите рельеф на метр, и вчерашний аккуратный камыш вдруг зависает.

Тест прищура, водная редакция

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

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

Полевые числа, которые стоит украсть

  • Дистанция решения: игроки судят о воде с ~10 м, проверяйте на этой дистанции
  • Порог брод-к-плаванию, на котором сходится большинство игр: ~1,2–1,4 м
  • Мокрая полоса потемнения над линией воды: падение значения на 20–40 %, высота 0,3–1 м
  • Полоса притяжения камыша: в пределах ~2 м от кромки; избегание луга дальше
  • Приоритет подсказок глубины: сначала градиент значения, затем оттенок, он должен пережить оттенки серого
  • Сигналы враждебной воды: 3 канала (цвет, движение, улики на берегу), никогда один

Мини-FAQ

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

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

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

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