Разбираемся, как работает дизайн уровней в MMORPG, как он развивался и какие особенности стоит учитывать левел-дизайнеру при работе над игрой в этом жанре.
В подготовке материала нам помогли левел-дизайнеры, работавшие над российскими мультиплеерными проектами — Павел Лазутин («Аллоды Онлайн»), Ярослав Кравцов («Аллоды Онлайн», Skyforge), Иван Чудный (Population Zero) и Денис Куандыков (Frozen Flame).
Автор: Юрий Кулагин
Левел-дизайн ранних ММО отталкивался от уже устоявшихся принципов других жанров. Ultima Online опиралась на популярные изометрические RPG, а первая трёхмерная MMORPG Meridian 59 — на Might & Magic и Wizardry. Впервые мир, более-менее похожий на то, что игроки видят в современных MMORPG, появился в EverQuest в 1999 году.
А в 2004-м вышла World of Warcraft, задавшая стандарты для левел-дизайна в MMORPG на следующие 15 лет.
Пространство и контент
В годы расцвета жанра MMORPG разработчикам, многие из которых до этого разрабатывали только одиночные игры, пришлось столкнуться с новыми для них проблемами и задачами.
1. Сделать так, чтобы никто никому не мешал
Основной вопрос левел-дизайна в MMO, — «как сделать так, чтобы на одной локации игроки не мешали друг другу?» Эта проблема преследует жанр ещё с выхода World of Warcraft, и разработчики пытались решить её самыми разными способами.
Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015):
"Самое сложное в левел-дизайне для ММО — ни на минуту не забывать, что вы делаете ММО. Нужно помнить, что в любом месте игрового мира может собраться несколько сотен игроков и начать творить какую нибудь дичь. Например, собрать 500 человек и отправится на одном транспортном корабле рейдить столицу вражеской фракции...
Задача левел-дизайнера — спланировать локацию таким образом, чтобы игроки равномерно распределялись по всей её территории. Не допускать «узких мест», которые тормозили бы продвижение игроков по сюжету и вызывали их скопления."
Наиболее очевидное решение — сделать локации большими — создаёт другую проблему. Да, если локации окажутся слишком компактными, то игроки будут мешать друг другу, воевать за каждого кабанчика, раздражаться и в итоге уходить из игры. Но если уровни будут слишком просторными, то даже при наличии карты игроки на них потеряются, почти не будут встречать друг друга, заскучают и… Тоже начнут уходить из игры.
2. Создать большие пространства
Локации в ММО почти всегда имеют чётко выраженные границы и ориентиры. Первые устанавливаются ещё на раннем этапе разработки — ими левел-дизайнеры «прорезают» весь мир игры насквозь, разбивая одно большое пространство на много локаций поменьше, разделённых горами, реками или просто крепостными укреплениями.
Иногда, впрочем, границы появляются в игре и после релиза, если разработчики чувствуют, что локация получилась слишком просторной. Например, в оригинальной World of Warcraft были «Пустоши» — огромная степь, вынуждавшая игроков подолгу бегать от задания к заданию. Хотя кому-то такой геймплей и нравился, долгое путешествие по одной точке с довольно однообразным пейзажем замедляло прохождение. Поэтому в дополнении Cataclysm разработчики «разрезали» Пустоши надвое.
Ориентиры же способны вдохнуть жизнь даже в очерченную границами, но всё равно пустую локацию. Это огромные строения или природные объекты, видимые из любой точки локации и разделяющие пространство вокруг себя на зоны. В том же World of Warcraft в центре Мулгора высится огромный город Громовой Утёс: на совсем ранних уровнях он игрока особенно не интересует, но зато позволяет чётко поделить локацию по четырём сторонам света — «к югу от Утёса», «к востоку от Утёса» и так далее.
Реализации ориентиров и границ иногда мешают технические ограничения. Во многих ранних ММО движок просчитывал локацию частями, например, всего на 500 метров вокруг игрока. Дальше всё скрывалось туманом или скалами, иногда зданиями и лесом, а ориентиры и границы не всегда попадали в «кадр». Иногда эту проблема решали с помощью силуэтов — целиком ориентиры и границы не отрисовывались, но их контур всегда был виден.
Сейчас это ограничение обычно можно обойти. Например, во время разработки Skyforge арт-директор игры Виктор Сурков настаивал, что игрок должен видеть всю локацию вплоть до горизонта. И если, например, на краю локации стояла бы огромная башня, то её можно было бы увидеть из любой точки и при желании добежать до неё. Для этого программисты создали движок с дальностью прорисовки в 40 километров, хотя почти все игровые локации были не больше двух километров в длину.
Интересно, что этот приём работает, даже если ориентир на самом деле «фальшивый», то есть недоступный для игрока.
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"В целом, достаточно поставить крупный элемент архитектуры, чтобы игрок видел издалека, что там стоит что-то искусственное, а значит там может быть геймплей.
Столица в игре — настоящая конфетка. Наш технический художник совершил чудо и у нас появился город будущего с небоскребами от горизонта до горизонта. Правда, добежать до них, конечно, было нельзя, но в начале игры это производило на игрока неизгладимое впечатление."
Ещё одно техническое ограничение, связанное с просторными локациями, упирается в клиентскую часть любой MMORPG. Когда игра полностью установлена на систему игрока, проблем с открытыми мирами обычно не возникает, но в онлайн-играх нагрузка приходится ещё и на сервер.
На систему игрока локацию, как правило, не переносят, — какая-то её часть остаётся на сервере. Основная причина в том, что игрокам нельзя доверять.
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"Если поднимать локацию на клиенте, игроки будут читерить. Поэтому часть действий игрока обрабатывается на клиенте, а часть — на сервере. С другой стороны, запускать локацию целиком, со всеми мобами, если по ней бегает только один игрок — дорого, это большие расходы на серверные мощности.
Для решения проблемы существует дальность серверной видимости — даже если игрок видит весь ландшафт целиком, то не все интерактивные (т.е. серверные) объекты сразу, а только те, что находятся небольшом радиусе вокруг него."
3. Наполнить пространство контентом
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
Самое важное — в обычную сингловую игру играют ради истории и интересного мира, а в соло-контент в ММО играют, чтобы вкачаться и надрать всем задницы. Совершенно другая мотивация. Если в оффлайновой игре контент потребляется неспешно, рассматривается со всех сторон, смакуется, то в онлайн игре это бешеная гонка. Пока читаешь текст квеста, враг качается. Эту разницу в психологии надо учитывать.
Часто ресурсов, из которых нужно создавать разнообразный контент для MMO, оказывается меньше, чем нужно. Поэтому один и тот же противник, одно здание и дерево используется повторно куда чаще, чем в одиночных играх. Иногда разработчики могут изменить текстуру, поменять название или вооружить врага новой способностью, — но такая повторяемость всё равно бросается в глаза.
Чтобы не допускать такого, разработчики разделяют контент по типам. Три самых популярных — это открытые локации, закрытые приключения и PvP. По словам Ярослава Кравцова, при разделении контента главное — не принуждать игрока к какому-то конкретному виду деятельности, а организовать ему «шведский стол». К тому же, у разных игроков вкусы отличаются: кому-то удобнее играть в группе с друзьями, кто-то предпочитает качаться в одиночку. Всем не угодить, поэтому левел-дизайнеру не стоит пытаться предугадать желания игрока, намеренно направляя его по намеченным маршрутам.
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"В Skyforge мы пришли к тому, что лучше, если контент будет проходиться быстро и через какое-то время повторяться, чем игрок будет надолго застревать на одноразовом контенте.
Помимо открытых, закрытых локаций и PvP у нас ещё была сюжетная цепочка, которая связывала все активности, но не вынуждала игрока заниматься только сюжетом. А приключения для одного игрока мы делали более сложными, чем для группы. Потому что в группе игроки сами себя неплохо развлекают, а вот игроку-одиночке быстро становится скучно и надо придумывать, как же его взбодрить."
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"Чтобы игрок возвращался в игру, от левел-дизайнера требуется, чтобы на его локациях было ради чего возвращаться. Когда помнишь, что тебе нужно в игру, чтобы выполнить 20 квестов уровня «собери 30 шкур волка», то мотивация возвращаться так себе.
Когда же знаешь, что тебя там ждут интересные квесты, ачивки, секретные локации, большие ивенты, уникальные награды, разнообразные активности — это всё становится интересней. Совсем хорошо, когда локация с самого начала чем-то манит — например, каким-то интересным объектом вдали, чтобы добраться до которого нужно ещё подкачаться, выполнить пару цепочек заданий и так далее.
Дизайнерские хитрости
Чтобы локации получались нужного размера, не вызывали у игроков ощущения одиночества или перенаселённости, и при этом при всём ещё были и интересными, у левел-дизайнеров есть несколько приёмов.
1. Энкаунтеры
«Энкаунтерами» называют точки на локации, притягивающие игроков. В этих точках та самая «перенаселённость», которой обычно пытаются избежать, как раз необходима. Поэтому левел-дизайнеры специально ведут сюда игроков.
Денис Куандыков, левел-дизайнер Frozen Flame:
"В классических ММО сильно выражены энкаунтеры: начиная от «деревушек и городов», где игроки собираются и находят квесты, и до конкретных зон под конкретный геймплей (квестовые точки, зоны для фарма, рейды). В классических ММО подобный подход работает на линейность «прокачки» — это такой своеобразный путь к эндгейму."
«Мирные» энкаунтеры — это безопасные для игрока поселения, где можно поторговать, взять и сдать задание, иногда — выучить новый навык или сыграть в мини-игру. В крупные «мирные» точки игроки стекаются сами после длительных забегов по локации или даже приходят специально, чтобы пообщаться и просто повалять дурака. В более мелких же не задерживаются — как правило, пройдя очередную цепочку заданий или разобравшись с подземельем, игроки уходят, освобождая место для новых искателей приключений.
«Боевые» энкаунтеры встречаются чаще, но не так плотно заполнены игроками. Это может быть конкретная пещера с мобами или выделяющаяся из пейзажа башня с квестовым предметом. В такие места игроки приходят постепенно, а если и общаются — то только чтобы объединиться в группу или попросить о помощи.
Подземелья и инстансы тоже считаются «боевыми» энкаунтерами. В самом подземелье игроки оказываются в выделенном только под одну группу «зеркале» локации, — своеобразной «параллельной реальности», созданной только для них. Но на входе в них часто торгуют предметами, собирают группы или обсуждают задание.
World of Warcraft: Battle for Azeroth (источник)
Ещё бывают динамические боевые энкаунтеры. Их ввели в моду RIFT и Guild Wars 2 — в этих играх на локациях время от времени запускались небольшие события, требующие вмешательства сразу нескольких игроков. По локации рассылались уведомление, и все желающие отправлялись к месту, в котором открылся очередной разлом.
Причем бежать иногда приходилось довольно далеко — левел-дизайнеры располагают такие энкаунтеры за пределами привычных маршрутов игроков, чтобы волнами направлять тех в ещё не исследованные земли. А иногда размещают около динамического события несколько мелких заданий, секретов и активностей, чтобы игрок задержался в новом месте подольше.
2. Пути
Тропинки и дороги, отмеченные текстурами брусчатки и моделями дорожных фонарей — это самый очевидный способ, которым левел-дизайнер направляет игроков. А неочевидный — это невидимые глазу пути, которые создаются при помощи игровых механик. Как правило, они начинаются в «мирных» энкаунтерах и ведут либо к другим «мирным», либо сразу к «боевым».
Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015):
"Поток игроков разделяется с помощью квестов. Получив одновременно 4-5 заданий в стартовом хабе, игроки более-менее равномерно разделяются на группы. Каждое из заданий может приводить игрока в новый квест-хаб со своими заданиями, ещё сильнее дробя поток игроков. Таким образом, игроки распределяются по большой площади локации. Сложность в том, чтобы найти оптимальные расстояния между хабами: чтобы и игроков рассредоточить, и сохранить игру комфортной, не гоняя их постоянно через всю локацию."
Пути могут быть как линейными и проходить цепочкой через всю локацию, так и разветвлёнными — создавать своеобразный лабиринт, соединяющий все возможные энкаунтеры. Кроме того, прямо на путях можно располагать NPC, которые выдают новое задание, или точки интереса, вроде спрятанных сундуков. Если игрок отправится по заданию из точки A в точку B, то встретит на своём маршруте неожиданную новую активность — а это очень здорово создаёт атмосферу исследования.
Самые очевидные пути в MMORPG встречаются в подземельях — как правило, даже в самом разветвлённом рейде есть маршрут, на который левел-дизайнер заманивает игроков. Но тут важно учитывать, что игроки бывают крайне изобретательными. Например, вскоре после релиза World of Warcraft игроки нашли в лабиринтах Чёрной Скалы место, где можно спрыгнуть с балкона, сократив путь к боссу — к большому удивлению левел-дизайнеров, которые предполагали, что игроки будут бежать к нему по лестнице.
Джон Статс, левел-дизайнер World of Warcraft:
"Дизайнеры подземелий разместили на лестнице множество довольно сильных мобов, которые ещё и замедляли игроков при ударе. То есть от них ещё и убежать было непросто — насколько вообще мы хотели испортить нервы игрокам?
К счастью, Джефф Каплан, который тогда занимался высокоуровневым контентом, пришёл ко мне и попросил: «Слушай, Джон, а сделай этот прыжок проще — у тауренов модель выше, чем у других персонажей, поэтому им трудно допрыгнуть». И вот мне пришлось переделывать геометрию, чтобы одной расе проще было совершить прыжок, который изначально в этом месте вообще не планировался!"
На этапе бета-тестирования (а зачастую и после релиза) подобные места находят и исправляют. Иногда игрокам отсекают путь через очевидную «дыру» в локации, иногда — наоборот, делают этот путь проще, если благодаря нему прохождение становится интереснее. Разработчики активно собирают фидбек и следят за форумами, чтобы найти явные просчёты в левел-дизайне. Иногда в ход идут и нестандартные способы.
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"Когда я ещё работал над «Аллодами», я и сам начал в них играть, чтобы смотреть на игру не только как разработчик, но и как игрок. В итоге состоял в одной из топовых гильдий и по ночам ходил в первый рейд, который сам же делал. Конечно, я не выдавал себя и внимательно смотрел, как игроки воспринимают мою работу.
Иногда бесило, когда в три часа ночи очередной раз рейд ложится на боссе. Хотелось крикнуть рейд-лидеру, чтобы он-таки взял в руки секундомер и посчитал таймеры способностей босса. Ещё раздражало, когда кто-то в клане находил дырку в коллизии, а мы всем рейдом пытались в неё пролезть, но постоянно проваливались в дырку в земле, которую я не заделал, потому что не думал, что там будут бегать игроки."
3. Каналы и фазирование
Каналы и фазирование — два относительно новых инструмента в левел-дизайне MMORPG. Они имеют больше общего с технической стороной игры, но и с работой дизайнера локаций тоже крепко связаны.
Появление системы «каналов», также известной как layering, практически решило проблему с перенаселёнными локациями в MMORPG. Layering позволяет игры создавать копии локации и отправлять туда всех игроков сверх определённого лимита. А так как этот лимит устанавливает левел-дизайнер, он получает возможность, например, поддерживать видимость полупустого таинственного леса, в котором толпа игроков испортила бы атмосферу. Или наоборот — установив высокий лимит, можно сохранить ощущение шумной столицы, по которой сломя голову носится много народу.
World of Warcraft: Battle for Azeroth (источник)
Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015):
"Система «каналов» позволяет делать локации более линейными там, где это необходимо. А ещё эта технология технология помогает создавать огромные пространства, не перегружая их.
Каналы могут работать не по всей локации, а только на определённой её территории, где есть проблемы с избытком игроков. Например, в «Аллодах Онлайн» каналы работают только в отдельных районах столиц, где любят собираться игроки."
Фазирование тоже создаёт копии локации — но это не точные копии, да и служат они совсем для другого. С помощью этого инструмента разработчики могут изменять локацию в соответствии с сюжетом игры, отправляя разных игроков на разные «слои», соответствующие достигнутому прогрессу — лимит тут уже не играет роли.
Например, если на локации есть задание по уничтожению вражеской крепости, то левел-дизайнерам понадобятся минимум две фазы. Одна для игроков, ещё не выполнивших задание — на ней крепость ещё будет возвышаться. Другая для тех, кто уже разобрался с квестом — тут уже будут видны только дымящиеся руины. При этом игроки из разных фаз не видят друг друга, как и в случае с каналами.
Локация может быть разделена как на глобальные фазы, затрагивающие всё пространство (для действительно масштабных сюжетных событий), так и на более локальные — изменяющие, например, отдельный город или даже отдельное здание. Переход между этими фазами должен происходить за кадром — например, во время кат-сцены или когда игрок заходит в здание, ограничивая себе обзор.
Фазирование если и не развязывает руки левел-дизайнеру, то хотя бы сильно упрощает ему жизнь. У него появляется возможность рассказывать более интересные истории, внося изменения в локацию. А так как фазирование отчасти дублирует функции каналов, то оно ещё и помогает справиться с «перенаселением». Но этот инструмент всё равно используется в MMORPG реже, чем мог бы — в первую очередь из-за сложностей со встраиванием фаз в локацию.
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"Когда мы делали Skyforge, в World of Warcraft появилась фича с фазированием. Мы тоже думали в эту сторону, чтобы дать игрокам ощущение развития игрового мира. Много продумывали техническую базу. Это ведь ММО, много игроков играют вместе.
И как им быть, когда у одного игрока стоит дом, а у его друга, который прошёл по квестам дальше, на этом месте кратер? Как делать границу между общей зоной и зоной фазирования? А если тут ещё есть открытое PvP? А как показывать игроку объекты в зоне фазирования, когда он не находится в ней, а смотрит со стороны? В итоге делать не стали: слишком много проблем и непонятен выхлоп, а прямой необходимости для сюжета не было."
Особенности левел-дизайна для MMORPG
Применение всех этих приёмов в разработке MMORPG сильно зависит от количества контента в игре и от того, какие активности будут доступны игрокам. Но бывает так, что всё это изменяется, а иногда и перестраивается с нуля прямо во время разработки — тренды в жанре меняются, а разработчикам приходится их догонять.
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"У Skyforge была сложная судьба, во многом из-за того, что не было прямого референса. Проект постоянно шатало из стороны в сторону. Движок делали с нуля, включая разные подсистемы, вроде анимаций, конструктора эффектов и редактора катсцен.
На ходу переобувались из target в non-target боевку, когда противника не надо выделять, чтобы кастовать в него спеллы. Видели рост популярности сессионных игр и думали, как подстроиться под это системой приключений. Видели рост групповых активностей на открытых картах в RIFT и Guild Wars 2 и тоже делали такие публичные квесты, которые можно выполнять всем вместе. Короче, подстраивались под тренды как могли, но результатом я всё равно не доволен."
Эти изменения затрагивают и работу левел-дизайнера — и на него ложится огромное количество обязанностей. Зачастую он берёт на себя доработку конкретных активностей на локации. Управление конкретными механиками, квестами и выпадающим лутом позволяет точнее располагать на уровне пути и энкаунтеры, а следовательно — лучше развлекать игроков.
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"В каждой компании на левел-дизайнера накладываются свой список обязанностей. В студиях, делающих ММО, в этом плане нет никакой стандартизации. На «Аллодах Онлайн» и Skyforge левел-дизайнеры занимались всем: и локацию оформляли, и квесты заводили, и дополнительные активности. Геймдизайнеры же давали нам готовых монстров и лут, который мог с них падать.
Хотя это большая нагрузка и ответственность для левел-дизайнеров, но я считаю, что так было правильно. Потому что визуал тоже участвует в геймплее, а значит левел-дизайнер должен уметь с ним работать. В одном месте камень подвинуть, чтобы игроки перестали об него спотыкаться. В другом деревья поставить так, чтобы между ними издалека читался проход. В третьем, наоборот — холм сделать повыше, чтобы не спойлерить следующую часть локации раньше времени."
Ещё один важный нюанс, к которому должен быть готов левел-дизайнер MMORPG — меняющиеся локации. В одиночных играх созданный одныжды уровень, как правило, не приходится менять в дальнейшем. Исключениями можно считать дополнения, к котором нужно создать своеобразную «перемычку» — например, добавить новый корабль в порт или разместить портал, ведущий в новые земли.
Такие небольшие правки ради дополнений есть и в MMORPG — например, разработчики создали гавань Штормграда в World of Warcraft, чтобы игроки могли отправиться на новый континент в Wrath of the Lich King. Но с локациями происходят и другие изменения — чтобы возвращать игроков в уже пройденные ими зоны, левел-дизайнеры иногда обновляют и дополняют их.
Это могут быть мелкие события, связанные, например, с праздниками — когда под Новый год города украшают гирляндами и ёлками. А может быть и полная переделка локации, — когда основной ландшафт оставляют, но переставляют на нём декорации, задания, активности и противников. Такие изменения помогают «оживить» полупустые локации.
Иногда из-за изменений в концепции игры или в её дизайне геймплей на старых локациях перестаёт работать, как задумано. Когда в процессе разработки таких изменений становится слишком много, левел-дизайнерам проще переделать с нуля всю карту или её отдельные фрагменты.
Иван Чудный, левел-дизайнер Population Zero:
"Например, необходимость сдвинуть значения перемещения и урона от падения может вызвать пересборку всей системы загадок, основанных на прыжках, и всей ограничивающей игрока топологии на обширных участках. А изменение ресурсного атласа или механик давления — ребаланс или вырезание целых игровых регионов.
Это может потребовать значительного времени, отката к первым итерациям, для которых требуются недели доработки. Однако часто это помогает добиться значительно лучших результатов чем раньше, так как за это время копится большое количество идей и возможностей для улучшения геймплея и визуала, на реализацию которых раньше не хватало времени."
Задания и сюжеты
Квестов в MMORPG обычно много, а вот разнообразием они не отличаются. Главный способ сделать однотипные квесты формата «убей-принеси» менее раздражающими — правильно расположить их на локации. Грубо говоря, рутинный квест будет ощущаться ещё более рутинным, если игрокам нужно будет бегать для его выполнения от границы до границы зоны.
Очередное задание по истреблению бандитов покажется более интересным, если игрок неожиданно найдет его на своем пути и сможет выполнить прямо на месте. Поэтому левел-дизайнеры часто работают над квестами вместе со сценаристами.
Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015):
"У нас сценарист писал документ по локации с описанием ключевых мест и происходящих на ней событий, без разбивки на квесты. Далее левел-дизайнер садился рисовать эскиз карты со всеми ключевыми точками и маршрутами игроков, после чего обсуждал результат со сценаристом.
По окончании переговоров дизайнер шёл собирать по рисунку болванку будущей локации, а сценарист — писать детальный сюжетный документ, уже разделённый на квесты. А потом именно левел-дизайнер занимался настройкой квестов, созданием мобов и NPC, расположением заданий и их целей."
Во время разработки World of Warcraft в Blizzard было несколько команд левел-дизайнеров — одни занимались подземельями, другие ландшафтом, третьи — городами и деревнями. Отдельная команда выступала и в роли сценаристов, — они просматривали работу, проделанную другими левел-дизайнерами, и придумывали второстепенные сюжеты и задания на её основе.
Джон Статс, левел-дизайнер World of Warcraft:
"Есть левел-дизайнеры, рассказывающие истории — они расставляют по локации сущности, которые говорят, ходят и так далее. А есть такие как я — архитекторы, предпочитающие иметь дело с архитектурой и массивными объектами.
Рассказчики — не художники, они скорее по инженерной части. Например, когда они видят комнату, которую я сделал, они смотрят на отдельные её элементы. И если я поставил алтарь (просто для того, чтобы заполнить центр комнаты), они начнуть думать: «Так, алтарь — это часть истории. Как мы можем её развить? Тут есть ниши в стенах — может, они как-то связаны с алтарём?». Примерно так пишется множество сторонних историй в MMO."
Прежде чем начать работу над локацией, Джон Статс советовался с креативным директором Крисом Метценом по поводу сюжетных событий в ней. Нередки случаи, когда руководство жёстко навязывает своё видение конкретной зоны и не терпит возражений со стороны левел-дизайнеров, но в Blizzard с этим было проще.
Статс вспоминает, что Метцен придерживался прямо противоположного подхода: если у левел-дизайнера была идея, не противоречащая общей концепции World of Warcraft, тот получал карт-бланш. Крис Метцен позволял Статсу проявлять свою фантазию в подземельях — левел-дизайнер подходил к ним сугубо с художественной точки зрения, а уже потом сценаристы придумывали к ним сюжет, отталкиваясь от обстановки.
Джон Статс, левел-дизайнер World of Warcraft:
"Я просто решал — «Ладно, я просто создам пещеру, а глубоко в ней поселю босса.» Дальше всё крутилось вокруг поиска правильного окружения для истории и любых идей, попадающих в получившийся стиль. Для World of Warcraft я создал много гробниц, склепов и так далее — всё, что касалось Отрёкшихся.
И мне как-то сказали: «Слушай, если ты добавишь ещё пару комнат, мы сможем превратить всё это в полноценное подземелье». Так появился Некроситет. А я ведь и не догадывался, что в него вообще добавят какую-то историю. Иногда на мои работы просто смотрят и говорят «А тут мы можем рассказать сюжет»."
В MMORPG редко встречается полноценный, серьёзный сюжет. Поэтому левел-дизайнерам не приходится проектировать специальные сюжетные пространства, в которых должно быть удобно взаимодействовать с NPC и создавать кат-сцены.
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"Сюжет делать дорого, а результат одноразовый и короткий. Если посмотреть, чем занимаются высокоуровневые игроки в ММО, то это к сюжету никакого отношения не имеет. Захватить замок у другой гильдии — это им интересно. Но убивать короля Лича они пойдут не ради сюжета, а потому что с него падает крутой шмот, ачивка, нужно по квесту и вообще first kill всегда в почете. Поэтому правильно давать игрокам то, что они хотят, а не навязывать им сюжет.
Конечно, можно сказать, что есть те, кто любит PvP, а есть те, кому этого не надо и они бы лучше поиграли в историю. При этом любой игре, даже чистой PvP, нужен если не сюжет, то хотя бы лор, чтобы объяснить, в каком мире происходит действие игры и по каким правилам всё в нем взаимодействует. В идеале можно иметь лишь чуть-чуть сюжета для введения, а дальше позволять игрокам самим вершить историю игрового мира. В конце концов, все самые эпичные истории в EVE Online были созданы игроками, а не сценаристами."
Бывают и исключения. Например, у The Lord of the Rings Online ещё с оригинального запуска был долгий центральный сюжет, который вёл игрока через все локации — в том числе через «одиночные» подземелья. Левел-дизайнерам игры приходилось заниматься непривычными для себя задачами — например, расположить камень, чтобы на него мог присесть старый волшебник, или просчитать геометрию обрушившегося моста.
С другой стороны, это было несравнимо с усилиями левел-дизайнеров Star Wars: The Old Republic — в ней сюжетные локации приходилось делать по всем законам полноценных RPG. Во многом — из-за разветвлённых диалогов и вариативности в прохождении.
Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge:
"В этой игре очень хорошо переданы история вселенной Звездных Войн. Ещё и есть все ключевые локации, а для фаната это бальзам на душу. Ещё здесь все диалоги имеют выбор реплик, и при этом целиком озвучены — это неимоверно сложная задача, но она позволяет почувствовать себя в хорошей RPG типа Mass Effect, а не в проходном квесте очередной сделанной на коленке MMO. Но сюжет, как мне кажется, игру и погубил.
Когда где-то через два месяца игры и после выполнения последнего сюжетного квеста по экрану пошли титры, лично я просто закрыл игру и больше к ней не возвращался. Всё-таки сюжет — это конечный контент, к тому же очень дорогой в производстве, а в основе ММО должны лежать бесконечные активности."
Другой подход
Несмотря на редкое появление интересных экспериментов вроде той же Star Wars: The Old Republic, основные принципы левел-дизайна западных MMORPG не меняются с выхода World of Warcraft. Гораздо интереснее ситуация с восточными онлайн-играми. MMORPG из Японии, Кореи и Китая сейчас активно экспериментируют со всеми принципами жанра — с левел-дизайном в том числе.
Левел-дизайн ранних азиатских MMORPG был более примитивным, чем у западных конкурентов. В основном он крутился вокруг гринда — медленного, рутинного, но приносящего опыт процесса уничтожения противников. Поэтому в почёте были просторные, хорошо просматирваемые локации, — они были нужны, чтобы игрокам было проще разглядеть следующую цель. Пути игроков и энкаунтеры отталкивались не от квестов, а от простых потребностей из разряда «добыть редкую шкуру» или «продать награбленное».
Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015):
"Лет десять назад основным отличием азиатской ММО от западной было вот что: в западной ты сражаешься с монстром, читаешь историю, одеваешься, идёшь фармить рейды. В азиатской ты сражаешься с полем монстров... А потом с ещё одним, и ещё с десятком полей, и вроде как там тоже был сюжет но это не точно.
Но со временем границы между азиатскими и условными американскими-европейскими ММОRPG всё сильнее размывались. Игры начали подстраиваться под меняющиеся желания игроков, но уши оригинального подхода торчат до сих пор."
Сейчас в восточных MMORPG просторные локации для гринда и сюжетные зоны встречаются в равных пропорциях. Поэтому левел-дизайнерам проходится создавать два разных типа пространства. Привычные «парки развлечений» с путями и энкаунтерами должны уживаться с линейными участками, где будут происходить кат-сцены и срежессированные сражения. Конечно, между этими зонами нужно ещё и сделать естественные переходы, чтобы мир ощущался единым целым.
Один из трендов восточных MMORPG — упор на акробатику. Из-за этого левел-дизайнерам нужно следить, чтобы на уровне не осталось дыр и неровных склеек — иначе игроки, способные запрыгнуть почти на любое здание и забраться на любую скалу, рискуют застрять.
Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015):
"Сделав упор на квесты и сюжет, азиатские MMORPG не отказались от гринда. Точнее — сохранили его как альтернативу прохождению основной истории. То есть, если игроку это не интересно, он всё равно сможет без проблем докачатся до максимального уровня, исключительно зачищая мобов. Причём иногда этот способ окажется даже быстрее сюжетного прохождения. Это отличный пример подхода, когда разработчики пытаются угодить всем."
Пока в странах Азии жанр развивается, на западе MMORPG чувствуют себя не так хорошо. Крупных релизов почти не выходит, а хиты прошлых лет пытаются любыми способами удержать аудиторию.
Принципы левел-дизайна MMO перешли в другие жанры — с более компактными картами и динамичным геймплееем. Эти жанры сохранили всё лучшее, что можно было найти на локациях MMORPG, но упаковали всё это в более удобный для игроков формат. Обо всём этом мы расскажем во второй части статьи.
Для тех, кто хочет научиться создавать уровни самостоятельно и сделать левел-дизайн своей профессией, у нас есть курс OUTBLOCK. Среди преподавателей — левел-дизайнеры из Crytek, CD Projekt Red и VOID Interactive.
До 3 марта 2020 г. действует скидка в 15%. Узнать подробности и записаться на курс можно здесь.
Хочешь получать лучшие статьи
от XyZ раз в неделю?
Подпишись на рассылку XyZ
Нажимая на кнопку, вы соглашаетесь с условиями обработки данных
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="google-site-verification" content="3W5japOowboLNjQ8sge1sGCJaL2OOmBZVhLGCNoRjlw" /> <meta name="yandex-verification" content="007f18c3f91cd6ed" /> <!--metatextblock--> <title>Принципы левел-дизайна в MMORPG. Особенности левел-дизайна игр MMO жанра.</title> <meta name="description" content="Разбираемся, как работает дизайн уровня в MMORPG, как он развивался и какие особенности стоит учитывать: ориентиры и границы, энкаунтеры, типы контента, каналы и фазирование." /> <meta name="keywords" content="дизайн уровней в MMORPG, mmorpg дизайн, левел дизайн в mmorpg, игроки мешают друг другу в мморпг, ориентиры и границы в мморпг, технические ограничения в ммо, типы контента в мморпг, открытые локации в мморпг, секретные локации в мморпг, энкаунтеры в ммор" /> <meta property="og:url" content="https://www.school-xyz.com/blog/kak-ustroen-level-dizayn-v-mmorpg" /> <meta property="og:title" content="Принципы левел-дизайна в MMORPG. Особенности левел-дизайна игр MMO жанра." /> <meta property="og:description" content="Разбираемся, как работает дизайн уровня в MMORPG, как он развивался и какие особенности стоит учитывать: ориентиры и границы, энкаунтеры, типы контента, каналы и фазирование." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6661-6165-4432-a639-646335623261/1423546.jpg" /> <link rel="canonical" href="https://www.school-xyz.com/blog/kak-ustroen-level-dizayn-v-mmorpg"> <!--/metatextblock--> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <link rel="shortcut icon" href="https://static.tildacdn.com/tild6462-6438-4164-b332-316331666365/favicon.ico" type="image/x-icon" /> <!-- Assets --> <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page9461104.min.css?t=1772097577" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-2.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-cover-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-forms-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" type="text/css" href="https://ws.tildacdn.com/project1006203/custom.css?t=1772097577"> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t396_initialScale(t){var e=document.getElementById("rec"+t);if(e){var i=e.querySelector(".t396__artboard");if(i){window.tn_scale_initial_window_width||(window.tn_scale_initial_window_width=document.documentElement.clientWidth);var a=window.tn_scale_initial_window_width,r=[],n,l=i.getAttribute("data-artboard-screens");if(l){l=l.split(",");for(var o=0;o<l.length;o++)r[o]=parseInt(l[o],10)}else r=[320,480,640,960,1200];for(var o=0;o<r.length;o++){var d=r[o];a>=d&&(n=d)}var _="edit"===window.allrecords.getAttribute("data-tilda-mode"),c="center"===t396_getFieldValue(i,"valign",n,r),s="grid"===t396_getFieldValue(i,"upscale",n,r),w=t396_getFieldValue(i,"height_vh",n,r),g=t396_getFieldValue(i,"height",n,r),u=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!_&&c&&!s&&!w&&g&&!u){var h=parseFloat((a/n).toFixed(3)),f=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*h)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<f.length;o++)f[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i).forEach((function(t){t.style.zoom=h}))}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter((function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))})):[]}function t396_getFieldValue(t,e,i,a){var r,n=a[a.length-1];if(!(r=i===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+i)))for(var l=0;l<a.length;l++){var o=a[l];if(!(o<=i)&&(r=o===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return r}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page9461104.min.js?t=1772097577" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-cover-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-vote-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-popup-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zoom-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <!-- nominify begin --><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Курс геймдев",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 5.0,
"ratingCount": 3719,
"reviewCount": 3828
}
}
</script> <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "XYZ",
"item": "https://www.school-xyz.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Курсы",
"item": "https://www.school-xyz.com/courses"
},
{
"@type": "ListItem",
"position": 3,
"name": "💥Скидки до 50%",
"item": "https://www.school-xyz.com/courses#all"
}
]
}
</script> <script>
// скрипт для стилизации попапов с работами студентов при переходе по прямой ссылке на этот попап
if (window.location.pathname.includes('/tpost')) {
$('head').append('<link rel="stylesheet" href="https://landing-cdn.school-xyz.com/tpostTildaStyle.css?v=1" type="text/css">');
}
</script> <script>
document.addEventListener('DOMContentLoaded', function() {
var allRec = document.getElementById('allrecords');
if (allRec) allRec.setAttribute('data-fb-event', 'nosend');
});
</script> <script type="text/javascript" id="advcakeAsync">
(function (a) {
var b = a.createElement("script");
b.async = 1;
b.src = "//0gs25f.ru/";
a=a.getElementsByTagName("script")[0]; a.parentNode.insertBefore(b,a)
})(document);
</script> <!-- <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/promosTildaScript.js?v=4"></script> --> <!-- отвечает за работу промобара --> <!-- <link rel="stylesheet" href="https://learn.school-xyz.com/tilda-static/public/promosTildaStyle.css?v=7"> --> <!-- стили для промобара --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/saveUrlGetParamsTildaScript.js"></script> <!-- <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsSubmittionTildaScript.js"></script> --> <!-- что-то про регистрацию на интро курсы --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/platformDataAutoFillTildaScript.js?v=8"></script> <!-- автоматизация цен, рассрочка, даты, скидка... --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/preValidatePhoneTildaScript.js"></script> <!-- валидация телефонного номера для любых форм на страницах --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsAutoFillTildaScript.js"></script> <!-- автозаполнение форм, только имя и почта --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formValidateYmClientTildaScript.js"></script> <!-- модуль CPA-интеграций https://t.me/dmitmix --> <script>
const script = document.createElement('script');
script.src = `https://landing-cdn.school-xyz.com/js/xyzCpa.js?v=${Date.now()}`;
document.head.appendChild(script);
</script> <!-- Solo Start --> <script src="https://sologpt.ru/xyz_integration/sologpt.iife.js" defer></script> <!-- Solo End --> <!-- Carrot quest BEGIN --> <script type="text/javascript">
!function(){function t(t,e){return function(){window.carrotquestasync.push(t,arguments)}}if("undefined"==typeof carrotquest){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.carrotquest.app/api.min.js",document.getElementsByTagName("head")[0].appendChild(e),window.carrotquest={},window.carrotquestasync=[],carrotquest.settings={};for(var n=["connect","track","identify","auth","onReady","addCallback","removeCallback","trackMessageInteraction"],a=0;a<n.length;a++)carrotquest[n[a]]=t(n[a])}}(),carrotquest.connect("68058-4eec889da0f5c5a357581273a3");
</script> <!-- Carrot quest END --> <!-- UE admin BEGIN --> <link rel="stylesheet" href="https://tilda.ultimate.education/styles.css"> <script type="text/javascript" src="https://tilda.ultimate.education/index.js" apiUrl="https://product.it.ultimate.education" id="replacer" school="XYZ" currency="RUB" apiVersion="v3"></script> <!-- UE admin END --> <script>
/* привязка виджета чата к скролу, чтобы не было наложения с промобаром */
function findChatWidget() {
let chatWidget = $('#carrotquest-messenger-collapsed-container');
let promoBar = document.querySelector('.uc-promobar');
if (chatWidget.length == 1 && promoBar !== null) {
console.log('виджет чата и промобар найдены!');
if (promoBar.clientHeight != 0) {
let promobarHeight = promoBar.clientHeight + 8;
console.log('Высота промобара: ' + promobarHeight);
document.querySelector('.t-body').style.setProperty('--dynamic-bottom', ' ' + promobarHeight + 'px');
$('.promobar__hide-btn').on('click', function() {
$('.t-body').addClass('hide-promobar');
});
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$('.t-body').addClass('show-promobar');
} else {
$('.t-body').removeClass('show-promobar');
}
$(document).scroll(function() {
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$('.t-body').addClass('show-promobar');
} else {
$('.t-body').removeClass('show-promobar');
}
});
}
} else {
setTimeout(function() {
console.log('виджет чата и/или промобар не найдены');
findChatWidget();
}, 1000);
}
}
findChatWidget();
/* end привязка виджета чата к скролу, чтобы не было наложения с промобаром */
</script> <!-- Pixel victorycorp --> <script type="text/javascript">
(function (d, w) {
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "https://victorycorp.ru/index.php?ref="+d.referrer+"&page=" + encodeURIComponent(w.location.href);
n.parentNode.insertBefore(s, n);
})(document, window);
</script> <!-- /Pixel victorycorp --><!-- nominify end --><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <!-- Google Tag Manager --> <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KTCCH4H');</script> <!-- End Google Tag Manager --> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);}
document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></head> <body class="t-body" style="margin:0;"> <!--allrecords--> <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="9461104" data-tilda-page-alias="blog/kak-ustroen-level-dizayn-v-mmorpg" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="20568317" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec1229679181" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- НОВЫЙ ХЕДЕР от 15.08.25 --> <!-- 17.09.25 замена всех иконок и картинки в блоке с тестом. Удаление пункта меню Вебинары --> <!-- 19.12.25 заменил пункт меню Бесплатные курсы на Вводный урок с консультантом --> <div class="header__overlay" style="display: none"></div> <header class="header__container"> <div class="header__wrapper"> <a href="/" class="header__logo"> <img class="header__logo_dark" src="https://static.tildacdn.com/tild3538-3936-4030-a562-643962313938/Logo-dark.svg" alt="XYZ School logo"> </a> <nav class="header__items-container"> <ul class="header__items-wrapper"> <li class="header__item header__item-all-courses"> <div class="header__item-link">Все курсы</div> </li> <li class="header__item"> <a href="https://www.school-xyz.com/trial-lesson" class="header__item-link">Вводный урок с консультантом</a> </li> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </nav> <div class="menu burger-btn"> <div class="icon-left"></div> <div class="icon-right"></div> </div> </div> <div class="menu__wrapper"> <div class="menu-left"> <nav class="menu-left__course-direction"> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/courses" class="menu-left__course-direction-link" data-direction-name="all-courses"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3434-6264-4637-a535-373532313833/Frame_2087329259_1.jpg" alt="Иконка направления Все курсы"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Все курсы</div> <div class="menu-left__course-direction-quontity-courses">37 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/3d-modelirovanie" class="menu-left__course-direction-link" data-direction-name="3d"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6632-3831-4331-a264-636330373331/3D-_1.jpg" alt="Иконка направления 3D-моделирование"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">3D-моделирование</div> <div class="menu-left__course-direction-quontity-courses">15 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/2d-illyustraciya" class="menu-left__course-direction-link" data-direction-name="2d"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3830-3537-4234-b833-633466333735/2D-_1.jpg" alt="Иконка направления 2D-иллюстрация"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">2D-иллюстрация</div> <div class="menu-left__course-direction-quontity-courses">8 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/geymdizayn" class="menu-left__course-direction-link" data-direction-name="gamedesign"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3461-3239-4635-a138-383032306664/gamedesign_1.jpg" alt="Иконка направления Геймдизайн"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Геймдизайн</div> <div class="menu-left__course-direction-quontity-courses">4 курса</div> </div> </a> </li> </ul> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/programmirovanie" class="menu-left__course-direction-link" data-direction-name="gamecode"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6533-3234-4231-a361-356136613038/_1.jpg" alt="Иконка направления Программирование"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Программирование</div> <div class="menu-left__course-direction-quontity-courses">8 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/video-i-speceffekty" class="menu-left__course-direction-link" data-direction-name="vfx"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6562-3931-4937-b035-363239373230/___1.jpg" alt="Иконка направления Видео и спецэффекты"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Видео и спецэффекты</div> <div class="menu-left__course-direction-quontity-courses">3 курса</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/menedzhement" class="menu-left__course-direction-link" data-direction-name="business"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3165-6365-4236-b463-643730363733/management_1.jpg" alt="Иконка направления Менеджмент"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Менеджмент</div> <div class="menu-left__course-direction-quontity-courses">1 курс</div> </div> </a> </li> </ul> </nav> </div> <div class="menu-right"> <div class="menu-right__test-tags-wrap"> <div class="menu-right__test-tag">Тест</div> <div class="menu-right__test-tag">5 минут</div> </div> <h3 class="menu-right__test-heading">Какая профессия тебе подходит?</h3> <a href="https://www.school-xyz.com/proforientaciya" class="menu-right__test-button">Пройти тест</a> </div> <div class="menu-left__bottom-info"> <ul class="menu-left__bottom-info-list"> <li class="menu-left__bottom-info-link"> <a href="https://www.school-xyz.com/trial-lesson" target="_blank">Вводный урок с консультантом</a> </li> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </div> </div> </header> <style>
:root header {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-bg-menu-open: #23232A;
--color-text: #fff;
--color-bg-lk-btn: #2b2b34;
--color-text-opacity: rgb(206 206 222 / 50%);
--color-accent: #8e8eff;
--color-black: #17171b;
--color-border: #373742;
--color-burger-line: #fff;
--color-burger-bg: #22222e;
--color-button: #6060ff;
}
#allrecords header ul {
padding-left: 0;
margin-bottom: 0;
}
#allrecords header a {
color: inherit;
}
.header__overlay {
position: fixed;
inset: 0;
cursor: pointer;
z-index: 998;
background: rgb(0 0 0 / 50%);
-webkit-tap-highlight-color: transparent;
}
/* Бургер меню */
.burger-btn {
position: relative;
flex-shrink: 0;
width: 40px;
height: 40px;
top: 0;
left: 0;
transition-duration: 0.5s;
border-radius: 22px;
cursor: pointer;
transform: scale(0.8);
visibility: visible;
opacity: 1;
}
.burger-btn.open {
background: var(--color-burger-bg);
visibility: visible;
opacity: 1;
}
.burger-btn .icon-left {
transition-duration: 0.5s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 9px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-left:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:before {
transform: rotateZ(45deg) scaleX(1.1) translate(2.5px, 2px);
}
.burger-btn .icon-left:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:after {
transform: rotateZ(-45deg) scaleX(1.1) translate(2.5px, -2px);
}
.burger-btn .icon-right {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 21px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-right:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:before {
transform: rotateZ(-45deg) scaleX(1.1) translate(-3.5px, 1px);
}
.burger-btn .icon-right:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:after {
transform: rotateZ(45deg) scaleX(1.1) translate(-3.5px, -1px);
}
/* Конец бургер меню */
header.header__container {
position: fixed;
background: transparent;
width: 100%;
z-index: 999;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: border-radius 0.3s ease, background 0.3s ease 0.3s, transform 0.3s ease;
overflow: hidden;
box-sizing: border-box;
}
header.header__container.open {
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
background: var(--color-bg-menu-open);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll {
background: var(--color-bg);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll.open {
background: var(--color-bg-menu-open);
}
header.header__container.out {
transform: translateY(-100%);
}
header.header__container.open.out {
transform: none;
}
header a {
color: inherit;
text-decoration: none;
}
header ul {
list-style: none;
}
.header__wrapper {
position: relative;
display: flex;
max-width: 1160px;
margin: 0 auto;
padding: 20px 0;
}
.header__wrapper:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: var(--color-border);
opacity: 0;
}
.header__container.open .header__wrapper:after {
opacity: 1;
transition: .3s ease;
}
a.header__logo {
display: flex;
margin-right: 48px;
}
.header__items-container {
display: flex;
justify-content: space-between;
width: 100%;
margin-right: 10px;
}
ul.header__items-wrapper {
display: flex;
align-items: center;
column-gap: 40px;
}
li.header__item {
position: relative;
font-size: 14px;
font-weight: 400;
line-height: 28px;
color: var(--color-text);
transition: .3s ease;
}
li.header__item.header__item-all-courses_open {
color: var(--color-accent);
}
a.header__item-link, .header__item-link {
display: block;
}
ul.header__items-wrapper li.header__item-all-courses {
cursor: pointer;
}
ul.header__items-wrapper li.header__item-all-courses .header__item-link::after {
content: '';
display: inline-block;
position: relative;
vertical-align: middle;
width: 6px;
height: 6px;
margin-left: 10px;
transition: .3s ease;
border-width: 0 0 1.5px 1.5px;
border-color: var(--color-text);
border-style: solid;
transform: rotateZ(315deg) translate(1px, -2px);
}
ul.header__items-wrapper li.header__item-all-courses_open .header__item-link::after {
transform: rotateZ(135deg) translate(1px, -1px);
border-color: var(--color-accent);
}
#allrecords a.header__members-btn {
display: flex;
align-items: center;
width: fit-content;
font-size: 14px;
font-weight: 400;
line-height: 24px;
background: var(--color-bg-lk-btn);
border: 0;
border-radius: 30px;
padding: 8px 24px;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .header__container.open .header__members-btn {
background: var(--color-bg-lk-btn);
}
#allrecords a.header__members-btn:hover {
background: var(--color-button);
color: #fff;
}
#allrecords .header__container.open .header__members-btn:hover {
background: var(--color-button);
}
.menu__wrapper {
display: flex;
column-gap: 16px;
max-width: 1160px;
margin: 0 auto;
opacity: 0;
visibility: hidden;
max-height: 0;
padding: 0;
transition: .3s ease;
overflow: hidden;
box-sizing: border-box;
}
.menu__wrapper.menu__wrapper_active {
opacity: 1;
visibility: visible;
max-height: 100vh;
padding: 32px 0;
}
.menu-left {
width: 100%;
max-width: 572px;
}
nav.menu-left__course-direction {
display: flex;
column-gap: 16px;
}
ul.menu-left__course-direction-list {
display: flex;
flex-direction: column;
row-gap: 16px;
width: 100%;
}
li.menu-left__course-direction-item {
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--color-text);
}
a.menu-left__course-direction-link {
display: flex;
flex-wrap: wrap;
column-gap: 12px;
height: 64px;
padding: 8px;
border-radius: 16px;
transition: .2s ease;
box-sizing: border-box;
}
@media (hover: hover) {
#allrecords a.menu-left__course-direction-link:hover {
background-color: #2b2b35;
}
}
.menu-left__course-direction-icon {
height: 100%;
border-radius: 8px;
}
.menu-left__course-direction-quontity-courses {
font-size: 14px;
color: var(--color-text-opacity);
}
.menu-left__bottom-info {
width: 100%;
}
ul.menu-left__bottom-info-list {
display: flex;
flex-direction: row;
column-gap: 30px;
}
#allrecords ul.menu-left__bottom-info-list {
margin-bottom: 0;
}
li.menu-left__bottom-info-link {
font-size: 14px;
line-height: 30px;
color: var(--color-text);
}
li.menu-left__bottom-info-link a {
transition: .2s ease;
}
#allrecords li.menu-left__bottom-info-link a:hover {
color: var(--color-accent);
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: none;
}
.menu-right {
position: relative;
display: flex;
flex-direction: column;
row-gap: 16px;
width: 100%;
max-width: 572px;
background-color: #2b2b35;
background-image: url(https://static.tildacdn.com/tild3264-3531-4533-b066-653232386336/Desktop.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
padding: 24px;
border-radius: 16px;
color: var(--color-text);
box-sizing: border-box;
}
.menu-right__test-tags-wrap {
display: flex;
column-gap: 8px;
}
.menu-right__test-tag {
font-size: 12px;
line-height: 1.5;
font-weight: 400;
padding: 4px 12px;
background: #3b3b47;
border-radius: 30px;
color: var(--color-text);
}
.menu-right__test-heading {
font-size: 20px;
font-weight: 600;
line-height: 1.3;
color: var(--color-text);
width: 184px;
}
.menu-right__test-button {
width: fit-content;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
background: var(--color-button);
padding: 10px 24px;
margin-top: auto;
border-radius: 50px;
transition: .2s ease;
}
#allrecords .menu-right__test-button:hover {
background: var(--color-text);
color: var(--color-black);
}
@media screen and (min-width: 1200px) {
.header__items-container {
margin-right: 0;
}
.burger-btn {
display: none;
}
li.header__item:hover {
color: var(--color-accent);
}
ul.header__items-wrapper li.header__item-all-courses:hover .header__item-link::after {
border-color: var(--color-accent);
}
}
@media screen and (min-width: 960px) {
.menu-left__bottom-info {
display: none;
}
}
@media (min-width: 960px) and (max-width: 1199px) {
.menu-right {
background-image: url(https://static.tildacdn.com/tild6438-6533-4036-a435-623266623239/Tablet_Horizontal.jpg);
}
}
@media screen and (max-width: 1199px) {
.t-body.open-menu {
height: 100vh;
min-height: 100vh;
overflow: hidden;
}
header.header__container.open {
border-bottom-left-radius: 32px;
border-bottom-right-radius: 32px;
}
.header__wrapper {
max-width: 940px;
padding: 12px 0;
}
.header__wrapper:after {
width: 100%;
}
.menu__wrapper {
max-width: 940px;
padding: 0;
}
.menu-left {
max-width: 544px;
}
.menu-left__course-direction-link {
display: block;
width: fit-content;
}
.menu-right {
max-width: 380px;
}
}
@media screen and (max-width: 959px) {
header.header__container {
position: fixed;
overflow: auto;
}
header.header__container.open {
height: fit-content;
max-height: 100%;
/*background: var(--color-bg);*/
transition: border-radius 0.3s ease, background 0s ease 0s, transform 0.3s ease;
}
.header__wrapper {
position: sticky;
top: 0;
justify-content: space-between;
max-width: 620px;
padding: 12px 0;
/*background: var(--color-bg);*/
transition: .3s ease;
z-index: 99;
box-sizing: border-box;
}
.header__wrapper:after {
width: 100%;
}
header.header__container.open .header__wrapper {
background: var(--color-bg-menu-open);
/*transition: none;*/
}
nav.header__items-container {
justify-content: end;
}
.header__items-container .header__items-wrapper {
display: none;
}
.menu__wrapper {
flex-wrap: wrap;
max-width: 620px;
padding: 0;
}
.menu__wrapper.menu__wrapper_active {
max-height: fit-content;
padding: 20px 0 32px;
row-gap: 24px;
}
.menu-left {
max-width: 100%;
height: max-content;
}
ul.menu-left__course-direction-list {
width: 50%;
}
.menu-left__course-direction-link {
width: 100%;
}
.menu-left__bottom-info {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
row-gap: 32px;
}
ul.menu-left__bottom-info-list {
row-gap: 8px;
}
#allrecords ul.menu-left__bottom-info-list {
align-items: start;
flex-direction: column;
}
.menu-right {
max-width: 100%;
height: 292px;
margin-bottom: 8px;
/*background-position-y: -134px;*/
}
}
@media screen and (max-width: 639px) {
header.header__container {
height: 58px;
}
header.header__container.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
}
.header__wrapper {
padding: 9px 10px;
}
.header__logo img {
width: 28px;
}
.header__wrapper:after {
width: calc(100% - 20px);
}
.header__items-container {
display: none;
}
.menu__wrapper {
align-content: flex-start;
padding: 0 10px;
}
.menu__wrapper.menu__wrapper_active {
padding: 16px 10px 48px;
}
nav.menu-left__course-direction {
flex-direction: column;
row-gap: 8px;
}
ul.menu-left__course-direction-list {
width: 100%;
row-gap: 8px;
}
li.menu-left__course-direction-item {
font-size: 14px;
}
.menu-left__bottom-info {
row-gap: 16px;
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: block;
}
.menu-right {
height: 232px;
padding: 16px;
margin-bottom: 0;
row-gap: 12px;
/*background-position: -106px center;*/
/*background-size: 138%;*/
background-image: url(https://static.tildacdn.com/tild3930-6233-4836-b332-636433393662/Mobile.jpg);
}
.menu-right__test-tags-wrap {
column-gap: 4px;
}
.menu-right__test-tag {
font-size: 10px;
line-height: 1.6;
}
.menu-right__test-heading {
font-size: 14px;
width: 134px;
}
.menu-right__test-button {
font-size: 14px;
line-height: 1.2;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
// добавляем фон хедеру, если страница прокручена больше чем на 50 пикселей
setTimeout(function() {
if (document.documentElement.scrollTop > 50) {
$('.header__container').addClass('main-header--bg_scroll');
}
}, 2000);
$(window).scroll(function() {
let offsetTopByHeader = 50;
let classBgHeader = 'main-header--bg_scroll';
let header = $('.header__container');
if ($(this).scrollTop() >= offsetTopByHeader) {
header.addClass(classBgHeader);
} else {
header.removeClass(classBgHeader);
}
});
// скрываем/показываем хедер по скролу
const header = $('.header__container');
let scrollPrev = 0;
$(window).scroll(function() {
const scrolled = $(window).scrollTop();
if (scrolled > 550 && scrolled > scrollPrev) {
header.addClass('out');
} else {
header.removeClass('out');
}
scrollPrev = scrolled;
});
$('.menu-left__bottom-info-link a').click(function() {
$('.menu').trigger('click');
});
if (document.documentElement.clientWidth >= 1200) {
$('.header__item-all-courses').mouseenter(function() {
$('.header__item-all-courses').addClass('header__item-all-courses_open');
$('.menu__wrapper').addClass('menu__wrapper_active');
$('.header__overlay').fadeIn('linear');
$('.menu').addClass('open');
$('.header__container').addClass('open');
$('.t-body').addClass('open-menu');
});
$('.header__container').mouseleave(function() {
$('.header__item-all-courses').removeClass('header__item-all-courses_open');
$('.menu__wrapper').removeClass('menu__wrapper_active');
$('.header__overlay').fadeOut('linear');
$('.menu').removeClass('open');
$('.header__container').removeClass('open');
$('.t-body').removeClass('open-menu');
});
}
if (document.documentElement.clientWidth < 1200) {
$('.header__item-all-courses, .header__overlay, .menu').click(function() {
$('.header__item-all-courses').toggleClass('header__item-all-courses_open');
$('.menu__wrapper').toggleClass('menu__wrapper_active');
$('.header__overlay').fadeToggle('linear');
$('.menu').toggleClass('open');
$('.header__container').toggleClass('open');
$('.t-body').toggleClass('open-menu');
});
}
});
</script> <!-- nominify end --> </div> </div> </div> </div> </header> <!--/header--> <div id="rec162805462" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="18"> <!-- cover --> <div class="t-cover" id="recorddiv162805462"bgimgfield="img"style="height:100vh;background-image:url('https://thb.tildacdn.com/tild6365-3764-4664-a163-396632663939/-/resize/20x/1423546.jpg');"> <div class="t-cover__carrier" id="coverCarry162805462"data-content-cover-id="162805462"data-content-cover-bg="https://static.tildacdn.com/tild6365-3764-4664-a163-396632663939/1423546.jpg"data-display-changed="true"data-content-cover-height="100vh"data-content-cover-parallax="fixed"data-content-use-image-for-mobile-cover=""style="height:100vh; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild6365-3764-4664-a163-396632663939/1423546.jpg"></div> <div class="t-cover__filter" style="height:100vh;background-image: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.60));"></div> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t-cover__wrapper t-valign_middle" style="height:100vh;"> <div class="t001 t-align_center"> <div class="t001__wrapper" data-hook-content="covercontent"> <div class="t001__uptitle t-uptitle t-uptitle_sm" field="subtitle">Блог xyz school</div> <h1 class="t001__title t-title t-title_xl" field="title">Как устроен левел-дизайн в MMORPG<br /></h1> <span class="space"></span> </div> </div> </div> </div> </div> <!-- arrow --> <div class="t-cover__arrow"><div class="t-cover__arrow-wrapper t-cover__arrow-wrapper_animated"><div class="t-cover__arrow_mobile"><svg role="presentation" class="t-cover__arrow-svg" style="fill:#ffffff;" x="0px" y="0px" width="38.417px" height="18.592px" viewBox="0 0 38.417 18.592" style="enable-background:new 0 0 38.417 18.592;"><g><path d="M19.208,18.592c-0.241,0-0.483-0.087-0.673-0.261L0.327,1.74c-0.408-0.372-0.438-1.004-0.066-1.413c0.372-0.409,1.004-0.439,1.413-0.066L19.208,16.24L36.743,0.261c0.411-0.372,1.042-0.342,1.413,0.066c0.372,0.408,0.343,1.041-0.065,1.413L19.881,18.332C19.691,18.505,19.449,18.592,19.208,18.592z"/></g></svg></div></div></div> <!-- arrow --> </div> <style> #rec162805462 .t001__uptitle{text-transform:uppercase;}</style> </div> <div id="rec162805464" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color:#999999;" data-customstyle="yes"> Разбираемся, как работает дизайн уровней в MMORPG, как он развивался и какие особенности стоит учитывать левел-дизайнеру при работе над игрой в этом жанре. <br /><br /> В подготовке материала нам помогли левел-дизайнеры, работавшие над российскими мультиплеерными проектами — <a href="https://m.vk.com/melfaro">Павел Лазутин</a> («Аллоды Онлайн»), <a href="https://vk.com/away.php?to=http%3A%2F%2Fleaden.ru%2Flanguage%2Fru%2F">Ярослав Кравцов</a> («Аллоды Онлайн», Skyforge), <a href="https://vk.com/ivanchud">Иван Чудный</a> (Population Zero) и <a href="https://vk.com/rdenver">Денис Куандыков</a> (Frozen Flame). <br /><br /> <em>Автор: <a href="https://vk.com/id_ysio">Юрий Кулагин</a></em> <br /></div></div> </div> </div> </div> <style> #rec162805464 .t-text{color:#ffffff;}</style> </div> <div id="rec162806089" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:center;color:#999999;" data-customstyle="yes"><em>*** </em><br /><em></em></div></div> </div> </div> </div> <style> #rec162806089 .t-text{color:#ffffff;}</style> </div> <div id="rec162806136" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Левел-дизайн ранних ММО отталкивался от уже устоявшихся принципов других жанров. Ultima Online опиралась на популярные изометрические RPG, а первая трёхмерная MMORPG Meridian 59 — на Might & Magic и Wizardry. Впервые мир, более-менее похожий на то, что игроки видят в современных MMORPG, появился в EverQuest в 1999 году. <br /><br /> А в 2004-м вышла World of Warcraft, задавшая стандарты для левел-дизайна в MMORPG на следующие 15 лет. <br /><em></em></div></div> </div> </div> </div> <style> #rec162806136 .t-text{color:#ffffff;}</style> </div> <div id="rec162805465" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3965-3036-4361-a335-386336306239/KDK62DcnPbI.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3965-3036-4361-a335-386336306239/-/empty/KDK62DcnPbI.jpg" data-original="https://static.tildacdn.com/tild3965-3036-4361-a335-386336306239/KDK62DcnPbI.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3965-3036-4361-a335-386336306239/KDK62DcnPbI.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">World of Warcraft Classic (<a href="https://blizzard.gamespress.com/ru">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805466" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span" style="font-size: 26px;">Пространство и контент <br /></span></strong><br /> В годы расцвета жанра MMORPG разработчикам, многие из которых до этого разрабатывали только одиночные игры, пришлось столкнуться с новыми для них проблемами и задачами. <br /></div></div> </div> </div> </div> <style> #rec162805466 .t-text{color:#ffffff;}</style> </div> <div id="rec162805467" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6639-3635-4366-b630-316636326463/UmBwAASSAzw.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6639-3635-4366-b630-316636326463/-/empty/UmBwAASSAzw.jpg" data-original="https://static.tildacdn.com/tild6639-3635-4366-b630-316636326463/UmBwAASSAzw.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6639-3635-4366-b630-316636326463/UmBwAASSAzw.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Ultima Online (<a href="https://uo.com/">источник</a>)</div></div> </div> </div> </div> </div> <div id="rec162805471" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span" style="font-size: 26px;">1. Сделать так, чтобы никто никому не мешал <br /></span></strong><br /> Основной вопрос левел-дизайна в MMO, — «как сделать так, чтобы на одной локации игроки не мешали друг другу?» Эта проблема преследует жанр ещё с выхода World of Warcraft, и разработчики пытались решить её самыми разными способами. <br /><br /> <strong>Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015): <br /></strong><br /> <em>"Самое сложное в левел-дизайне для ММО — ни на минуту не забывать, что вы делаете ММО. Нужно помнить, что в любом месте игрового мира может собраться несколько сотен игроков и начать творить какую нибудь дичь. Например, собрать 500 человек и отправится на одном транспортном корабле рейдить столицу вражеской фракции...</em> <br /><em>Задача левел-дизайнера — спланировать локацию таким образом, чтобы игроки равномерно распределялись по всей её территории. Не допускать «узких мест», которые тормозили бы продвижение игроков по сюжету и вызывали их скопления."<br /></em><br />Наиболее очевидное решение — сделать локации большими — создаёт другую проблему. Да, если локации окажутся слишком компактными, то игроки будут мешать друг другу, воевать за каждого кабанчика, раздражаться и в итоге уходить из игры. Но если уровни будут слишком просторными, то даже при наличии карты игроки на них потеряются, почти не будут встречать друг друга, заскучают и… Тоже начнут уходить из игры. <br /><em></em></div></div> </div> </div> </div> <style> #rec162805471 .t-text{color:#ffffff;}</style> </div> <div id="rec162805472" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3739-3164-4639-b139-333237333766/PmPLJBNBvfI.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3739-3164-4639-b139-333237333766/-/empty/PmPLJBNBvfI.jpg" data-original="https://static.tildacdn.com/tild3739-3164-4639-b139-333237333766/PmPLJBNBvfI.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3739-3164-4639-b139-333237333766/PmPLJBNBvfI.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">The Lord of the Rings Online (<a href="https://www.lotro.com/en">источник</a>)</div></div> </div> </div> </div> </div> <div id="rec162805473" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span" style="font-size: 26px;">2. Создать большие пространства <br /></span></strong><br /> Локации в ММО почти всегда имеют чётко выраженные границы и ориентиры. Первые устанавливаются ещё на раннем этапе разработки — ими левел-дизайнеры «прорезают» весь мир игры насквозь, разбивая одно большое пространство на много локаций поменьше, разделённых горами, реками или просто крепостными укреплениями. <br /><br /> Иногда, впрочем, границы появляются в игре и после релиза, если разработчики чувствуют, что локация получилась слишком просторной. Например, в оригинальной World of Warcraft были «Пустоши» — огромная степь, вынуждавшая игроков подолгу бегать от задания к заданию. Хотя кому-то такой геймплей и нравился, долгое путешествие по одной точке с довольно однообразным пейзажем замедляло прохождение. Поэтому в дополнении Cataclysm разработчики «разрезали» Пустоши надвое. <br /><em></em></div></div> </div> </div> </div> <style> #rec162805473 .t-text{color:#ffffff;}</style> </div> <div id="rec162805474" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3564-3837-4636-b763-626535323732/kR3TYCDGwz8.jpg"> <img class="t-img t-width t107__width t-width_6"
src="https://thb.tildacdn.com/tild3564-3837-4636-b763-626535323732/-/empty/kR3TYCDGwz8.jpg" data-original="https://static.tildacdn.com/tild3564-3837-4636-b763-626535323732/kR3TYCDGwz8.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3564-3837-4636-b763-626535323732/kR3TYCDGwz8.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">World of Warcraft: Cataclysm (<a href="https://www.blizzard.com/ru-ru/games/cataclysm/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805475" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color:#999999;" data-customstyle="yes"><strong></strong>Ориентиры же способны вдохнуть жизнь даже в очерченную границами, но всё равно пустую локацию. Это огромные строения или природные объекты, видимые из любой точки локации и разделяющие пространство вокруг себя на зоны. В том же World of Warcraft в центре Мулгора высится огромный город Громовой Утёс: на совсем ранних уровнях он игрока особенно не интересует, но зато позволяет чётко поделить локацию по четырём сторонам света — «к югу от Утёса», «к востоку от Утёса» и так далее.<br /></div></div> </div> </div> </div> <style> #rec162805475 .t-text{color:#ffffff;}</style> </div> <div id="rec162805477" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6263-3336-4232-b532-336231316561/KTgw5o5AZyw.jpg"> <img class="t-img t-width t107__width t-width_6"
src="https://thb.tildacdn.com/tild6263-3336-4232-b532-336231316561/-/empty/KTgw5o5AZyw.jpg" data-original="https://static.tildacdn.com/tild6263-3336-4232-b532-336231316561/KTgw5o5AZyw.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6263-3336-4232-b532-336231316561/KTgw5o5AZyw.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">World of Warcraft Clasic (<a href="https://news.blizzard.com/ru-ru">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805478" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;color:#999999;" data-customstyle="yes"> Реализации ориентиров и границ иногда мешают технические ограничения. Во многих ранних ММО движок просчитывал локацию частями, например, всего на 500 метров вокруг игрока. Дальше всё скрывалось туманом или скалами, иногда зданиями и лесом, а ориентиры и границы не всегда попадали в «кадр». Иногда эту проблема решали с помощью силуэтов — целиком ориентиры и границы не отрисовывались, но их контур всегда был виден. <br /><br /> Сейчас это ограничение обычно можно обойти. Например, во время разработки Skyforge арт-директор игры Виктор Сурков настаивал, что игрок должен видеть всю локацию вплоть до горизонта. И если, например, на краю локации стояла бы огромная башня, то её можно было бы увидеть из любой точки и при желании добежать до неё. Для этого программисты создали движок с дальностью прорисовки в 40 километров, хотя почти все игровые локации были не больше двух километров в длину. <br /><br /> Интересно, что этот приём работает, даже если ориентир на самом деле «фальшивый», то есть недоступный для игрока. <br /><br /> <strong>Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"В целом, достаточно поставить крупный элемент архитектуры, чтобы игрок видел издалека, что там стоит что-то искусственное, а значит там может быть геймплей.</em> <br /><em>Столица в игре — настоящая конфетка. Наш технический художник совершил чудо и у нас появился город будущего с небоскребами от горизонта до горизонта. Правда, добежать до них, конечно, было нельзя, но в начале игры это производило на игрока неизгладимое впечатление."</em><br /></div></div> </div> </div> </div> <style> #rec162805478 .t-text{color:#ffffff;}</style> </div> <div id="rec162805479" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3765-3464-4164-a635-353366663031/JDZJKC8BNwk.jpg"> <img class="t-img t-width t107__width t-width_6"
src="https://thb.tildacdn.com/tild3765-3464-4164-a635-353366663031/-/empty/JDZJKC8BNwk.jpg" data-original="https://static.tildacdn.com/tild3765-3464-4164-a635-353366663031/JDZJKC8BNwk.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3765-3464-4164-a635-353366663031/JDZJKC8BNwk.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Skyforge (<a href="https://sf.mail.ru/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805480" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Ещё одно техническое ограничение, связанное с просторными локациями, упирается в клиентскую часть любой MMORPG. Когда игра полностью установлена на систему игрока, проблем с открытыми мирами обычно не возникает, но в онлайн-играх нагрузка приходится ещё и на сервер. <br /><br /> На систему игрока локацию, как правило, не переносят, — какая-то её часть остаётся на сервере. Основная причина в том, что игрокам нельзя доверять. <br /><br /> <strong>Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"Если поднимать локацию на клиенте, игроки будут читерить. Поэтому часть действий игрока обрабатывается на клиенте, а часть — на сервере. С другой стороны, запускать локацию целиком, со всеми мобами, если по ней бегает только один игрок — дорого, это большие расходы на серверные мощности.</em> <br /><em>Для решения проблемы существует дальность серверной видимости — даже если игрок видит весь ландшафт целиком, то не все интерактивные (т.е. серверные) объекты сразу, а только те, что находятся небольшом радиусе вокруг него."</em><br /></div></div> </div> </div> </div> <style> #rec162805480 .t-text{color:#ffffff;}</style> </div> <div id="rec162805481" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3965-3339-4634-a439-323834633563/HzhnGtppEic.jpg"> <img class="t-img t-width t107__width t-width_6"
src="https://thb.tildacdn.com/tild3965-3339-4634-a439-323834633563/-/empty/HzhnGtppEic.jpg" data-original="https://static.tildacdn.com/tild3965-3339-4634-a439-323834633563/HzhnGtppEic.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3965-3339-4634-a439-323834633563/HzhnGtppEic.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Guild Wars 2 (<a href="https://www.guildwars2.com/en/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805482" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span" style="font-size: 26px;">3. Наполнить пространство контентом <br /></span></strong><br /> <strong>Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>Самое важное — в обычную сингловую игру играют ради истории и интересного мира, а в соло-контент в ММО играют, чтобы вкачаться и надрать всем задницы. Совершенно другая мотивация. Если в оффлайновой игре контент потребляется неспешно, рассматривается со всех сторон, смакуется, то в онлайн игре это бешеная гонка. Пока читаешь текст квеста, враг качается. Эту разницу в психологии надо учитывать.</em><br /></div></div> </div> </div> </div> <style> #rec162805482 .t-text{color:#ffffff;}</style> </div> <div id="rec162805483" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3239-3638-4139-a436-363731343066/moEjw4122Us.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3239-3638-4139-a436-363731343066/-/empty/moEjw4122Us.jpg" data-original="https://static.tildacdn.com/tild3239-3638-4139-a436-363731343066/moEjw4122Us.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3239-3638-4139-a436-363731343066/moEjw4122Us.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Justice Online (<a href="https://www.amd.com/zh-hans/gaming/nishuihan">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805487" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;color:#999999;" data-customstyle="yes"> Часто ресурсов, из которых нужно создавать разнообразный контент для MMO, оказывается меньше, чем нужно. Поэтому один и тот же противник, одно здание и дерево используется повторно куда чаще, чем в одиночных играх. Иногда разработчики могут изменить текстуру, поменять название или вооружить врага новой способностью, — но такая повторяемость всё равно бросается в глаза. <br /><br /> Чтобы не допускать такого, разработчики разделяют контент по типам. Три самых популярных — это открытые локации, закрытые приключения и PvP. По словам Ярослава Кравцова, при разделении контента главное — не принуждать игрока к какому-то конкретному виду деятельности, а организовать ему «шведский стол». К тому же, у разных игроков вкусы отличаются: кому-то удобнее играть в группе с друзьями, кто-то предпочитает качаться в одиночку. Всем не угодить, поэтому левел-дизайнеру не стоит пытаться предугадать желания игрока, намеренно направляя его по намеченным маршрутам. <br /><br /> <strong>Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"В Skyforge мы пришли к тому, что лучше, если контент будет проходиться быстро и через какое-то время повторяться, чем игрок будет надолго застревать на одноразовом контенте.</em> <br /><em>Помимо открытых, закрытых локаций и PvP у нас ещё была сюжетная цепочка, которая связывала все активности, но не вынуждала игрока заниматься только сюжетом. А приключения для одного игрока мы делали более сложными, чем для группы. Потому что в группе игроки сами себя неплохо развлекают, а вот игроку-одиночке быстро становится скучно и надо придумывать, как же его взбодрить."</em><br /></div></div> </div> </div> </div> <style> #rec162805487 .t-text{color:#ffffff;}</style> </div> <div id="rec162805488" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6666-6264-4561-a532-636537373365/yCjlHVhSgN4.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6666-6264-4561-a532-636537373365/-/empty/yCjlHVhSgN4.jpg" data-original="https://static.tildacdn.com/tild6666-6264-4561-a532-636537373365/yCjlHVhSgN4.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6666-6264-4561-a532-636537373365/yCjlHVhSgN4.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Skyforge (<a href="https://sf.mail.ru/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805489" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;color:#999999;" data-customstyle="yes"><strong> Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"Чтобы игрок возвращался в игру, от левел-дизайнера требуется, чтобы на его локациях было ради чего возвращаться. Когда помнишь, что тебе нужно в игру, чтобы выполнить 20 квестов уровня «собери 30 шкур волка», то мотивация возвращаться так себе.</em> <br /><em>Когда же знаешь, что тебя там ждут интересные квесты, ачивки, секретные локации, большие ивенты, уникальные награды, разнообразные активности — это всё становится интересней. Совсем хорошо, когда локация с самого начала чем-то манит — например, каким-то интересным объектом вдали, чтобы добраться до которого нужно ещё подкачаться, выполнить пару цепочек заданий и так далее.</em> <br /><br /><strong><span data-redactor-tag="span" style="font-size: 26px;">Дизайнерские хитрости <br /></span></strong><br /> Чтобы локации получались нужного размера, не вызывали у игроков ощущения одиночества или перенаселённости, и при этом при всём ещё были и интересными, у левел-дизайнеров есть несколько приёмов. <br /><br /> <strong><span data-redactor-tag="span" style="font-size: 24px;">1. Энкаунтеры <br /></span></strong><br /> «Энкаунтерами» называют точки на локации, притягивающие игроков. В этих точках та самая «перенаселённость», которой обычно пытаются избежать, как раз необходима. Поэтому левел-дизайнеры специально ведут сюда игроков. <br /><br /> <strong>Денис Куандыков, левел-дизайнер Frozen Flame: <br /></strong><br /> <em>"В классических ММО сильно выражены энкаунтеры: начиная от «деревушек и городов», где игроки собираются и находят квесты, и до конкретных зон под конкретный геймплей (квестовые точки, зоны для фарма, рейды). В классических ММО подобный подход работает на линейность «прокачки» — это такой своеобразный путь к эндгейму."</em><br /></div></div> </div> </div> </div> <style> #rec162805489 .t-text{color:#ffffff;}</style> </div> <div id="rec162805490" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3334-3863-4862-a164-616430323832/2cTai7mMW3k.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3334-3863-4862-a164-616430323832/-/empty/2cTai7mMW3k.jpg" data-original="https://static.tildacdn.com/tild3334-3863-4862-a164-616430323832/2cTai7mMW3k.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3334-3863-4862-a164-616430323832/2cTai7mMW3k.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Final Fantasy XIV (<a href="https://na.finalfantasyxiv.com/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805493" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;color:#999999;" data-customstyle="yes"> «Мирные» энкаунтеры — это безопасные для игрока поселения, где можно поторговать, взять и сдать задание, иногда — выучить новый навык или сыграть в мини-игру. В крупные «мирные» точки игроки стекаются сами после длительных забегов по локации или даже приходят специально, чтобы пообщаться и просто повалять дурака. В более мелких же не задерживаются — как правило, пройдя очередную цепочку заданий или разобравшись с подземельем, игроки уходят, освобождая место для новых искателей приключений. <br /><br /> «Боевые» энкаунтеры встречаются чаще, но не так плотно заполнены игроками. Это может быть конкретная пещера с мобами или выделяющаяся из пейзажа башня с квестовым предметом. В такие места игроки приходят постепенно, а если и общаются — то только чтобы объединиться в группу или попросить о помощи. <br /><br /> Подземелья и инстансы тоже считаются «боевыми» энкаунтерами. В самом подземелье игроки оказываются в выделенном только под одну группу «зеркале» локации, — своеобразной «параллельной реальности», созданной только для них. Но на входе в них часто торгуют предметами, собирают группы или обсуждают задание. <br /></div></div> </div> </div> </div> <style> #rec162805493 .t-text{color:#ffffff;}</style> </div> <div id="rec162805494" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3864-6636-4266-b337-306430313734/gSKDjSzflfs.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3864-6636-4266-b337-306430313734/-/empty/gSKDjSzflfs.jpg" data-original="https://static.tildacdn.com/tild3864-6636-4266-b337-306430313734/gSKDjSzflfs.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3864-6636-4266-b337-306430313734/gSKDjSzflfs.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">World of Warcraft: Battle for Azeroth (<a href="https://blizzard.gamespress.com/ru">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805495" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Ещё бывают динамические боевые энкаунтеры. Их ввели в моду RIFT и Guild Wars 2 — в этих играх на локациях время от времени запускались небольшие события, требующие вмешательства сразу нескольких игроков. По локации рассылались уведомление, и все желающие отправлялись к месту, в котором открылся очередной разлом. <br /><br /> Причем бежать иногда приходилось довольно далеко — левел-дизайнеры располагают такие энкаунтеры за пределами привычных маршрутов игроков, чтобы волнами направлять тех в ещё не исследованные земли. А иногда размещают около динамического события несколько мелких заданий, секретов и активностей, чтобы игрок задержался в новом месте подольше. <br /></div></div> </div> </div> </div> <style> #rec162805495 .t-text{color:#ffffff;}</style> </div> <div id="rec162805497" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6636-6262-4337-b437-656438616364/ETEsqxX-sAo.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6636-6262-4337-b437-656438616364/-/empty/ETEsqxX-sAo.jpg" data-original="https://static.tildacdn.com/tild6636-6262-4337-b437-656438616364/ETEsqxX-sAo.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6636-6262-4337-b437-656438616364/ETEsqxX-sAo.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">RIFT (<a href="https://www.trionworlds.com/en/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805496" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span" style="font-size: 26px;">2. Пути <br /></span></strong><br /> Тропинки и дороги, отмеченные текстурами брусчатки и моделями дорожных фонарей — это самый очевидный способ, которым левел-дизайнер направляет игроков. А неочевидный — это невидимые глазу пути, которые создаются при помощи игровых механик. Как правило, они начинаются в «мирных» энкаунтерах и ведут либо к другим «мирным», либо сразу к «боевым». <br /><br /> <strong>Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015): <br /></strong><br /> <em>"Поток игроков разделяется с помощью квестов. Получив одновременно 4-5 заданий в стартовом хабе, игроки более-менее равномерно разделяются на группы. Каждое из заданий может приводить игрока в новый квест-хаб со своими заданиями, ещё сильнее дробя поток игроков. Таким образом, игроки распределяются по большой площади локации. Сложность в том, чтобы найти оптимальные расстояния между хабами: чтобы и игроков рассредоточить, и сохранить игру комфортной, не гоняя их постоянно через всю локацию."</em><br /></div></div> </div> </div> </div> <style> #rec162805496 .t-text{color:#ffffff;}</style> </div> <div id="rec162805499" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3662-3161-4763-a538-656131383036/mm7GkxAHZOI.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3662-3161-4763-a538-656131383036/-/empty/mm7GkxAHZOI.jpg" data-original="https://static.tildacdn.com/tild3662-3161-4763-a538-656131383036/mm7GkxAHZOI.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3662-3161-4763-a538-656131383036/mm7GkxAHZOI.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Аллоды Онлайн (<a href="https://allods.mail.ru/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805498" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Пути могут быть как линейными и проходить цепочкой через всю локацию, так и разветвлёнными — создавать своеобразный лабиринт, соединяющий все возможные энкаунтеры. Кроме того, прямо на путях можно располагать NPC, которые выдают новое задание, или точки интереса, вроде спрятанных сундуков. Если игрок отправится по заданию из точки A в точку B, то встретит на своём маршруте неожиданную новую активность — а это очень здорово создаёт атмосферу исследования. <br /><br /> Самые очевидные пути в MMORPG встречаются в подземельях — как правило, даже в самом разветвлённом рейде есть маршрут, на который левел-дизайнер заманивает игроков. Но тут важно учитывать, что игроки бывают крайне изобретательными. Например, вскоре после релиза World of Warcraft игроки нашли в лабиринтах Чёрной Скалы место, где можно спрыгнуть с балкона, сократив путь к боссу — к большому удивлению левел-дизайнеров, которые предполагали, что игроки будут бежать к нему по лестнице. <br /></div></div> </div> </div> </div> <style> #rec162805498 .t-text{color:#ffffff;}</style> </div> <div id="rec162805503" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6134-3663-4165-b464-393665363339/zJBZPtLA7to.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6134-3663-4165-b464-393665363339/-/empty/zJBZPtLA7to.jpg" data-original="https://static.tildacdn.com/tild6134-3663-4165-b464-393665363339/zJBZPtLA7to.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6134-3663-4165-b464-393665363339/zJBZPtLA7to.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">World of Warcraft Classic (<a href="https://blizzard.gamespress.com/ru">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805504" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><strong> Джон Статс, левел-дизайнер World of Warcraft: <br /></strong><br /> <em>"Дизайнеры подземелий разместили на лестнице множество довольно сильных мобов, которые ещё и замедляли игроков при ударе. То есть от них ещё и убежать было непросто — насколько вообще мы хотели испортить нервы игрокам?</em> <br /><em>К счастью, Джефф Каплан, который тогда занимался высокоуровневым контентом, пришёл ко мне и попросил: «Слушай, Джон, а сделай этот прыжок проще — у тауренов модель выше, чем у других персонажей, поэтому им трудно допрыгнуть». И вот мне пришлось переделывать геометрию, чтобы одной расе проще было совершить прыжок, который изначально в этом месте вообще не планировался!</em>"<br /><br />На этапе бета-тестирования (а зачастую и после релиза) подобные места находят и исправляют. Иногда игрокам отсекают путь через очевидную «дыру» в локации, иногда — наоборот, делают этот путь проще, если благодаря нему прохождение становится интереснее. Разработчики активно собирают фидбек и следят за форумами, чтобы найти явные просчёты в левел-дизайне. Иногда в ход идут и нестандартные способы.<br /><br /> <strong>Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"Когда я ещё работал над «Аллодами», я и сам начал в них играть, чтобы смотреть на игру не только как разработчик, но и как игрок. В итоге состоял в одной из топовых гильдий и по ночам ходил в первый рейд, который сам же делал. Конечно, я не выдавал себя и внимательно смотрел, как игроки воспринимают мою работу.</em> <br /><em>Иногда бесило, когда в три часа ночи очередной раз рейд ложится на боссе. Хотелось крикнуть рейд-лидеру, чтобы он-таки взял в руки секундомер и посчитал таймеры способностей босса. Ещё раздражало, когда кто-то в клане находил дырку в коллизии, а мы всем рейдом пытались в неё пролезть, но постоянно проваливались в дырку в земле, которую я не заделал, потому что не думал, что там будут бегать игроки."</em><br /></div></div> </div> </div> </div> <style> #rec162805504 .t-text{color:#ffffff;}</style> </div> <div id="rec162805505" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3531-3163-4033-b739-643432316430/isYvoU8wUiM.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3531-3163-4033-b739-643432316430/-/empty/isYvoU8wUiM.jpg" data-original="https://static.tildacdn.com/tild3531-3163-4033-b739-643432316430/isYvoU8wUiM.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3531-3163-4033-b739-643432316430/isYvoU8wUiM.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Аллоды Онлайн (<a href="https://allods.mail.ru/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805506" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><strong>3. Каналы и фазирование <br /></strong><br /> Каналы и фазирование — два относительно новых инструмента в левел-дизайне MMORPG. Они имеют больше общего с технической стороной игры, но и с работой дизайнера локаций тоже крепко связаны. <br /><br /> Появление системы «каналов», также известной как layering, практически решило проблему с перенаселёнными локациями в MMORPG. Layering позволяет игры создавать копии локации и отправлять туда всех игроков сверх определённого лимита. А так как этот лимит устанавливает левел-дизайнер, он получает возможность, например, поддерживать видимость полупустого таинственного леса, в котором толпа игроков испортила бы атмосферу. Или наоборот — установив высокий лимит, можно сохранить ощущение шумной столицы, по которой сломя голову носится много народу. <br /></div></div> </div> </div> </div> <style> #rec162805506 .t-text{color:#ffffff;}</style> </div> <div id="rec162805507" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6332-3561-4131-b338-323539623765/hDMqAI0DV78.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6332-3561-4131-b338-323539623765/-/empty/hDMqAI0DV78.jpg" data-original="https://static.tildacdn.com/tild6332-3561-4131-b338-323539623765/hDMqAI0DV78.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6332-3561-4131-b338-323539623765/hDMqAI0DV78.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">World of Warcraft: Battle for Azeroth (<a href="https://blizzard.gamespress.com/ru">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805508" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><strong>Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015): <br /></strong><br /> <em>"Система «каналов» позволяет делать локации более линейными там, где это необходимо. А ещё эта технология технология помогает создавать огромные пространства, не перегружая их.<br /></em><em>Каналы могут работать не по всей локации, а только на определённой её территории, где есть проблемы с избытком игроков. Например, в «Аллодах Онлайн» каналы работают только в отдельных районах столиц, где любят собираться игроки."<br /></em><br />Фазирование тоже создаёт копии локации — но это не точные копии, да и служат они совсем для другого. С помощью этого инструмента разработчики могут изменять локацию в соответствии с сюжетом игры, отправляя разных игроков на разные «слои», соответствующие достигнутому прогрессу — лимит тут уже не играет роли.<br /><br /> Например, если на локации есть задание по уничтожению вражеской крепости, то левел-дизайнерам понадобятся минимум две фазы. Одна для игроков, ещё не выполнивших задание — на ней крепость ещё будет возвышаться. Другая для тех, кто уже разобрался с квестом — тут уже будут видны только дымящиеся руины. При этом игроки из разных фаз не видят друг друга, как и в случае с каналами. <br /></div></div> </div> </div> </div> <style> #rec162805508 .t-text{color:#ffffff;}</style> </div> <div id="rec162805509" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6135-6565-4230-b331-313033323663/3FM5fsXyNqE.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6135-6565-4230-b331-313033323663/-/empty/3FM5fsXyNqE.jpg" data-original="https://static.tildacdn.com/tild6135-6565-4230-b331-313033323663/3FM5fsXyNqE.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6135-6565-4230-b331-313033323663/3FM5fsXyNqE.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Final Fantasy XIV (<a href="https://na.finalfantasyxiv.com/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805510" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Локация может быть разделена как на глобальные фазы, затрагивающие всё пространство (для действительно масштабных сюжетных событий), так и на более локальные — изменяющие, например, отдельный город или даже отдельное здание. Переход между этими фазами должен происходить за кадром — например, во время кат-сцены или когда игрок заходит в здание, ограничивая себе обзор. <br /><br /> Фазирование если и не развязывает руки левел-дизайнеру, то хотя бы сильно упрощает ему жизнь. У него появляется возможность рассказывать более интересные истории, внося изменения в локацию. А так как фазирование отчасти дублирует функции каналов, то оно ещё и помогает справиться с «перенаселением». Но этот инструмент всё равно используется в MMORPG реже, чем мог бы — в первую очередь из-за сложностей со встраиванием фаз в локацию. <br /><br /> <strong>Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"Когда мы делали Skyforge, в World of Warcraft появилась фича с фазированием. Мы тоже думали в эту сторону, чтобы дать игрокам ощущение развития игрового мира. Много продумывали техническую базу. Это ведь ММО, много игроков играют вместе.</em> <br /><em>И как им быть, когда у одного игрока стоит дом, а у его друга, который прошёл по квестам дальше, на этом месте кратер? Как делать границу между общей зоной и зоной фазирования? А если тут ещё есть открытое PvP? А как показывать игроку объекты в зоне фазирования, когда он не находится в ней, а смотрит со стороны? В итоге делать не стали: слишком много проблем и непонятен выхлоп, а прямой необходимости для сюжета не было."</em></div></div> </div> </div> </div> <style> #rec162805510 .t-text{color:#ffffff;}</style> </div> <div id="rec162805511" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3735-3639-4465-b863-643665623336/nRiq5QJsthI.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3735-3639-4465-b863-643665623336/-/empty/nRiq5QJsthI.jpg" data-original="https://static.tildacdn.com/tild3735-3639-4465-b863-643665623336/nRiq5QJsthI.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3735-3639-4465-b863-643665623336/nRiq5QJsthI.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">The Elder Scrolls Online (<a href="https://www.elderscrollsonline.com/en-us/home">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805512" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span" style="font-size: 26px;">Особенности левел-дизайна для MMORPG <br /></span></strong><br /> Применение всех этих приёмов в разработке MMORPG сильно зависит от количества контента в игре и от того, какие активности будут доступны игрокам. Но бывает так, что всё это изменяется, а иногда и перестраивается с нуля прямо во время разработки — тренды в жанре меняются, а разработчикам приходится их догонять. <br /><br /> <strong>Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"У Skyforge была сложная судьба, во многом из-за того, что не было прямого референса. Проект постоянно шатало из стороны в сторону. Движок делали с нуля, включая разные подсистемы, вроде анимаций, конструктора эффектов и редактора катсцен.</em> <br /><em>На ходу переобувались из target в non-target боевку, когда противника не надо выделять, чтобы кастовать в него спеллы. Видели рост популярности сессионных игр и думали, как подстроиться под это системой приключений. Видели рост групповых активностей на открытых картах в RIFT и Guild Wars 2 и тоже делали такие публичные квесты, которые можно выполнять всем вместе. Короче, подстраивались под тренды как могли, но результатом я всё равно не доволен."<br /></em><br />Эти изменения затрагивают и работу левел-дизайнера — и на него ложится огромное количество обязанностей. Зачастую он берёт на себя доработку конкретных активностей на локации. Управление конкретными механиками, квестами и выпадающим лутом позволяет точнее располагать на уровне пути и энкаунтеры, а следовательно — лучше развлекать игроков. <br /><br /></div></div> </div> </div> </div> <style> #rec162805512 .t-text{color:#ffffff;}</style> </div> <div id="rec162805513" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3838-3763-4637-a461-333433326564/iToh52SANuw.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3838-3763-4637-a461-333433326564/-/empty/iToh52SANuw.jpg" data-original="https://static.tildacdn.com/tild3838-3763-4637-a461-333433326564/iToh52SANuw.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3838-3763-4637-a461-333433326564/iToh52SANuw.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">The Lord of the Rings Online (<a href="https://www.lotro.com/en">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805515" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><strong> Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"В каждой компании на левел-дизайнера накладываются свой список обязанностей. В студиях, делающих ММО, в этом плане нет никакой стандартизации. На «Аллодах Онлайн» и Skyforge левел-дизайнеры занимались всем: и локацию оформляли, и квесты заводили, и дополнительные активности. Геймдизайнеры же давали нам готовых монстров и лут, который мог с них падать.</em> <br /><em>Хотя это большая нагрузка и ответственность для левел-дизайнеров, но я считаю, что так было правильно. Потому что визуал тоже участвует в геймплее, а значит левел-дизайнер должен уметь с ним работать. В одном месте камень подвинуть, чтобы игроки перестали об него спотыкаться. В другом деревья поставить так, чтобы между ними издалека читался проход. В третьем, наоборот — холм сделать повыше, чтобы не спойлерить следующую часть локации раньше времени."</em><br /><br />Ещё один важный нюанс, к которому должен быть готов левел-дизайнер MMORPG — меняющиеся локации. В одиночных играх созданный одныжды уровень, как правило, не приходится менять в дальнейшем. Исключениями можно считать дополнения, к котором нужно создать своеобразную «перемычку» — например, добавить новый корабль в порт или разместить портал, ведущий в новые земли. <br /><br /></div></div> </div> </div> </div> <style> #rec162805515 .t-text{color:#ffffff;}</style> </div> <div id="rec162805516" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3936-3433-4965-a532-356562313332/IPRjzicE14E.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3936-3433-4965-a532-356562313332/-/empty/IPRjzicE14E.jpg" data-original="https://static.tildacdn.com/tild3936-3433-4965-a532-356562313332/IPRjzicE14E.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3936-3433-4965-a532-356562313332/IPRjzicE14E.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">World of Warcraft: Legion (<a href="https://wow.gamepedia.com/Wowpedia">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805517" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><em></em> Такие небольшие правки ради дополнений есть и в MMORPG — например, разработчики создали гавань Штормграда в World of Warcraft, чтобы игроки могли отправиться на новый континент в Wrath of the Lich King. Но с локациями происходят и другие изменения — чтобы возвращать игроков в уже пройденные ими зоны, левел-дизайнеры иногда обновляют и дополняют их. <br /><br /> Это могут быть мелкие события, связанные, например, с праздниками — когда под Новый год города украшают гирляндами и ёлками. А может быть и полная переделка локации, — когда основной ландшафт оставляют, но переставляют на нём декорации, задания, активности и противников. Такие изменения помогают «оживить» полупустые локации. <br /><em></em></div></div> </div> </div> </div> <style> #rec162805517 .t-text{color:#ffffff;}</style> </div> <div id="rec162805518" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3937-3464-4130-b939-633565323737/VsNzRFowlrk.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3937-3464-4130-b939-633565323737/-/empty/VsNzRFowlrk.jpg" data-original="https://static.tildacdn.com/tild3937-3464-4130-b939-633565323737/VsNzRFowlrk.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3937-3464-4130-b939-633565323737/VsNzRFowlrk.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">The Lord of the Rings Online (<a href="https://www.lotro.com/en">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805519" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Иногда из-за изменений в концепции игры или в её дизайне геймплей на старых локациях перестаёт работать, как задумано. Когда в процессе разработки таких изменений становится слишком много, левел-дизайнерам проще переделать с нуля всю карту или её отдельные фрагменты. <br /><br /> <strong>Иван Чудный, левел-дизайнер Population Zero: <br /></strong><br /> <em>"Например, необходимость сдвинуть значения перемещения и урона от падения может вызвать пересборку всей системы загадок, основанных на прыжках, и всей ограничивающей игрока топологии на обширных участках. А изменение ресурсного атласа или механик давления — ребаланс или вырезание целых игровых регионов.</em> <br /><em>Это может потребовать значительного времени, отката к первым итерациям, для которых требуются недели доработки. Однако часто это помогает добиться значительно лучших результатов чем раньше, так как за это время копится большое количество идей и возможностей для улучшения геймплея и визуала, на реализацию которых раньше не хватало времени."</em></div></div> </div> </div> </div> <style> #rec162805519 .t-text{color:#ffffff;}</style> </div> <div id="rec162805520" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6438-3366-4961-b936-626433313061/3ucGk3pic7c.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6438-3366-4961-b936-626433313061/-/empty/3ucGk3pic7c.jpg" data-original="https://static.tildacdn.com/tild6438-3366-4961-b936-626433313061/3ucGk3pic7c.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6438-3366-4961-b936-626433313061/3ucGk3pic7c.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">The Elder Scrolls Online (<a href="https://www.elderscrollsonline.com/en-us/home">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805523" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><strong></strong><strong><span data-redactor-tag="span" style="font-size: 26px;">Задания и сюжеты <br /></span></strong><br /> Квестов в MMORPG обычно много, а вот разнообразием они не отличаются. Главный способ сделать однотипные квесты формата «убей-принеси» менее раздражающими — правильно расположить их на локации. Грубо говоря, рутинный квест будет ощущаться ещё более рутинным, если игрокам нужно будет бегать для его выполнения от границы до границы зоны. <br /><br /> Очередное задание по истреблению бандитов покажется более интересным, если игрок неожиданно найдет его на своем пути и сможет выполнить прямо на месте. Поэтому левел-дизайнеры часто работают над квестами вместе со сценаристами. <br /><br /> <strong>Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015): <br /></strong><br /> <em>"У нас сценарист писал документ по локации с описанием ключевых мест и происходящих на ней событий, без разбивки на квесты. Далее левел-дизайнер садился рисовать эскиз карты со всеми ключевыми точками и маршрутами игроков, после чего обсуждал результат со сценаристом.</em> <br /><em>По окончании переговоров дизайнер шёл собирать по рисунку болванку будущей локации, а сценарист — писать детальный сюжетный документ, уже разделённый на квесты. А потом именно левел-дизайнер занимался настройкой квестов, созданием мобов и NPC, расположением заданий и их целей."</em><br /></div></div> </div> </div> </div> <style> #rec162805523 .t-text{color:#ffffff;}</style> </div> <div id="rec162805524" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3237-6535-4863-a465-656233656232/VIgi3DauU_E.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3237-6535-4863-a465-656233656232/-/empty/VIgi3DauU_E.jpg" data-original="https://static.tildacdn.com/tild3237-6535-4863-a465-656233656232/VIgi3DauU_E.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3237-6535-4863-a465-656233656232/VIgi3DauU_E.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Skyforge (<a href="https://sf.mail.ru/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805525" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><em></em> Во время разработки World of Warcraft в Blizzard было несколько команд левел-дизайнеров — одни занимались подземельями, другие ландшафтом, третьи — городами и деревнями. Отдельная команда выступала и в роли сценаристов, — они просматривали работу, проделанную другими левел-дизайнерами, и придумывали второстепенные сюжеты и задания на её основе. <br /><br /> <strong>Джон Статс, левел-дизайнер World of Warcraft: <br /></strong><br /> <em>"Есть левел-дизайнеры, рассказывающие истории — они расставляют по локации сущности, которые говорят, ходят и так далее. А есть такие как я — архитекторы, предпочитающие иметь дело с архитектурой и массивными объектами.</em> <br /><em>Рассказчики — не художники, они скорее по инженерной части. Например, когда они видят комнату, которую я сделал, они смотрят на отдельные её элементы. И если я поставил алтарь (просто для того, чтобы заполнить центр комнаты), они начнуть думать: «Так, алтарь — это часть истории. Как мы можем её развить? Тут есть ниши в стенах — может, они как-то связаны с алтарём?». Примерно так пишется множество сторонних историй в MMO."</em><br /><em></em></div></div> </div> </div> </div> <style> #rec162805525 .t-text{color:#ffffff;}</style> </div> <div id="rec162805526" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3835-6666-4266-a534-343233383863/owGIwL4jhYM.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3835-6666-4266-a534-343233383863/-/empty/owGIwL4jhYM.jpg" data-original="https://static.tildacdn.com/tild3835-6666-4266-a534-343233383863/owGIwL4jhYM.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3835-6666-4266-a534-343233383863/owGIwL4jhYM.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">World of Warcraft Classic (<a href="https://blizzard.gamespress.com/ru">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805527" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Прежде чем начать работу над локацией, Джон Статс советовался с креативным директором Крисом Метценом по поводу сюжетных событий в ней. Нередки случаи, когда руководство жёстко навязывает своё видение конкретной зоны и не терпит возражений со стороны левел-дизайнеров, но в Blizzard с этим было проще. <br /><br /> Статс вспоминает, что Метцен придерживался прямо противоположного подхода: если у левел-дизайнера была идея, не противоречащая общей концепции World of Warcraft, тот получал карт-бланш. Крис Метцен позволял Статсу проявлять свою фантазию в подземельях — левел-дизайнер подходил к ним сугубо с художественной точки зрения, а уже потом сценаристы придумывали к ним сюжет, отталкиваясь от обстановки. <br /><br /> <strong>Джон Статс, левел-дизайнер World of Warcraft: <br /></strong><br /> <em>"Я просто решал — «Ладно, я просто создам пещеру, а глубоко в ней поселю босса.» Дальше всё крутилось вокруг поиска правильного окружения для истории и любых идей, попадающих в получившийся стиль. Для World of Warcraft я создал много гробниц, склепов и так далее — всё, что касалось Отрёкшихся.</em> <br /><em>И мне как-то сказали: «Слушай, если ты добавишь ещё пару комнат, мы сможем превратить всё это в полноценное подземелье». Так появился Некроситет. А я ведь и не догадывался, что в него вообще добавят какую-то историю. Иногда на мои работы просто смотрят и говорят «А тут мы можем рассказать сюжет»."</em><br /></div></div> </div> </div> </div> <style> #rec162805527 .t-text{color:#ffffff;}</style> </div> <div id="rec162805528" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6666-6134-4130-b338-643031616138/zU_Qm1AoI9s.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6666-6134-4130-b338-643031616138/-/empty/zU_Qm1AoI9s.jpg" data-original="https://static.tildacdn.com/tild6666-6134-4130-b338-643031616138/zU_Qm1AoI9s.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6666-6134-4130-b338-643031616138/zU_Qm1AoI9s.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">World of Warcraft Classic (<a href="https://blizzard.gamespress.com/ru">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805529" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> В MMORPG редко встречается полноценный, серьёзный сюжет. Поэтому левел-дизайнерам не приходится проектировать специальные сюжетные пространства, в которых должно быть удобно взаимодействовать с NPC и создавать кат-сцены. <br /><br /> <strong>Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"Сюжет делать дорого, а результат одноразовый и короткий. Если посмотреть, чем занимаются высокоуровневые игроки в ММО, то это к сюжету никакого отношения не имеет. Захватить замок у другой гильдии — это им интересно. Но убивать короля Лича они пойдут не ради сюжета, а потому что с него падает крутой шмот, ачивка, нужно по квесту и вообще first kill всегда в почете. Поэтому правильно давать игрокам то, что они хотят, а не навязывать им сюжет.</em> <br /><em>Конечно, можно сказать, что есть те, кто любит PvP, а есть те, кому этого не надо и они бы лучше поиграли в историю. При этом любой игре, даже чистой PvP, нужен если не сюжет, то хотя бы лор, чтобы объяснить, в каком мире происходит действие игры и по каким правилам всё в нем взаимодействует. В идеале можно иметь лишь чуть-чуть сюжета для введения, а дальше позволять игрокам самим вершить историю игрового мира. В конце концов, все самые эпичные истории в EVE Online были созданы игроками, а не сценаристами."</em><br /></div></div> </div> </div> </div> <style> #rec162805529 .t-text{color:#ffffff;}</style> </div> <div id="rec162810960" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6536-3238-4630-b066-663062643234/KOfqtxftzq4.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6536-3238-4630-b066-663062643234/-/empty/KOfqtxftzq4.jpg" data-original="https://static.tildacdn.com/tild6536-3238-4630-b066-663062643234/KOfqtxftzq4.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6536-3238-4630-b066-663062643234/KOfqtxftzq4.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">EVE Online (<a href="https://www.eveonline.com/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805531" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Бывают и исключения. Например, у The Lord of the Rings Online ещё с оригинального запуска был долгий центральный сюжет, который вёл игрока через все локации — в том числе через «одиночные» подземелья. Левел-дизайнерам игры приходилось заниматься непривычными для себя задачами — например, расположить камень, чтобы на него мог присесть старый волшебник, или просчитать геометрию обрушившегося моста. <br /><br /> С другой стороны, это было несравнимо с усилиями левел-дизайнеров Star Wars: The Old Republic — в ней сюжетные локации приходилось делать по всем законам полноценных RPG. Во многом — из-за разветвлённых диалогов и вариативности в прохождении. <br /><br /> <strong>Ярослав Кравцов, бывший ведущий левел-дизайнер Skyforge: <br /></strong><br /> <em>"В этой игре очень хорошо переданы история вселенной Звездных Войн. Ещё и есть все ключевые локации, а для фаната это бальзам на душу. Ещё здесь все диалоги имеют выбор реплик, и при этом целиком озвучены — это неимоверно сложная задача, но она позволяет почувствовать себя в хорошей RPG типа Mass Effect, а не в проходном квесте очередной сделанной на коленке MMO. Но сюжет, как мне кажется, игру и погубил.</em> <br /><em>Когда где-то через два месяца игры и после выполнения последнего сюжетного квеста по экрану пошли титры, лично я просто закрыл игру и больше к ней не возвращался. Всё-таки сюжет — это конечный контент, к тому же очень дорогой в производстве, а в основе ММО должны лежать бесконечные активности."</em><br /></div></div> </div> </div> </div> <style> #rec162805531 .t-text{color:#ffffff;}</style> </div> <div id="rec162805539" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3639-3436-4066-b165-316165343866/nE1hwcDMqdU.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3639-3436-4066-b165-316165343866/-/empty/nE1hwcDMqdU.jpg" data-original="https://static.tildacdn.com/tild3639-3436-4066-b165-316165343866/nE1hwcDMqdU.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3639-3436-4066-b165-316165343866/nE1hwcDMqdU.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Star Wars: The Old Republic (<a href="https://www.swtor.com/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805540" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span" style="font-size: 26px;">Другой подход <br /></span></strong><br /> Несмотря на редкое появление интересных экспериментов вроде той же Star Wars: The Old Republic, основные принципы левел-дизайна западных MMORPG не меняются с выхода World of Warcraft. Гораздо интереснее ситуация с восточными онлайн-играми. MMORPG из Японии, Кореи и Китая сейчас активно экспериментируют со всеми принципами жанра — с левел-дизайном в том числе. <br /><br /> Левел-дизайн ранних азиатских MMORPG был более примитивным, чем у западных конкурентов. В основном он крутился вокруг гринда — медленного, рутинного, но приносящего опыт процесса уничтожения противников. Поэтому в почёте были просторные, хорошо просматирваемые локации, — они были нужны, чтобы игрокам было проще разглядеть следующую цель. Пути игроков и энкаунтеры отталкивались не от квестов, а от простых потребностей из разряда «добыть редкую шкуру» или «продать награбленное». <br /></div></div> </div> </div> </div> <style> #rec162805540 .t-text{color:#ffffff;}</style> </div> <div id="rec162805541" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3561-3866-4663-b339-383833643961/85L2ueXWxvQ.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3561-3866-4663-b339-383833643961/-/empty/85L2ueXWxvQ.jpg" data-original="https://static.tildacdn.com/tild3561-3866-4663-b339-383833643961/85L2ueXWxvQ.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3561-3866-4663-b339-383833643961/85L2ueXWxvQ.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Lineage II (<a href="https://www.lineage2.com/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805542" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> <strong>Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015):<br /></strong><br /> <em>"Лет десять назад основным отличием азиатской ММО от западной было вот что: в западной ты сражаешься с монстром, читаешь историю, одеваешься, идёшь фармить рейды. В азиатской ты сражаешься с полем монстров... А потом с ещё одним, и ещё с десятком полей, и вроде как там тоже был сюжет но это не точно.<br /></em><em>Но со временем границы между азиатскими и условными американскими-европейскими ММОRPG всё сильнее размывались. Игры начали подстраиваться под меняющиеся желания игроков, но уши оригинального подхода торчат до сих пор.</em>"<br /><em></em></div></div> </div> </div> </div> <style> #rec162805542 .t-text{color:#ffffff;}</style> </div> <div id="rec162811593" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3766-3332-4236-b931-623361333632/pfjaIcesmQ0.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3766-3332-4236-b931-623361333632/-/empty/pfjaIcesmQ0.jpg" data-original="https://static.tildacdn.com/tild3766-3332-4236-b931-623361333632/pfjaIcesmQ0.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3766-3332-4236-b931-623361333632/pfjaIcesmQ0.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Justice Online (<a href="http://mmo13.ru/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805543" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes">Сейчас в восточных MMORPG просторные локации для гринда и сюжетные зоны встречаются в равных пропорциях. Поэтому левел-дизайнерам проходится создавать два разных типа пространства. Привычные «парки развлечений» с путями и энкаунтерами должны уживаться с линейными участками, где будут происходить кат-сцены и срежессированные сражения. Конечно, между этими зонами нужно ещё и сделать естественные переходы, чтобы мир ощущался единым целым. <br /><br /> Один из трендов восточных MMORPG — упор на акробатику. Из-за этого левел-дизайнерам нужно следить, чтобы на уровне не осталось дыр и неровных склеек — иначе игроки, способные запрыгнуть почти на любое здание и забраться на любую скалу, рискуют застрять. <br /><br /> <strong>Павел Лазутин, левел-дизайнер «Аллодов Онлайн» (2008-2015): <br /></strong><br /> <em>"Сделав упор на квесты и сюжет, азиатские MMORPG не отказались от гринда. Точнее — сохранили его как альтернативу прохождению основной истории. То есть, если игроку это не интересно, он всё равно сможет без проблем докачатся до максимального уровня, исключительно зачищая мобов. Причём иногда этот способ окажется даже быстрее сюжетного прохождения. Это отличный пример подхода, когда разработчики пытаются угодить всем."</em><br /><em></em></div></div> </div> </div> </div> <style> #rec162805543 .t-text{color:#ffffff;}</style> </div> <div id="rec162805544" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3832-3932-4038-a132-663166383738/yu3CrR6QLL0.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3832-3932-4038-a132-663166383738/-/empty/yu3CrR6QLL0.jpg" data-original="https://static.tildacdn.com/tild3832-3932-4038-a132-663166383738/yu3CrR6QLL0.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3832-3932-4038-a132-663166383738/yu3CrR6QLL0.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">Moonlight Blade (<a href="https://www.reddit.com/">источник</a>)<div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec162805545" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:center;color:#999999;" data-customstyle="yes">***<em></em></div></div> </div> </div> </div> <style> #rec162805545 .t-text{color:#ffffff;}</style> </div> <div id="rec162805546" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Пока в странах Азии жанр развивается, на западе MMORPG чувствуют себя не так хорошо. Крупных релизов почти не выходит, а хиты прошлых лет пытаются любыми способами удержать аудиторию. <br /><br /> Принципы левел-дизайна MMO перешли в другие жанры — с более компактными картами и динамичным геймплееем. Эти жанры сохранили всё лучшее, что можно было найти на локациях MMORPG, но упаковали всё это в более удобный для игроков формат. Обо всём этом мы расскажем во второй части статьи. <br /><em></em></div></div> </div> </div> </div> <style> #rec162805546 .t-text{color:#ffffff;}</style> </div> <div id="rec162812344" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:center;color:#999999;" data-customstyle="yes">***<em></em></div></div> </div> </div> </div> <style> #rec162812344 .t-text{color:#ffffff;}</style> </div> <div id="rec162805548" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Для тех, кто хочет научиться создавать уровни самостоятельно и сделать левел-дизайн своей профессией, у нас есть курс <a href="https://www.school-xyz.com/outblock">OUTBLOCK</a>. Среди преподавателей — левел-дизайнеры из Crytek, CD Projekt Red и VOID Interactive. <br /><br /> До 3 марта 2020 г. действует скидка в 15%. Узнать подробности и записаться на курс можно <a href="https://www.school-xyz.com/outblock#rec158882627">здесь</a>. <br /></div></div> </div> </div> </div> <style> #rec162805548 .t-text{color:#ffffff;}</style> </div> <div id="rec162805549" class="r t-rec t-rec_pt_15 t-rec_pb_30" style="padding-top:15px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3561-3363-4630-b231-373461643131/1.png"> <img class="t-img t-width t107__widthauto"
src="https://thb.tildacdn.com/tild3561-3363-4630-b231-373461643131/-/empty/1.png" data-original="https://static.tildacdn.com/tild3561-3363-4630-b231-373461643131/1.png"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec162805550" class="r t-rec t-rec_pt_15 t-rec_pb_90" style="padding-top:15px;padding-bottom:90px;background-color:#0d0d0d; " data-record-type="797" data-bg-color="#0d0d0d"> <!-- t797 --> <div class="t797"> <div class="t-container"> <div class="t-col t-col_6 t-prefix_3 t-align_center"> <div class="t797__wrapper t797__wrapper_padding" style="background-color:#efefef;"> <div class="t794__title t-descr t-descr_md t-animate" data-animate-style="fadein" data-animate-group="yes" data-animate-order="1" field="title">Понравилась статья?</div> <div class="t797__answers t-vote" style="margin-top:-20px" data-vote-type="single" data-vote-id="162805550" data-vote-visibility="onclick"> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1512750238069" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://thb.tildacdn.com/tild3165-3530-4532-b731-646435653837/-/empty/Poop_Emoji_2.png" data-original="https://static.tildacdn.com/tild3165-3530-4532-b731-646435653837/Poop_Emoji_2.png"
class="t797__img t797__img_width t-img"
imgfield="li_img__1512750238069"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1513680765900" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://thb.tildacdn.com/tild3564-3630-4239-a563-323339636564/-/empty/Slightly_Smiling_Emo.png" data-original="https://static.tildacdn.com/tild3564-3630-4239-a563-323339636564/Slightly_Smiling_Emo.png"
class="t797__img t797__img_width t-img"
imgfield="li_img__1513680765900"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1513669611253" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://thb.tildacdn.com/tild6130-3965-4463-a332-343937336430/-/empty/Heart_Eyes_Emoji_2.png" data-original="https://static.tildacdn.com/tild6130-3965-4463-a332-343937336430/Heart_Eyes_Emoji_2.png"
class="t797__img t797__img_width t-img"
imgfield="li_img__1513669611253"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t797_init',function() {t797_init(162805550);});});</script> <style> #rec162805550 .t797__wrapper{border-radius:10px;}</style> </div> <div id="rec162805551" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec162805551 .t396__artboard {height:460px;background-color:#0D0D0D;}#rec162805551 .t396__filter {height:460px;}#rec162805551 .t396__carrier{height:460px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec162805551 .t396__artboard,#rec162805551 .t396__filter,#rec162805551 .t396__carrier {}#rec162805551 .t396__filter {}#rec162805551 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec162805551 .t396__artboard,#rec162805551 .t396__filter,#rec162805551 .t396__carrier {height:440px;}#rec162805551 .t396__filter {}#rec162805551 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec162805551 .t396__artboard,#rec162805551 .t396__filter,#rec162805551 .t396__carrier {}#rec162805551 .t396__filter {}#rec162805551 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec162805551 .t396__artboard,#rec162805551 .t396__filter,#rec162805551 .t396__carrier {height:480px;}#rec162805551 .t396__filter {}#rec162805551 .t396__carrier {background-attachment:scroll;}}#rec162805551 .tn-elem[data-elem-id="1564554044037"]{color:#ffffff;text-align:center;z-index:1;top:100px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec162805551 .tn-elem[data-elem-id="1564554044037"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.2;font-weight:700;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec162805551 .tn-elem[data-elem-id="1564554044037"]{top:100px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec162805551 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec162805551 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 240px + 40px);;width:400px;height:auto;}}@media screen and (max-width:479px){#rec162805551 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}}#rec162805551 .tn-elem[data-elem-id="1564554130456"]{color:#999;text-align:center;z-index:2;top:185px;;left:calc(50% - 600px + 415px);;width:370px;height:auto;}#rec162805551 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#999;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec162805551 .tn-elem[data-elem-id="1564554130456"]{top:185px;;left:calc(50% - 480px + 295px);;height:auto;}}@media screen and (max-width:959px){#rec162805551 .tn-elem[data-elem-id="1564554130456"]{top:155px;;left:calc(50% - 320px + 135px);;height:auto;}}@media screen and (max-width:639px){#rec162805551 .tn-elem[data-elem-id="1564554130456"]{top:155px;;left:calc(50% - 240px + 55px);;height:auto;}}@media screen and (max-width:479px){#rec162805551 .tn-elem[data-elem-id="1564554130456"]{top:195px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;color:#999999;}#rec162805551 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#999999;background-size:cover;}}#rec162805551 .tn-elem[data-elem-id="1564554178466"]{z-index:3;top:258px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec162805551 .tn-elem[data-elem-id="1564554178466"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec162805551 .tn-elem[data-elem-id="1564554178466"]{top:248px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec162805551 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec162805551 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}}@media screen and (max-width:479px){#rec162805551 .tn-elem[data-elem-id="1564554178466"]{top:248px;;left:calc(50% - 160px + 30px);;width:200px;height:auto;}}#rec162805551 .tn-elem[data-elem-id="1564876573371"]{color:#666666;text-align:center;z-index:4;top:330px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec162805551 .tn-elem[data-elem-id="1564876573371"] .tn-atom{color:#666666;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec162805551 .tn-elem[data-elem-id="1564876573371"]{top:335px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec162805551 .tn-elem[data-elem-id="1564876573371"]{top:315px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec162805551 .tn-elem[data-elem-id="1564876573371"]{top:310px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec162805551 .tn-elem[data-elem-id="1564876573371"]{top:375px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}#rec162805551 .tn-elem[data-elem-id="1564876573371"] .tn-atom{font-size:14px;background-size:cover;}}#rec162805551 .tn-elem[data-elem-id="1565701393805"]{color:#666666;text-align:center;z-index:5;top:375px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec162805551 .tn-elem[data-elem-id="1565701393805"] .tn-atom{color:#666666;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec162805551 .tn-elem[data-elem-id="1565701393805"]{top:380px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec162805551 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec162805551 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec162805551 .tn-elem[data-elem-id="1565701393805"]{top:420px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}#rec162805551 .tn-elem[data-elem-id="1565701393805"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="162805551" data-artboard-screens="320,480,640,960,1200" data-artboard-height="460" data-artboard-valign="center" data-artboard-height-res-320="480" data-artboard-height-res-640="440"> <div class="t396__carrier" data-artboard-recid="162805551"></div> <div class="t396__filter" data-artboard-recid="162805551"></div> <div class='t396__elem tn-elem tn-elem__1628055511564554044037' data-elem-id='1564554044037' data-elem-type='text' data-field-top-value="100" data-field-left-value="320" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-fontsize-value="32" data-field-top-res-320-value="70" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="70" data-field-left-res-480-value="40" data-field-width-res-480-value="400" data-field-top-res-640-value="70" data-field-left-res-640-value="40" data-field-top-res-960-value="100" data-field-left-res-960-value="200"> <div class='tn-atom'field='tn_text_1564554044037'>Хочешь получать лучшие статьи<br>от XyZ раз в неделю?</div> </div> <div class='t396__elem tn-elem tn-elem__1628055511564554130456' data-elem-id='1564554130456' data-elem-type='text' data-field-top-value="185" data-field-left-value="415" data-field-width-value="370" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="195" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="155" data-field-left-res-480-value="55" data-field-top-res-640-value="155" data-field-left-res-640-value="135" data-field-top-res-960-value="185" data-field-left-res-960-value="295"> <div class='tn-atom'field='tn_text_1564554130456'>Подпишись на рассылку XyZ</div> </div> <div class='t396__elem tn-elem tn-elem__1628055511564554178466' data-elem-id='1564554178466' data-elem-type='form' data-field-top-value="258" data-field-left-value="320" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="248" data-field-left-res-320-value="30" data-field-width-res-320-value="200" data-field-top-res-480-value="228" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="228" data-field-left-res-640-value="40" data-field-top-res-960-value="248" data-field-left-res-960-value="200" data-field-inputpos-value="h" data-field-inputfontfamily-value="Arial" data-field-inputfontsize-value="16" data-field-inputfontweight-value="400" data-field-inputcolor-value="#666" data-field-inputbordercolor-value="#666" data-field-inputbordersize-value="1" data-field-inputradius-value="7" data-field-inputheight-value="40" data-field-inputmargbottom-value="20" data-field-inputmargright-value="10" data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="400" data-field-inputtitlecolor-value="#000" data-field-inputtitlemargbottom-value="5" data-field-inputelsfontweight-value="400" data-field-inputelsfontsize-value="14" data-field-buttontitle-value="Подписаться" data-field-buttoncolor-value="#fff" data-field-buttonbgcolor-value="#38b0cd" data-field-buttonbordercolor-value="#666" data-field-buttonradius-value="7" data-field-buttonwidth-value="200" data-field-buttonheight-value="40" data-field-buttonfontfamily-value="BebasRoboto" data-field-buttonfontsize-value="16" data-field-buttonfontweight-value="600" data-field-receivers-value="3a18b021f43e61a277b0babc9a16a84c,164a3b8e9611cc7ecc538151418a854a,d2ad269d53b8517d6f011d8452411a9b,24dadee303ff10af9effec771b8b4e6f,935c4708c0542e69b9c954810f75a47f,808290b07baffee2037d44c1adc9f960,7cb71ac814cf5f11b74e7aff35c39e83,9bd20a80f92aba4c9d1823f2d1339add,3106d7f849cc37cf58f92ca54a12b20d,473bfe0c466b0830324330245ec4f856,22b6124b7d1e8c12b1bfe44591394ad1,4e149223d2a1c89490c6886635e128b1,432ab6b299e9d3b4712f0d8b851a69ca,ede885f6bf92f8aa63caaa2019930c27,ddce5c970ee590f09521887d2c815328,e8e971129be626609ea9f5eacb531712,529d776f47525813dd4c7439d5e2957d,79efdc56002e2fb9160ff9fc91750f61,9349cade6ff136590942028e6ee8bdd0" data-field-inputpos-res-320-value="v" data-field-inputmargbottom-res-320-value="10" data-field-buttonwidth-res-320-value="260"> <div class='tn-atom tn-atom__form'></div> <!--googleoff: all--> <!--noindex--> <div data-nosnippet="true" class="tn-atom__inputs-wrapp" style="display:none;"> <textarea class="tn-atom__inputs-textarea">[{"lid":"1531306540094","ls":"10","loff":"","li_type":"em","li_ph":"Email","li_req":"y","li_nm":"Email"}]</textarea> </div> <!-- Form export deps: https://static.tildacdn.com/css/tilda-zero-form-errorbox.min.css https://static.tildacdn.com/css/tilda-zero-form-horizontal.min.css https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js https://static.tildacdn.com/css/tilda-date-picker-1.0.min.css https://static.tildacdn.com/js/tilda-date-picker-1.0.min.js https://static.tildacdn.com/js/tilda-calc-1.0.min.js https://static.tildacdn.com/js/tilda-upwidget-1.1.min.js https://static.tildacdn.com/js/uploadcare-3.x.full.min.js https://static.tildacdn.com/js/uploadcare-3.x.min.js https://static.tildacdn.com/js/tilda-range-1.0.min.js https://static.tildacdn.com/css/tilda-range-1.0.min.css https://static.tildacdn.com/js/tilda-img-select-1.0.min.js https://static.tildacdn.com/css/tilda-img-select-1.0.min.css --> <!--/noindex--> <!--googleon: all--> </div> <div class='t396__elem tn-elem tn-elem__1628055511564876573371' data-elem-id='1564876573371' data-elem-type='text' data-field-top-value="330" data-field-left-value="445" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="375" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="310" data-field-left-res-480-value="85" data-field-top-res-640-value="315" data-field-left-res-640-value="165" data-field-top-res-960-value="335" data-field-left-res-960-value="325"> <div class='tn-atom'field='tn_text_1564876573371'>Нажимая на кнопку, вы соглашаетесь с условиями обработки данных<br></div> </div> <div class='t396__elem tn-elem tn-elem__1628055511565701393805' data-elem-id='1565701393805' data-elem-type='text' data-field-top-value="375" data-field-left-value="445" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="420" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="360" data-field-left-res-480-value="85" data-field-top-res-640-value="360" data-field-left-res-640-value="165" data-field-top-res-960-value="380" data-field-left-res-960-value="325"> <div class='tn-atom'field='tn_text_1565701393805'><u><a href="https://school-xyz.com/privacy" style="color: rgb(102, 102, 102);" data-redactor-tag="a">Политика конфеденциальности</a></u><br></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('162805551');});});</script> <!-- /T396 --> </div> <div id="rec162805552" class="r t-rec" style=" " data-animationappear="off" data-record-type="142"> <!-- T132 --> <div class="t132"> <div class="t-container_100"> <div class="t132__box t-bgimg" data-original="https://static.tildacdn.com/tild6131-6535-4365-b039-383838326561/hg.png" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild6131-6535-4365-b039-383838326561/-/resizeb/20x/hg.png');"> <div class="t132__wrappper" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.60));"> <a href="/blog/optimizaciya-pochemu-vremya-vazhnee-poligonov"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Как устроена оптимизация, и почему количество полигонов тут - не ключевой фактор.</div> <div class="t132__descr t-descr t-descr_xs">Не трать время впустую на сокращение полигонов. Узнай как значение вызовов отрисовки, динамический батчинг и уровни детализации влияют на стоимость отрисовки кадра.</div> </span> </div> <img class="t132__wire " src="data:image/gif;base64,R0lGODlh6ANYAvcAAP///wAAAAICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAEAAAAALAAAAADoA1gCAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mmzp8+fQIMKHUq0qNGjSJMqXcq0qdOnUKNKnUq1qtWrWLNq3cq1q9evYMOKHUu2rNmzaNOqXcu2rdu3cOPKnUu3rt27ePPq3cu3r9+/gAMLHky4sOHDiBMrXsy4sePHkCNLnky5suXLmDNr3sy5s+fPoEOLHk26tOnTqFOrXs26tevXsGPLnk27tu3buHPr3s27t+/fwIMLH068uPHjyJMrX868ufPn0KNLn069uvXr2LNr3869u/fv4MOL/x9Pvrz58+jTq1/Pvr379/Djy59Pv779+/jz69/Pv7///wAGKOCABBZo4IEIJqjgggw26OCDEEYo4YQUVmjhhRhmqOGGHHbo4YcghijiiCSWaOKJKKao4oostujiizDGKOOMNNZo44045qjjjjz26OOPQAYp5JBEFmnkkUgmqeSSTDbp5JNQRinllFRWaeWVWGap5ZZcdunll2CGKeaYZJZp5plopqnmmmy26eabcMYp55x01mnnnXjmqeeefPbp55+ABirooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxv8q66y01mrrrbjmquuuvPbq66/ABivssMQWa+yxyCar7LLMNuvss9BGK+201FZr7bXYZqvtttx26+234IYr7rjklmvuueimq+667Lbr7rvwxivvvPTWa++9+Oar77789uvvvwAHLPDABBds8MEIJ6zwwgw37PDDEEcs8cQUV2zxxRhnrPHGHHfs8ccghyzyyCSXbPLJKKes8sost+zyyzDHLPPMNNds880456zzzjz37PPPQAct9NBEF2300UgnrfTSTDft9NNQRy311FRXbfXVWGet9dZcd+3112CHLfbYZJdt9tlop6322my37fbbcMct99x012333XjnrffefPf/7fffgAcu+OCEF2744YgnrvjijDfu+OOQRy755JRXbvnlmGeu+eacd+7556CHLvropJdu+umop6766qy37vrrsMcu++y012777bjnrvvuvPfu++/ABy/88MQXb/zxyCev/PLMN+/889BHL/301Fdv/fXYZ6/99tx37/334Icv/vjkl2/++einr/767Lfv/vvwxy///PTXb//9+Oev//789+///wAMoAAHSMACGvCACEygAhfIwAY68IEQjKAEJ0jBClrwghjMoAY3yMEOevCDIAyhCEdIwhKa8IQoTKEKV8jCFrrwhTCMoQxnSMMa2vCGOMyhDnfIwx768IdADKIQ/4dIxCIa8YhITKISl8jEJjrxiVCMohSnSMUqWvGKWMyiFrfIxS568YtgDKMYx0jGMprxjGhMoxrXyMY2uvGNcIyjHOdIxzra8Y54zKMe98jHPvrxj4AMpCAHSchCGvKQiEykIhfJyEY68pGQjKQkJ0nJSlrykpjMpCY3yclOevKToAylKEdJylKa8pSoTKUqV8nKVrrylbCMpSxnScta2vKWuMylLnfJy1768pfADKYwh0nMYhrzmMhMpjKXycxmOvOZ0IymNKdJzWpa85rYzKY2t8nNbnrzm+AMpzjHSc5ymvOc6EynOtfJzna6853wjKc850nPetrznvjMpz73yWrPfvrznwANqEAHStCCGvSgCE2oQhfK0IY69KEQjahEJ0rRilr0ohjNqEY3ytGOevSjIA2pSEdK0pKa9KQoTalKV8rSlrr0pTCNqUxnStOa2vSmOM2pTnfK05769KdADapQh0rUohp1oQEBADs="> </a> </div> </div> <div class="t132__box t-bgimg" data-original="https://static.tildacdn.com/tild6563-3962-4537-b535-383263613466/rendersmall.jpg" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild6563-3962-4537-b535-383263613466/-/resizeb/20x/rendersmall.jpg');"> <div class="t132__wrappper" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.60));"> <a href="/blog/kak-level-dizajnery-sozdayut-urovni"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Как левел-дизайнеры создают уровни. Инструменты и этапы разработки.</div> <div class="t132__descr t-descr t-descr_xs">Рассказываем, какими инструментами пользуется профессиональный левел-дизайнер и как устроен процесс создания Рассказываем какими инструментами пользуется...</div> </span> </div> <img class="t132__wire " src="data:image/gif;base64,R0lGODlh6ANYAvcAAP///wAAAAICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAEAAAAALAAAAADoA1gCAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mmzp8+fQIMKHUq0qNGjSJMqXcq0qdOnUKNKnUq1qtWrWLNq3cq1q9evYMOKHUu2rNmzaNOqXcu2rdu3cOPKnUu3rt27ePPq3cu3r9+/gAMLHky4sOHDiBMrXsy4sePHkCNLnky5suXLmDNr3sy5s+fPoEOLHk26tOnTqFOrXs26tevXsGPLnk27tu3buHPr3s27t+/fwIMLH068uPHjyJMrX868ufPn0KNLn069uvXr2LNr3869u/fv4MOL/x9Pvrz58+jTq1/Pvr379/Djy59Pv779+/jz69/Pv7///wAGKOCABBZo4IEIJqjgggw26OCDEEYo4YQUVmjhhRhmqOGGHHbo4YcghijiiCSWaOKJKKao4oostujiizDGKOOMNNZo44045qjjjjz26OOPQAYp5JBEFmnkkUgmqeSSTDbp5JNQRinllFRWaeWVWGap5ZZcdunll2CGKeaYZJZp5plopqnmmmy26eabcMYp55x01mnnnXjmqeeefPbp55+ABirooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxv8q66y01mrrrbjmquuuvPbq66/ABivssMQWa+yxyCar7LLMNuvss9BGK+201FZr7bXYZqvtttx26+234IYr7rjklmvuueimq+667Lbr7rvwxivvvPTWa++9+Oar77789uvvvwAHLPDABBds8MEIJ6zwwgw37PDDEEcs8cQUV2zxxRhnrPHGHHfs8ccghyzyyCSXbPLJKKes8sost+zyyzDHLPPMNNds880456zzzjz37PPPQAct9NBEF2300UgnrfTSTDft9NNQRy311FRXbfXVWGet9dZcd+3112CHLfbYZJdt9tlop6322my37fbbcMct99x012333XjnrffefPf/7fffgAcu+OCEF2744YgnrvjijDfu+OOQRy755JRXbvnlmGeu+eacd+7556CHLvropJdu+umop6766qy37vrrsMcu++y012777bjnrvvuvPfu++/ABy/88MQXb/zxyCev/PLMN+/889BHL/301Fdv/fXYZ6/99tx37/334Icv/vjkl2/++einr/767Lfv/vvwxy///PTXb//9+Oev//789+///wAMoAAHSMACGvCACEygAhfIwAY68IEQjKAEJ0jBClrwghjMoAY3yMEOevCDIAyhCEdIwhKa8IQoTKEKV8jCFrrwhTCMoQxnSMMa2vCGOMyhDnfIwx768IdADKIQ/4dIxCIa8YhITKISl8jEJjrxiVCMohSnSMUqWvGKWMyiFrfIxS568YtgDKMYx0jGMprxjGhMoxrXyMY2uvGNcIyjHOdIxzra8Y54zKMe98jHPvrxj4AMpCAHSchCGvKQiEykIhfJyEY68pGQjKQkJ0nJSlrykpjMpCY3yclOevKToAylKEdJylKa8pSoTKUqV8nKVrrylbCMpSxnScta2vKWuMylLnfJy1768pfADKYwh0nMYhrzmMhMpjKXycxmOvOZ0IymNKdJzWpa85rYzKY2t8nNbnrzm+AMpzjHSc5ymvOc6EynOtfJzna6853wjKc850nPetrznvjMpz73yWrPfvrznwANqEAHStCCGvSgCE2oQhfK0IY69KEQjahEJ0rRilr0ohjNqEY3ytGOevSjIA2pSEdK0pKa9KQoTalKV8rSlrr0pTCNqUxnStOa2vSmOM2pTnfK05769KdADapQh0rUohp1oQEBADs="> </a> </div> </div> </div> </div> <script>var images=document.querySelectorAll('.t132 img.wire');Array.prototype.forEach.call(images,function(image) {image.addEventListener('load',function() {t132_unifyHeights();});});window.addEventListener('resize',function() {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});});t_onReady(function() {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});if(typeof jQuery!=='undefined') {$('.t132').bind('displayChanged',function() {t132_unifyHeights();});} else {var rec=document.getElementById('rec162805552');if(!rec) return;var wrapperBlock=rec.querySelector('.t132');if(wrapperBlock) {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});wrapperBlock.addEventListener("displayChanged",function() {t132_unifyHeights();});}}});</script> </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="4312269" data-tilda-page-alias="footer" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec517261770" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- автоматизация промобара для курсов и профессий --> <script>
$(function() {
// текст для промобара
$('.heading-1 .tn-atom').html('Учись играючи и со скидкой до 55%'); // заголовок
$('.descr-1 .tn-atom').html('При покупке этого курса ты получишь в подарок любую игру до 2000 ₽ в Steam'); // описание
// описание для сайта Pro
$('.descr-pro .tn-atom').html('Дарим игры: любую до 2000 ₽ в Steam — при покупке курса, Resident Evil Requiem — при покупке профессии');
let currentDate = new Date();
function daysInMonth (month, year) {
return new Date(year, month + 1, 0).getDate();
}
let daysInMonthQuantity = daysInMonth(currentDate.getMonth(), currentDate.getYear());
let numOfMonth = currentDate.getDate();
let numOfMonthFormatted;
let currentMonth = currentDate.getMonth() + 1;
let currentMonthFormatted = currentMonth >= 10 ? currentMonth : '0' + currentMonth;
function setDateEnd(additionalDays) {
if (numOfMonth + additionalDays > daysInMonthQuantity) {
numOfMonthFormatted = '0' + (numOfMonth + additionalDays - daysInMonthQuantity);
currentMonthFormatted = currentMonth + 1 >= 10 ? currentMonth + 1 : '0' + (currentMonth + 1);
} else {
numOfMonthFormatted = numOfMonth + additionalDays >= 10 ? numOfMonth + additionalDays : '0' + (numOfMonth + additionalDays);
}
}
/* указываем дату окончания акции в промобаре */
if (currentDate.getDay() == 1) { // если сегодня понедельник
setDateEnd(3);
} else if (currentDate.getDay() == 2) { // если сегодня вторник
setDateEnd(2);
} else if (currentDate.getDay() == 3) { // если сегодня среда
setDateEnd(1);
} else if (currentDate.getDay() == 4) { // если сегодня четверг
setDateEnd(0);
} else if (currentDate.getDay() == 5) { // если сегодня пятница
setDateEnd(2);
} else if (currentDate.getDay() == 6) { // если сегодня суббота
setDateEnd(1);
} else if (currentDate.getDay() == 0) { // если сегодня воскресенье
setDateEnd(0);
}
if (document.querySelector('.promobar__date-end .tn-atom')) {
document.querySelector('.promobar__date-end .tn-atom').textContent = `до ${numOfMonthFormatted}.${currentMonthFormatted}`;
// document.querySelector('.promobar__date-end .tn-atom').textContent = `до 25.02`;
}
/* end указываем дату окончания акции в промобаре на продуктовых страницах */
});
</script> <style>
.descr-1 .tn-atom {
text-wrap-style: balance;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec521328895" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- скрыть/показать блок с акцией на курсах и профессиях --> <style>
/* блок с акцией */
#rec1123441821 {
/*display: none;*/
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec703641300" class="r t-rec uc-popup-grant" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:get-consult" data-track-popup='/tilda/popup/rec703641300/opened' role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Запишись на демо-урок" style="background-color: rgba(0,0,0,0.80);"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#ffffff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <style>@media screen and (max-width:560px){#rec703641300 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <style> #rec703641300 .t-popup__container{border-radius:24px;overflow:hidden;}@media (max-width:480px){#rec703641300 .t-popup__container{border-radius:16px;overflow:hidden;}}</style> <div class="t-popup__container t-width t-width_6"
style="background-color:#23232a;" data-popup-type="702"> <img class="t702__img t-img"
src="https://thb.tildacdn.com/tild3831-3666-4563-b734-333035633330/-/empty/_1.jpg" data-original="https://static.tildacdn.com/tild3831-3666-4563-b734-333035633330/_1.jpg"
imgfield="img"
alt=""> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_left"> <div class="t702__title t-title t-title_xxs" id="popuptitle_703641300">Запишись на демо-урок</div> <div class="t702__descr t-descr t-descr_xs">Зачем записываться?<br /><ul><li data-list="bullet">Познакомим тебя с платформой и процессом обучения.</li><li data-list="bullet">Подарим 1 из 9 курсов на выбор.</li><li data-list="bullet">Получишь доступ к пробной части курса и полную программу.</li></ul></div> </div> <form
id="form703641300" name='form703641300' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_5 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="d19077112a38917a19ec3d0d3a0d2542" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="79efdc56002e2fb9160ff9fc91750f61" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="9349cade6ff136590942028e6ee8bdd0" class="js-formaction-services"> <input type="hidden" name="tildaspec-formname" tabindex="-1" value="Заявка на бесплатный демо-урок"> <!-- @classes t-title t-text t-btn --> <div class="js-successbox t-form__successbox t-text t-text_md"
aria-live="polite"
style="display:none;"></div> <div
class="t-form__inputsbox
t-form__inputsbox_vertical-form t-form__inputsbox_inrow "> <div
class="t-input-group t-input-group_nm " data-input-lid="3316997753180" data-field-type="nm" data-field-name="name"> <div class="t-input-block " style="border-radius:16px;"> <input
type="text"
autocomplete="name"
name="name"
id="input_3316997753180"
class="t-input js-tilda-rule"
value=""
placeholder="Как тебя зовут?" data-tilda-req="1" aria-required="true" data-tilda-rule="name"
aria-describedby="error_3316997753180"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_3316997753180"></div> </div> <div
class="t-input-group t-input-group_em " data-input-lid="1016997753181" data-field-type="em" data-field-name="email"> <div class="t-input-block " style="border-radius:16px;"> <input
type="email"
autocomplete="email"
name="email"
id="input_1016997753181"
class="t-input js-tilda-rule"
value=""
placeholder="Твоя почта" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1016997753181"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753181"></div> </div> <div
class="t-input-group t-input-group_ph " data-input-lid="1016997753182" data-field-async="true" data-field-type="ph" data-field-name="phone"> <div class="t-input-block " style="border-radius:16px;"> <input
type="tel"
autocomplete="tel"
name="phone"
id="input_1016997753182" data-phonemask-init="no" data-phonemask-id="703641300" data-phonemask-lid="1016997753182" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(000)000-0000" data-tilda-req="1" aria-required="true" aria-describedby="error_1016997753182"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t_loadJsFile',function() {t_loadJsFile('https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js',function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec703641300 [data-phonemask-lid="1016997753182"]');t_form_phonemask_load(phoneMasks);});})})});</script> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753182"></div> </div> <input type="hidden" name="519683" tabindex="-1" value="true"> <input type="hidden" name="519697" tabindex="-1" value="Консультация"> <div
class="t-input-group t-input-group_cb " data-input-lid="1016997753185" data-field-type="cb" data-field-name="privacy" data-default-value=y
> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="privacy"
value="yes"
class="t-checkbox js-tilda-rule"
checked
> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Политикой обработки персональных данных, Согласием Пользователя сайта на обработку персональных данных</a> и <a href="https://school-xyz.com/agreement" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">договором публичной оферты</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753185"></div> </div> <div
class="t-input-group t-input-group_cb " data-input-lid="1016997753186" data-field-type="cb" data-field-name="check" data-default-value=y
> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="check"
value="yes"
class="t-checkbox js-tilda-rule"
checked
> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен получать рекламную рассылку и ознакомился с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Согласием на получение рекламной рассылки</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753186"></div> </div> <input type="hidden" name="526133" tabindex="-1" value="Заявка на бесплатный демо-урок"> <div class="t-form__errorbox-middle"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button
class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
type="submit"><span class="t-btnflex__text">Отправить</span> <style>#rec703641300 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#6060ff;--border-width:0px;border-style:none !important;border-radius:50px;box-shadow:none !important;font-family:BebasRoboto;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec703641300 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {color:#17171b !important;background-color:#ffffff !important;}#rec703641300 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {color:#17171b !important;background-color:#ffffff !important;}}</style></button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec703641300 input::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 input:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input:-ms-input-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea:-ms-input-placeholder{color:#ffffff;opacity:0.5;}</style> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('703641300');});});</script> <style> #rec703641300 .t702__title{color:#ffffff;font-family:'BebasRoboto';font-weight:500;text-transform:uppercase;}@media screen and (min-width:900px){#rec703641300 .t702__title{font-size:40px;line-height:1;}}@media screen and (min-width:480px) and (max-width:900px){#rec703641300 .t702__title{font-size:32px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__title{font-size:32px;line-height:1;}}#rec703641300 .t702__descr{font-size:16px;line-height:1.6;color:#ffffff;font-weight:400;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__descr{font-size:14px;line-height:1.6;}}</style> </div> <div id="rec684407761" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стили для #popup:get-consult --> <style>
.uc-popup-grant .t-popup__close {
top: 20px;
right: 20px !important;
width: 40px;
height: 40px;
/*background: rgb(255 255 255 / 20%);*/
background: #23232a;
border-radius: 50px;
}
.uc-popup-grant .t-popup__block-close-button {
width: 16px;
padding: 12px;
}
.uc-popup-grant .t-popup__close-icon {
width: 16px;
height: 16px;
}
.uc-popup-grant .t702 .t-popup__container {
padding: 8px;
box-sizing: border-box;
}
.uc-popup-grant .t702 .t702__img {
border-radius: 16px;
}
.uc-popup-grant .t702 .t702__wrapper {
padding: 24px;
}
/* градиент для заголовка */
.uc-popup-grant .t702__title {
/*background: linear-gradient(#FFEBA9, #D9B339 100%);*/
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/
display: inline-block;
}
.uc-popup-grant .t-descr {
display: inline-block;
}
.uc-popup-grant .t-form__inputsbox {
display: flex;
flex-direction: column;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-color: rgb(255 255 255 / 10%) !important;
}
/* стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-checkbox__control {
display: flex;
column-gap: 8px;
}
.uc-popup-grant .t-checkbox__indicator {
width: 24px;
height: 24px;
margin-right: 0;
border: 2px solid rgb(255 255 255 / 50%) !important;
border-radius: 4px;
}
.uc-popup-grant .t702 .t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator {
border-color: rgb(255 255 255 / 50%) !important;
background: transparent;
}
.uc-popup-grant .t-checkbox__indicator:after {
width: 5px;
height: 11px;
left: 7px;
top: 1px;
border-width: 0 2px 2px 0;
border-color: rgb(255 255 255 / 50%) !important;
}
/* конец стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-input-group_cb {
order: 5;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
color: rgb(255 255 255 / 50%) !important;
font-size: 12px !important;
line-height: 1.2;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] :is(span, a) {
color: rgb(255 255 255 / 50%) !important;
border-color: rgb(255 255 255 / 50%) !important;
}
.uc-popup-grant .t702 .t-form__submit {
margin-top: 8px;
margin-bottom: 16px;
}
.uc-popup-grant .t702 .t702__form-bottom-text {
margin-top: 24px;
}
/* стилизация кнопки Телеграм */
.uc-popup-grant .t702__form-bottom-text a {
display: flex;
justify-content: center;
align-items: center;
column-gap: 8px;
height: 54px;
background: #fff;
border-radius: 50px;
color: #17171b !important;
transition: .2s ease;
}
.uc-popup-grant .t702__form-bottom-text a:hover {
background: #f5f5f5;
}
.uc-popup-grant .t702__form-bottom-text a:before {
content: '';
width: 1.5em;
aspect-ratio: 1;
background: url(https://static.tildacdn.com/tild3738-3936-4437-b162-383836343233/Artboard.svg);
background-size: contain;
background-repeat: no-repeat;
}
/* end стилизация кнопки Телеграм */
@media (max-width: 639px) {
.uc-popup-grant .t-popup {
padding: 0 10px;
}
.uc-popup-grant .t-popup[style="display: block;"] {
display: flex !important;
flex-wrap: wrap;
align-items: center;
}
.uc-popup-grant .t-popup .t-popup__container {
flex-wrap: wrap;
min-height: fit-content;
/*padding: 0;*/
margin: 24px 0;
overflow: hidden;
}
.uc-popup-grant .t702 .t702__img {
border-radius: 10px;
}
.uc-popup-grant .t-popup .t-popup__container .t702__wrapper {
background: inherit;
-webkit-transform: none;
-o-transform: none;
transform: none;
padding: 24px 8px 8px;
}
.uc-popup-grant .t-popup__close {
/*top: 16px;*/
/*right: 16px !important;*/
left: auto;
padding: 0;
align-items: center;
justify-content: center;
zoom: 0.7;
}
.uc-popup-grant .t-popup__block-close-button {
margin-right: 0;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-radius: 8px !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
font-size: 12px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-popup-grant .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Форма для новой версии футера ▼</strong> --> <div id="rec1221022041" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="121" data-alias-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- новая версия футера от 12.08.25 --> <footer> <div class="footer__wrap"> <div class="footer__navigation"> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">О школе</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://www.school-xyz.com/license">Лицензия</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/feedback">Отзывы студентов</a></li> <!--<li class="footer__list-link"><a href="https://school-xyz.com/raboty-studentov">Работы студентов</a></li>--> <!--<li class="footer__list-link"><a href="https://school-xyz.com/rassrochka">Рассрочка</a></li>--> <li class="footer__list-link"><a href="#popup:rec">Реквизиты</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/certificate">Подарочный сертификат</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/adminform">Оставить отзыв руководству</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/info-about-it-activities">Об IT деятельности</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/lms">Об обучающей платформе</a></li> <!--<li class="footer__list-link"><a href="https://school-xyz.com/career-xyz">Вакансии</a></li>--> <li class="footer__list-link"><a href="https://career-center.ultimate-education.ru" target="_blank">Карьерный центр</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Направления</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://school-xyz.com/3d-modelirovanie">3D-моделирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/geymdizayn">Геймдизайн</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/2d-illyustraciya">2D-иллюстрация</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/programmirovanie">Программирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/menedzhement">Менеджмент</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/video-i-speceffekty">Видео и спецэффекты</a></li> <!--<li class="footer__list-link"><a href="https://www.school-xyz.com/courses/3ds-max">3ds Max: курсы и профессии</a></li>--> <li class="footer__list-link"><a href="https://school-xyz.com/courses">Все курсы</a></li> </ul> </nav> </div> <div class="footer__chapter-links-wrapper"> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Сотрудничество</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <!--<li class="footer__list-link"><a href="https://school-xyz.com/b2b">Корпоративное обучение</a></li>--> <li class="footer__list-link"><a href="https://school-xyz.com/we-are-looking-for-new-teachers">Вакансии для экспертов</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/partners">Партнёрская программа</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Проекты</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://media-xyz.com/">XYZ Media</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/mentorstvo-s-gamedev-magistrami">Менторство в геймдеве</a></li> <li class="footer__list-link"><a href="https://thecreativity.ru/plus">Креативити</a></li> </ul> </nav> </div> </div> <div class="footer__contacts-container"> <div class="footer__contacts-wrap"> <a href="tel:+74996474926" class="">+7 (499) 647-49-26</a> <a href="tel:+74993030408" class="">+7 (499) 303-04-08</a> <a href="mailto:hello@school-xyz.com" class="footer__contacts-email">hello@school-xyz.com</a> </div> <div class="footer__social-links"> <a href="https://artstation.com/xyzschool" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild6138-6134-4835-a431-326434353061/artstation.svg" class="artstation" alt="Иконка Artstation"> </a> <a href="https://vk.com/xyz_gamedev" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild3933-6261-4533-b566-626135393434/vk.svg" class="vk" alt="Иконка VK"> </a> <a href="https://youtube.com/channel/UCtJsE0SDhyS4ib2evb5k3gg/videos" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild6539-3932-4764-b961-663633393636/youtube.svg" class="youtube" alt="Иконка Youtube"> </a> <a href="https://t.me/xyz_cg" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild3461-3738-4566-b931-323833326538/telegram.svg" class="telegram" alt="Иконка Telegram"> </a> </div> </div> </div> <div class="footer__other-info"> <div class="footer__other-info-left-side"> <p>©2026, XYZ</p> <div class="footer__awards"> <img src="" class="footer__runet-icon" alt="Иконка Рунет"> <a href="https://vk.com/wall-124560669_50286">Премия Рунета 2020, Игровая индустрия</a> </div> <div class="footer__awards"> <img src="" class="footer__skolkovo-icon" alt="Иконка Сколково"> <a href="https://navigator.sk.ru/?q=N4IgZiBcoC4IYHMDOB9GBPADgUyiA9gE4gC%2BANCEngLQC22tARtoSkgJYB2AxrhZlACMJIA">Участник Сколково</a> </div> </div> <div class="footer__legal-info"> <a href="https://www.school-xyz.com/sitemap">Карта сайта</a> <a href="https://school-xyz.com/info-about-educational-organization">Сведения об образовательной организации</a> <a href="https://school-xyz.com/privacy-policy">Обработка персональных данных</a> <a href="https://school-xyz.com/agreement">Оферта</a> <a href="#popup:sout">СОУТ</a> </div> </div> </div> </footer> <style>
:root {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-text: #fff;
--color-text-opacity: rgba(255, 255, 255, 0.5);
--color-accent: #6060ff;
--color-border: #373742;
--color-bg-contacts: #2B2A37;
--color-bg-input: #212127;
--color-social-icon: var(--color-accent);
--color-bg-social-icon: #2B2B34;
--url-runet-icon: url(https://static.tildacdn.com/tild6136-3933-4465-b933-613637353637/runet-icon-dark.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3235-3332-4635-a537-396662353164/skolkovo-icon-dark.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild6663-3965-4735-b337-393062313665/arrow-down-dark.svg);
}
:root .light-theme {
--color-bg: #fff;
--color-text: #17171b;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-border: #EDEDED;
--color-bg-contacts: #f5f5f5;
--color-bg-input: #fff;
--color-bg-social-icon: #fff;
--url-runet-icon: url(https://static.tildacdn.com/tild6133-3337-4530-b063-336537643538/runet-icon-light_1.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3737-3331-4464-a437-613336636531/skolkovo-icon-light.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild3737-3062-4562-b662-623536383335/arrow-down-light.svg);
}
.t123 footer {
position: relative;
background: var(--color-bg);
width: 100%;
will-change: transform;
-webkit-transform: translateZ(0);
padding-top: 112px;
}
.footer__wrap {
display: flex;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
flex-wrap: wrap;
column-gap: 16px;
}
.footer__navigation {
display: flex;
flex-wrap: wrap;
width: 100%;
column-gap: 16px;
padding-bottom: 64px;
margin-bottom: 40px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-wrapper {
display: flex;
flex-direction: column;
row-gap: 32px;
}
.footer__chapter-links {
width: 278px;
flex-shrink: 0;
}
.footer__chapter-links:last-child {
flex-shrink: 1;
}
#allrecords .footer__chapter-links-list {
display: flex;
flex-direction: column;
row-gap: 8px;
list-style-type: none;
padding-top: 16px;
padding-left: 0;
margin-bottom: 0;
}
.footer__chapter-links-heading {
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: var(--color-text);
}
.footer__list-link {
font-weight: 400;
font-size: 14px;
line-height: 160%;
}
#allrecords .footer__list-link a {
text-decoration: none;
transition: .2s ease;
color: var(--color-text);
}
#allrecords .footer__list-link a:hover {
color: var(--color-accent);
}
.footer__contacts-container {
display: flex;
align-items: flex-start;
flex-direction: column;
row-gap: 24px;
width: 278px;
box-sizing: border-box;
}
.footer__contacts-wrap {
display: flex;
flex-direction: column;
row-gap: 4px;
}
#allrecords .footer__contacts-wrap a {
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__contacts-wrap a:hover {
color: var(--color-accent);
}
#allrecords a.footer__contacts-email {
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: var(--color-accent);
transition: .2s ease;
}
#allrecords a.footer__contacts-email:hover {
color: var(--color-text);
}
.footer__social-links {
display: flex;
column-gap: 8px;
}
.footer__social-links a {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
overflow: hidden;
transition: .2s ease;
}
.footer__social-icon:hover {
transform: translateY(-4px);
}
.footer__other-info {
display: flex;
justify-content: space-between;
column-gap: 24px;
padding-bottom: 40px;
width: 100%;
}
.footer__other-info-left-side {
display: flex;
align-items: center;
column-gap: 32px;
}
.footer__other-info p {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
}
.footer__awards {
display: flex;
align-items: center;
column-gap: 10px;
max-width: 160px;
}
#allrecords .footer__awards a {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
text-decoration: none;
}
.footer__runet-icon {
content: var(--url-runet-icon);
font-size: 10px;
}
.footer__skolkovo-icon {
content: var(--url-skolkovo-icon);
font-size: 10px;
}
.footer__skolkovo-icon + a {
width: min-content;
}
.footer__legal-info {
display: flex;
align-items: center;
column-gap: 16px;
}
#allrecords .footer__legal-info a {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__legal-info a:hover {
color: var(--color-text);
}
@media screen and (max-width: 1199px) {
.t123 footer {
padding-top: 96px;
}
.footer__wrap {
max-width: 940px;
}
.footer__contacts-container {
width: fit-content;
}
.footer__navigation {
row-gap: 32px;
padding-bottom: 40px;
}
.footer__chapter-links-wrapper {
flex-direction: row;
column-gap: 16px;
order: 4;
}
.footer__chapter-links {
width: 304px;
}
.footer__other-info {
flex-direction: column;
row-gap: 16px;
}
.footer__other-info-left-side {
column-gap: 24px;
}
.footer__legal-info {
column-gap: 16px;
}
}
@media screen and (max-width: 959px) {
.t123 footer {
padding-top: 88px;
}
.footer__wrap {
max-width: 620px;
padding-top: 16px;
border-top: 1px solid var(--color-border);
}
.footer__navigation {
flex-direction: column;
row-gap: 16px;
width: 100%;
}
.footer__chapter-links {
width: 100%;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-wrapper {
order: 3;
flex-direction: column;
row-gap: 16px;
}
.footer__chapter-links-heading {
position: relative;
display: flex;
align-items: center;
will-change: transform;
}
.footer__chapter-links-heading::after {
content: ' ';
background-image: var(--url-arrow-down);
width: 24px;
height: 24px;
position: absolute;
right: 0;
transition: .4s ease;
}
.footer__chapter-links-heading.open::after {
transform: rotateX(180deg);
}
.footer__chapter-links-wrap {
display: none;
}
.footer__contacts-container {
width: 620px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
height: fit-content;
row-gap: 32px;
padding-top: 24px;
order: 4;
}
.footer__other-info {
flex-wrap: wrap;
justify-content: flex-start;
}
.footer__other-info p {
order: 2;
}
.footer__awards {
order: 3;
}
.footer__legal-info {
flex-wrap: wrap;
order: 1;
max-width: 100%;
width: 100%;
column-gap: 24px;
row-gap: 8px;
}
}
@media screen and (max-width: 639px) {
.t123 footer {
padding-top: 72px;
}
.footer__wrap {
max-width: calc(100% - 24px);
}
.footer__chapter-links-heading {
font-size: 16px;
}
.footer__list-link {
font-size: 12px;
}
.footer__contacts-container {
width: 100%;
row-gap: 16px;
padding-top: 16px;
}
#allrecords .footer__contacts-wrap a {
font-size: 16px;
}
#allrecords a.footer__contacts-email {
font-size: 12px;
}
.footer__social-links {
width: fit-content;
}
.footer__navigation {
padding-bottom: 32px;
margin-bottom: 32px;
}
.footer__other-info {
row-gap: 24px;
justify-content: flex-start;
padding-bottom: 32px;
}
.footer__other-info p {
order: 3;
text-align: center;
font-size: 10px;
width: 100%;
}
.footer__other-info-left-side {
order: 2;
flex-wrap: wrap;
justify-content: flex-start;
row-gap: 16px;
}
.footer__awards {
order: 2;
margin-bottom: 8px;
max-width: 142px;
}
#allrecords .footer__awards a {
font-size: 10px;
}
.footer__legal-info {
align-items: flex-start;
}
#allrecords .footer__legal-info a {
font-size: 10px;
line-height: 16px;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
if (document.documentElement.clientWidth < 960) {
$('.footer__chapter-links-heading').click(function() {
$(this).siblings('.footer__chapter-links-wrap').slideToggle();
$(this).toggleClass('open');
});
}
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec958878116" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация новых чекбоксов от 15.04.25 --> <style>
.t-input-group.t-input-group_cb[data-field-name="privacy"], .t-input-group_cb:has(input[name="privacy"]) {
margin-bottom: 0 !important;
}
/* скрываем чекбокс у согласия с политикой и оффертой */
.t-input-group_cb[data-field-name="privacy"] :is(.t-checkbox, .t-checkbox__indicator),
.t-input-group_cb input[name="privacy"], .t-input-group_cb input[name="privacy"] + .t-checkbox__indicator {
display: none;
}
.t-input-group_cb[data-field-name="privacy"] .t-checkbox__labeltext,
.t-input-group_cb input[name="privacy"] ~ .t-checkbox__labeltext {
margin-left: 0;
}
.t-input-group_cb[data-field-name="privacy"], .t-input-group_cb .t-checkbox__control:has([name="privacy"]) {
pointer-events: none;
}
.t-input-group_cb[data-field-name="privacy"] a, .t-input-group_cb input[name="privacy"] ~ .t-checkbox__labeltext a {
pointer-events: auto;
}
.t-input-group.t-input-group_cb[data-field-name="check"], .t-input-group_cb:has(input[name="check"]) {
margin-top: 16px;
margin-bottom: 0 !important;
}
.t-input-group.t-input-group_cb[data-field-name="check"] .t-checkbox__control {
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Мини-футер ▼</strong> --> <div id="rec216668598" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec216668598 .t396__artboard {height:530px;}#rec216668598 .t396__filter {height:530px;}#rec216668598 .t396__carrier{height:530px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:522px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:490px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:649px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}#rec216668598 .tn-elem[data-elem-id="1564645816905"]{z-index:3;top:0px;;left:0px;;width:760px;height:530px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom{border-radius:24px 24px 24px 24px;background-color:#17171b;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:620px;height:522px;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:620px;height:490px;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:300px;height:649px;border-radius:16px 16px 16px 16px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec216668598 .tn-elem[data-elem-id="1596205809432"]{color:#ffffff;z-index:4;top:144px;;left:40px;;width:310px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:136px;;left:40px;;width:300px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:112px;;left:32px;;width:260px;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:80px;;left:16px;;width:230px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{font-size:12px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1596206009249"]{color:#ffffff;z-index:5;top:144px;;left:350px;;width:280px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:136px;;left:340px;;width:188px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:112px;;left:322px;;width:260px;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:324px;;left:16px;;width:240px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{font-size:12px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1596206049927"]{color:#ffffff;z-index:6;top:40px;;left:40px;;width:418px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:80px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:40px;;left:40px;;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:72px;background-size:cover;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:32px;;left:32px;;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:56px;background-size:cover;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:24px;;left:16px;;width:202px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:40px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1607933466856"]{color:#ffffff;z-index:7;top:424px;;left:40px;;width:440px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:416px;;left:40px;;width:434px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:392px;;left:32px;;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:549px;;left:16px;;width:268px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="216668598" data-artboard-screens="320,640,960,1200" data-artboard-height="530" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-heightmode="hug" data-artboard-height-res-320="649" data-artboard-height-res-640="490" data-artboard-height-res-960="522"> <div class="t396__carrier" data-artboard-recid="216668598"></div> <div class="t396__filter" data-artboard-recid="216668598"></div> <div class='t396__elem tn-elem requisites-bg tn-elem__2166685981564645816905' data-elem-id='1564645816905' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="530" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-heightmode-value="fixed" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="649" data-field-width-res-320-value="300" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-height-res-640-value="490" data-field-width-res-640-value="620" data-field-axisx-res-640-value="left" data-field-heightmode-res-640-value="fixed" data-field-top-res-960-value="0" data-field-left-res-960-value="0" data-field-height-res-960-value="522" data-field-width-res-960-value="620" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596205809432' data-elem-id='1596205809432' data-elem-type='text' data-field-top-value="144" data-field-left-value="40" data-field-height-value="264" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="80" data-field-left-res-320-value="16" data-field-width-res-320-value="230" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="112" data-field-left-res-640-value="32" data-field-width-res-640-value="260" data-field-top-res-960-value="136" data-field-left-res-960-value="40" data-field-width-res-960-value="300"> <div class='tn-atom'field='tn_text_1596205809432'><span style="color: rgb(115, 115, 115);">Наименование</span><br>ООО "ИКС ВАЙ ЗЕТ НЕТВОРК" <br><br><span style="color: rgb(115, 115, 115);">ИНН</span><br>9705150153 <br><br><span style="color: rgb(115, 115, 115);">КПП</span> <br>770501001 <br><br><span style="color: rgb(115, 115, 115);">Счёт (₽) </span><br>40702810902500083750<br>1207700448361 ОГРН</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206009249' data-elem-id='1596206009249' data-elem-type='text' data-field-top-value="144" data-field-left-value="350" data-field-height-value="242" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="324" data-field-left-res-320-value="16" data-field-width-res-320-value="240" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="112" data-field-left-res-640-value="322" data-field-width-res-640-value="260" data-field-top-res-960-value="136" data-field-left-res-960-value="340" data-field-width-res-960-value="188"> <div class='tn-atom'field='tn_text_1596206009249'><span style="color: rgb(115, 115, 115);">Банк получателя</span><br> "ООО "Банк Точка" "<br><br><span style="color: rgb(115, 115, 115);">Город </span><br>Москва<br><br><span style="color: rgb(115, 115, 115);">БИК </span><br>044525104<br><br><span style="color: rgb(115, 115, 115);">Корр. счёт </span><br>30101810745374525104</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206049927' data-elem-id='1596206049927' data-elem-type='text' data-field-top-value="40" data-field-left-value="40" data-field-height-value="140" data-field-width-value="418" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="80" data-field-top-res-320-value="24" data-field-left-res-320-value="16" data-field-width-res-320-value="202" data-field-fontsize-res-320-value="40" data-field-top-res-640-value="32" data-field-left-res-640-value="32" data-field-fontsize-res-640-value="56" data-field-top-res-960-value="40" data-field-left-res-960-value="40" data-field-fontsize-res-960-value="72"> <div class='tn-atom'field='tn_text_1596206049927'>РЕКВИЗИТЫ</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981607933466856' data-elem-id='1607933466856' data-elem-type='text' data-field-top-value="424" data-field-left-value="40" data-field-height-value="66" data-field-width-value="440" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="549" data-field-left-res-320-value="16" data-field-width-res-320-value="268" data-field-heightunits-res-320-value="px" data-field-textfit-res-320-value="autoheight" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="392" data-field-left-res-640-value="32" data-field-top-res-960-value="416" data-field-left-res-960-value="40" data-field-width-res-960-value="434"> <div class='tn-atom'field='tn_text_1607933466856'><span style="color: rgb(115, 115, 115);">Юридический адрес</span><br>115184, г. Москва, вн.тер.г. муниципальный округ Замоскворечье, ул Бахрушина, д. 10, стр. 2</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('216668598');});});</script> <!-- /T396 --> </div> <div id="rec216668599" class="r t-rec uc-requisites" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:rec"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_8"> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec216668599');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('216668599');});});</script> </div> <div id="rec216668601" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация попапа Реквизиты --> <style>
.shirina {
background: none !important;
right: 0 !important;
left: 0 !important;
}
.parpadding {
padding: 0 !important;
}
:is(.uc-requisites, .t390, .t331) .t-popup__close {
top: 24px;
right: 24px !important;
width: 44px;
height: 44px;
background: rgb(255 255 255 / 20%);
border-radius: 30px;
zoom: 0.8;
}
.t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media (max-width: 639px) {
.uc-requisites .t-popup {
background: rgb(0 0 0 / 40%);
}
.uc-requisites .t-popup__container.t-popup__container-static {
margin: 24px auto;
}
:is(.uc-requisites, .t390) .t-popup__close {
position: absolute;
top: 16px;
right: 16px !important;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
var ZeroPopID = '#rec216668598'; //Прописываем ID Zero
var PopWindID = '#rec216668599'; //Прописываем ID PopUp окна BF503
//Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
$(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
$(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding");
// перемещаем крестик внутрь попапа
$('.uc-requisites').each(function() {
$(this).find('.requisites-bg').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec577164264" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:license"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_6"> <div class="t390__wrapper t-align_center"> <div class="t390__descr t-descr t-descr_xs">Лицензия на образовательную деятельность рег. номер <span style="font-weight: 700;">Л035−1 298−77/179 677</span> от 22 февраля 2022</div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec577164264');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('577164264');});});</script> <style> #rec577164264 .t390__descr{color:#17171b;}</style> </div> <div id="rec586447967" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:sout"
role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Результаты СОУТ"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_8"> <div class="t390__wrapper t-align_left"> <div class="t390__title t-heading t-heading_lg" id="popuptitle_586447967">Результаты СОУТ</div> <div class="t390__descr t-descr t-descr_xs">В декабре 2022 года в соответствии с действующим законодательством Российской Федерации в ООО «ИКС ВАЙ ЗЕТ НЕТВОРК» была проведена специальная оценка условий труда.<br /><br />С учётом требований законодательства Российской Федерации о персональных данных и законодательства Российской Федерации о государственной и об иной охраняемой законом тайне публикуем:<br /><ul><li style="color: rgb(23, 23, 27);"><a href="https://drive.google.com/file/d/1Hf0P73TIs0gn8ZB2SeQOeCdK0y1RaYP_/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">сводную ведомость специальной оценки условий труда</a></li><li><a href="https://drive.google.com/file/d/1msPYwdLZh2h88eb6Jrz-xDyERfamTmQc/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">перечень мероприятий по улучшению условий и охраны труда работников</a>, на рабочих местах которых проводилась специальная оценка условий труда.</li></ul></div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec586447967');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('586447967');});});</script> <style> #rec586447967 .t390__title{color:#17171b;font-weight:500;text-transform:uppercase;}@media screen and (min-width:900px){#rec586447967 .t390__title{font-size:60px;line-height:1;}}#rec586447967 .t390__descr{font-size:14px;line-height:1.6;color:#17171b;}</style> </div> <div id="rec577164294" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация попапа с лицензией и СОУТ --> <style>
.uc-license-popup .t-popup__container {
border-radius: 20px;
}
.uc-license-popup .t-popup__close {
zoom: 0.8;
background: #F0F0F0;
border-radius: 30px;
width: 44px;
height: 44px;
}
.uc-license-popup .t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.uc-license-popup .t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media screen and (max-width: 1199px) {
.uc-license-popup .t390__title {
font-size: 52px !important;
}
}
@media screen and (max-width: 959px) {
.uc-license-popup .t390__title {
font-size: 48px !important;
}
}
@media screen and (max-width: 639px) {
.uc-license-popup .t-popup__close {
zoom: 0.6;
top: 16px;
right: 16px;
}
.uc-license-popup .t390__wrapper {
padding: 32px 40px;
}
.uc-license-popup .t390__title {
font-size: 28px !important;
}
.uc-license-popup .t390__descr {
font-size: 10px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-license-popup .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec602614066" class="r t-rec" style=" " data-animationappear="off" data-record-type="886"> <!-- T886 --> <div class="t886 t886_closed" data-storage-item="t886cookiename_1006203" style=""> <div class="t886__wrapper" style="background-color:#ffffff; width:740px;"> <div class="t886__text t-text t-text_xs t-valign_middle" field="text">Пользуясь нашим сайтом, ты соглашаешься с тем, что мы <u style="color: rgb(128, 128, 255);"><a href="https://www.school-xyz.com/privacy-policy" style="box-shadow: none; text-decoration: none; border-bottom-style: solid; border-bottom-color: rgb(128, 128, 255); color: rgb(128, 128, 255);">используем cookies</a></u>.</div> <div
class="t-btn t-btnflex t-btnflex_type_button t-btnflex_sm t886__btn"
type="button"><span class="t-btnflex__text">Принять</span> <style>#rec602614066 .t-btnflex.t-btnflex_type_button {color:#ffffff;background-color:#6060ff;border-style:solid !important;border-color:#6060ff !important;--border-width:1px;border-radius:50px;box-shadow:none !important;font-weight:400;padding:9px 24px 9px 24px;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {color:#ffffff !important;background-color:#6060ff !important;}#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {color:#ffffff !important;background-color:#6060ff !important;}}</style></div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t886_init',function() {t886_init('602614066');});});</script> <style>#rec602614066 .t886__text{text-align:left;}</style> <style> #rec602614066 .t886__text{line-height:1.6;color:#17171b;}</style> <style>#rec602614066 .t886__wrapper {box-shadow:0px 0px 4px rgba(0,0,0,0.1);}</style> <style> #rec602614066 .t886__wrapper{border-radius:16px;}@media (max-width:480px){#rec602614066 .t886__wrapper{border-radius:8px;}}</style> </div> <div id="rec602637647" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация виджета cookie --> <style>
.t886 {
width: 100%;
z-index: 1000000001;
transition: .3s ease;
}
.t-body.show-promobar:not(.hide-promobar) .t886 {
bottom: calc(var(--dynamic-bottom) + 20px) !important;
}
.t886__wrapper {
display: flex;
padding: 12px 24px;
margin: 0 auto;
gap: 16px;
}
.t886__text {
font-size: 14px;
padding-right: 0 !important;
}
.t886__btn {
font-size: 14px;
line-height: 1.6;
}
@media screen and (max-width: 980px) {
.t886 {
width: calc(100% - 20px) !important;
left: 10px !important;
bottom: unset !important;
top: 14px !important;
}
.t886__wrapper {
border-radius: 8px !important;
padding: 8px 16px;
gap: 20px;
}
}
@media (max-width: 639px) {
.t886__text {
font-size: 10px;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec368502560" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- плагин интеграции amo crm -> yandex metrika --> <script type="text/javascript">
(function(){
var ya_counter_id = '65640406';
var ya_client_id = '';
var setYaClientId = function (){
var intervalYaClientId = setInterval(function(){
try {
if (typeof window['yaCounter'+ya_counter_id] !== "undefined" && typeof window['yaCounter'+ya_counter_id].getClientID !== "undefined") {
ya_client_id = window['yaCounter'+ya_counter_id].getClientID();
if (!ya_client_id)
return;
var forms = document.getElementsByTagName("form");
for (var i = 0; i < forms.length; i++) {
var input = document.createElement("INPUT");
input.type = "hidden";
input.name = "YMClientID";
input.value = ya_client_id;
forms[i].appendChild(input);
}
clearInterval(intervalYaClientId);
}
} catch(err) {
}
}, 1000);
};
setYaClientId();
})();
</script> <!-- nominify end --> </div> </div> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat --> <!-- Yandex.Metrika counter 65640406 --> <script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym");window.mainMetrikaId='65640406';ym(window.mainMetrikaId,"init",{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true,params:{__ym:{"ymCms":{"cms":"tilda","cmsVersion":"1.0"}}},ecommerce:"dataLayer"});},2000);</script> <noscript><div><img src="https://mc.yandex.ru/watch/65640406" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';}
window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'46f1ce95aad41ac8b0d98605c4e04383','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> <!-- Rating Mail.ru counter --> <script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){var _tmr=window._tmr||(window._tmr=[]);_tmr.push({id:"3737289",type:"pageView",start:(new Date()).getTime()});window.mainMailruId='3737289';(function(d,w,id) {if(d.getElementById(id)) {return;}
var ts=d.createElement("script");ts.type="text/javascript";ts.async=true;ts.id=id;ts.src="https://top-fwz1.mail.ru/js/code.js";var f=function() {var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(ts,s);};if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,"topmailru-code");},2000);</script> <noscript><img src="https://top-fwz1.mail.ru/counter?id=3737289;js=na" style="border:0;position:absolute;left:-9999px;width:1px;height:1px" alt="Top.Mail.Ru" /></noscript> <!-- //Rating Mail.ru counter --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTCCH4H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body> </html>