Fire Emblem: Three Houses игроки часто называют «симулятором свиданий». С одной стороны, серьёзной ролевой тактике такое описание должно быть не к лицу. С другой — игра действительно сделала всё возможное, чтобы её можно было причислить к этому жанру. А ведь 30 лет назад всё начиналось с простой идеи: сделать так, чтобы игроки в стратегии относились к юнитам не как к пушечному мясу.
Разбираемся, почему фанаты так любят персонажей Fire Emblem, и как серия научила игроков ценить каждого бойца.
Fire Emblem: Three Houses — Cindered Shadows [источник]
Предыстория
К началу 1990-х годов прошлого века стратегический жанр ещё только набирал популярность. Dune II, первая массовая RTS, ещё не вышла, её далёкий предок Herzog Zwei еще только приучал игроков стратегически мыслить в реальном времени, а на ПК в моде были ранние тактики, такие как Ancient Art of War, и варгеймы в духе Crusade in Europe.
Сейчас это кажется странным, но в те времена стратегии процветали на консолях. На NES вышли и успешно продавались как более классические пошаговые варгеймы — Conflict, Desert Commander, — так и необычные эксперименты с глобальными и экономическими элементами — Genghis Khan, Romance of the Three Kingdoms. Последние отличались ещё и тем, что наравне с безымянными пехотинцами под управлением игрока были уникальные полководцы с собственными именами. Это было в новинку для жанра, где юниты всегда были лишь инструментами достижения победы, которых не жалко отправить на убой в случае необходимости.
Ещё одной популярной стратегией на NES была Famicom Wars, родоначальница серии Advanced Wars. Это был обычный варгейм без каких-либо заигрываний с персонажами. Но в Intelligent Systems, создавшей Famicom Wars, тогда как раз работал сценарист Сёдзо Кага, который, вдохновившись успехом игры, задумал создать нечто новое. Стратегию, в которой игрок берёг бы своих бойцов, а не отправлял их на верную смерть.
Сёдзо Кага, ведущий сценарист Fire Emblem: Shadow Dragon and the Blade of Light:
Обычно стратегии — это сложные, но «сухие» игры. Тебя волнует только победа или поражение, а для сочувствия или сопереживания персонажам не остаётся места. Такие стратегии я люблю, но ещё я люблю RPG. Я подумал добавить в игру RPG-элементы, потому что хотел, чтобы игрок эмоционально привязывался к происходящему. С другой стороны, у RPG есть большой минус — например, их сюжет обычно рассказывает историю только одного героя. Я же захотел создать игру, в которой и история, и геймплей развивались бы по-разному для разных игроков в зависимости от того, каких юнитов они используют.
Источник
Задумка Каги превратилась в полноценную игру. Fire Emblem: Shadow Dragon and the Blade of Light вышла в 1990 году, и она не была похожа ни на одну из существовавших в то время стратегий или тактик.
Тем не менее, почти все хвалили первую Fire Emblem за проработку персонажей и то, как игра заставляла к ним привязываться. Чтобы добиться этого, Кага взял на вооружение три принципа, которые и стали фундаментом серии.
Fire Emblem: Shadow Dragon and the Blade of Light [источник]
Окончательная смерть
Первый способ, с помощью которого Сёдзо Кага приучал игроков ценить персонажей, был сугубо игромеханическим. Если персонаж в отряде погибал во время битвы, то игрок лишался его насовсем. А учитывая, что новые бойцы присоединялись к армии только по сюжету и в довольно ограниченном количестве, окончательная смерть была самым эффективным приёмом, заставляющим игрока ценить персонажей. Ведь высокая сложность означала, что каждый скончавшийся герой делал прохождение тяжелее.
Ещё первая часть Fire Emblem удачно внедрила в стратегию RPG-элементы. Персонажи отличались характеристиками и классами, поэтому заменить потерянного бойца было непросто, а неудачный ход мог легко оставить игрока до самого конца прохождения без уникального заклинания или способности.
Терять бойцов было обидно ещё и из-за того, что в Fire Emblem, прямо как в «настоящих» RPG, герои росли в уровне, меняли классы и улучшали способности — терять заслуженного, «выращенного» игроком ветерана было как минимум обидно. Конечно, сохранить всех до единого персонажей в живых было непросто. Но по мере прохождения у игрока появлялись свои любимчики — и вот за их жизнь он переживал как следует.
Fire Emblem: Shadow Dragon and the Blade of Light [источник]
Сёдзо Кага, ведущий сценарист Fire Emblem: Shadow Dragon and the Blade of Light:
Убитые персонажи не воскресают — я ведь хотел создать по-настоящему драматичную стратегию, в которой игрок мог прочуствовать боль и страдания героев. А окончательная смерть здорово усиливает ощущение важности происходящего. А ещё, мне кажется, получилось так, что чем больше игрок любит своих бойцов, тем лучше у него впечатления от игры.
Источник
Окончательная смерть задавала очень высокий порог вхождения. Даже освоившиеся в Fire Emblem игроки часто пытались обойти смерть персонажей, выключая консоль сразу после их гибели. Эта практика даже получила собственное название — resetting — а споры насчёт неё велись и среди самих разработчиков. Они понимали, что столь беспощадная окончательная смерть не всем по душе, поэтому решили попытаться дать игрокам опциональную возможность спасать персонажей от гибели.
В 1999 году Fire Emblem: Thracia 776 позволила игрокам эвакуировать с поля боя полуживых персонажей. Те получали штраф к характеристикам, но зато игрок мог сохранить любимого героя (как правило — ценой жизни другого, менее любимого). Но механика не прижилась: Thracia 776 в целом приняли плохо, и поэтому разработчики отказались от всех её экспериментальных нововведений.
Снизить влияние окончательной смерти попытались части, вышедшие на Game Boy Advance с 2002 по 2003 год — The Binding Blade и The Blazing Sword. Саму механику на этот раз не тронули, но снизили сложность игры в целом, чтобы погубить подручных было куда сложнее. В результате даже к концу прохождения аккуратные игроки могли и не узнать о том, что в Fire Emblem герои умирают бесповоротно.
По схожему пути пошла и The Sacred Stones 2004 года, предложив игрокам на выбор несколько уровней сложности.
Fire Emblem: The Blazing Sword [источник]
В 2010 году игрокам впервые предложили пройти Fire Emblem вообще без окончательной смерти персонажей. В Fire Emblem: New Mystery of the Emblem появился «казуальный» режим, в котором павшие герои возрождались сразу после сражения. Нововведение обрадовало далеко не всех фанатов — многие считали, что без permadeath игрок переставал ценить персонажей, и что вообще новая часть из-за этого уже не могла считаться «настоящей» Fire Emblem. Впрочем, Casual mode закрепился в серии — слишком уж успешно он снижал порог вхождения для новых игроков.
Fire Emblem: New Mystery of the Emblem [источник]
В 2015 году Fire Emblem Fates предложила игрокам ещё более щадящий режим «Феникс», в котором погибшие персонажи возрождались не после битвы, а уже в начале следующего хода игрока. Но, настолько упрощённый режим игрокам пришёлся уже не по душе, поэтому больше в серии не появлялся.
А вот Fire Emblem Echoes 2017 года позволила игрокам несколько раз за битву перематывать бой назад на произвольное количество ходов. Поначалу зарядов у перемотки времени было немного, но по мере прохождения и возрастания сложности их становилось всё больше.
Имена и характеры
Чтобы игроки ценили бойцов не только по игромеханическим причинам, Сёдзо Кага наделил каждого персонажа уникальным именем, портретом и даже (иногда) характером.
Иконки на карте превратились из условных единиц в полноценных персонажей, — пусть и довольно простых по современным меркам. Многие из них ещё и регулярно участвовали в диалогах между миссиями, рассказывая не только о центральном сюжете, но и о более личных историях персонажей. И эти диалоги могли сильно меняться, если игрок терял того или иного бойца. Проработка характеров сильно сближала игрока с персонажами — трудно направить бойца на верную смерть, если это не безымянный пехотинец, а полноценный герой, который минуту назад изливал тебе душу.
Fire Emblem: Shadow Dragon and the Blade of Light [источник]
В первых играх серии диалогов было мало, — и от этого страдала проработка персонажей. Некоторые, рассказав о себе основную информацию при встрече, пропадали из повествования до самого конца игры. Постепенно, с выходом новых игр, диалогов становилось больше, а характеры героев усложнялись. Позже из серии пропало разделение на «хороших» и «плохих» героев.
Сёдзо Кага, ведущий сценарист Fire Emblem: Shadow Dragon and the Blade of Light:
Никто из персонажей не идеален. У них есть свои пороки, потому что это естественно для человека. И именно из-за этих пороков персонажей и настигает та или иная судьба. Не только ведь в сердцах врагов есть зло. Ранние игры серии основывались на греческой и римской мифологии, поэтому были более лёгкими по настроению. Но потом мы перешли к скандинавским и кельтским мифам. Я вдохновлялся ими, продумывая предысторию и внешность персонажей. Хотел создать что-то вроде современного пересказа старинных легенд.
Источник
В Thracia 776 бесконечное усложнение привело к «стандартизации» персонажей — да, у всех героев был характер, но характеры эти были уж слишком похожими, подчас даже клишированными. Из-за того, что некоторые герои чересчур походили на персонажей из предыдущих частей, игроку было сложно привязаться к ним.
Fire Emblem: Path of Radiance [источник]
С выходом Path of Radiance на GameCube в 2005 году и её прямого продолжения Radiant Dawn, персонажам впервые озвучили реплики, а спрайты превратились в полноценные детализированные модели.
Но куда важнее то, что в этой части персонажи стали более приземлёнными, а оттого правдоподобными. На смену высокопарным лордам пришли обычные люди с обычными проблемами. Они даже начали обсуждать проблемы, приближенные к реальному миру — детские травмы и расизм.
Кастомизация
С первой части Fire Emblem в серии всегда был полноценный главный герой, с которым игрок мог себя ассоциировать — это было явным наследием JRPG.
В Fire Emblem: Shadow Dragon and the Blade of Light игрок, хотя и управлял на поле боя всеми персонажами, всё же имел основного аватара — принца Марта, который позже станет одним из главных героев в серии. Март был полноценным участником всех сражений и диалогов.
Fire Emblem: Shadow Dragon and the Blade of Light [источник]
Fire Emblem Gaiden поочерёдно выдавала под контроль игрока сразу двух главных героев. История сфокусировалась на их личных проблемах и переживаниях. Конечно, общая тема войны никуда не делась, но сюжет в целом оказался более призёмлённым. У игрока было больше контроля над своими аватарами — он мог свободно управлять передвижением отряда по глобальной карте, торговать и общаться с персонажами.
В The Blazing Blade роль аватара игрока и главного героя решили разделить. Сюжет крутился вокруг нескольких наследников правящих династий, в то время как игроку предлагалась роль невидимого стратега, управляющего ходом битвы. Зато этого стратега можно было немного кастомизировать — выбрать ему имя, пол, месяц рождения, а в японской версии ещё и группу крови. Реализация идеи была странной, поэтому на время от неё отошли, вернув функции аватара игрока главному герою.
Fire Emblem: The Blazing Blade [источник]
Параллельно с механикой играбельного аватара в серии появилась «база» — пространство, куда игрок возвращался между сражениями. Полноценной локацией, правда, база не была — это скорее были собранные и оформленные в одном стиле внутриигровые меню. Но иллюзию того, что у персонажа игрока есть дом, механика создавала даже при такой простой реализации.
В New Mystery of the Emblem разработчики вернулись к идее уникального аватара. Ему можно было настроить внешность, выбрать класс, а также ответить на несколько вопросов о прошлом героя, его ценностях и амбициях — ответы задавали стартовые характеристики. Аватар игрока участвовал и в сражениях, и в диалогах наравне с прочими персонажами.
Fire Emblem: New Mystery of the Emblem [источник]
В 2017 году в рамках очередного эксперимента разработчики отказались от всех этих идей, предложив взамен исследование локаций от третьего лица.
Зато создатели Fire Emblem Echoes решили вновь поэкспериментировать с элементами jRPG. Заходя в раскиданные по карте пещеры, склепы и тюрьмы, игрок получал полный контроль над главным героем. По подземельям можно было свободно перемещаться, находить скрытые комнаты и искать добычу. За всем этим тоже стояло стремление заставить игрока сопереживать героям.
Тосиюки Кусакихара, гейм-директор Fire Emblem: Three Houses:
В первую очередь, в своей основе Echoes ближе к RPG. У игрока нет одного уникального аватара, вместо это он играет за Альма и Селику. Мы надеялись, что игроки ещё сильнее будут им сопереживать, если посмотрят на мир с их точки зрения. Ещё мы добавили возможность изучать деревни, чтобы лучше понять, как в них устроена жизнь. А ещё — чтобы пообщаться с селянами, осмотреть местность и обсудить что-то с соратникам (от лица главного героя). А дав игроку возможность спускаться в подземелья в роли Альма или Селики, мы хотели, чтобы он почувствовал то же, что и они, чтобы ощущал место всеми органами чувств.
Источник
Fire Emblem Echoes: Shadows of Valentia [источник]
Дружба и любовь
В 1994 году вышла Mystery of the Emblem — одновременно и ремейк, и сиквел первой части. В ней впервые в серии появилась система «поддержки». Правда, пока что она была в зачаточном виде — некоторые персонажи просто сражались лучше, когда стояли бок о бок с друзьями, родственниками или возлюбленными.
Fire Emblem: Mystery of the Emblem [источник]
Впервые система «поддержки» начала приобретать знакомые современным игрокам очертания в 1997 году. В Fire Emblem: Genealogy of the Holy War у персонажей повышался уровень «поддержки», если те регулярно попадали в один отряд, сражались рядом и спасали друг друга от верной гибели. У героев одного пола максимальным уровнем была «закадычная дружба», а в противоположном случае всё заканчивалось любовью и сопровождалось отдельными бонусами. Это были первые отголоски того самого «симулятора свиданий».
Сёдзо Кага, ведущий сценарист Fire Emblem: Shadow Dragon and the Blade of Light:
Основная идея этой механики — показать человеческие взаимоотношения. Я хотел показать важность родственных уз и наследия, а ещё — как влюблённые и родственники помогают друг другу. У системы был и досадный промах: я хотел, чтобы игроки разделяли все радостные эмоции своих героев, но при этом не добавил специальный статус для друзей — только для влюблённых.
Источник
Fire Emblem: Genealogy of the Holy War [источник]
В Genealogy of the Holy War у влюблённых персонажей появлялись дети, которые во второй половине игры попадали в армию игрока. Причём их характеристики и способности зависели именно от параметров родителей, поэтому неудачное «проектирование» пар могло привести к отряду из откровенно слабых персонажей. Важно было и проследить, чтобы предок дожил до конца своей истории — мертвецы не могут оставить потомство.
В The Binding Blade каждый раз, когда уровень «поддержки» двух бойцов достигал нового ранга, прямо на поле боя разворачивалась мини-сценка со специальным диалогом.
Постепенно, сражаясь вместе, обмениваясь колкостями и похвалами, герои не только переходили к дружбе или женитьбе (на этот раз — без детей), но и лучше раскрывали свои характеры. В результате даже мельком участвующие в сюжете персонажи казались более глубокими и запоминались игроку — разумеется, если тот активно использовал их в сражениях.
Fire Emblem: The Binding Blade [источник]
В Path of Radiance диалогов стало больше, и зачастую они несли вполне себе геймплейную ценность. Хоть разговоры и остались совершенно линейными, но зато регулярно давали игроку новых персонажей, оружие или хоть подсказки к грядущему бою. Всё это поощряло игроков развивать отношения с соратниками, добавляя к чисто нарративной мотивации («Мне нравится этот персонаж и я хочу узнать его получше») ещё и игромеханическую («Мне нравится меч этого персонажа и если я с ним подружусь, тот мне его подарит»).
В Fire Emblem: Awakening углубили проработка всего, что касалось романтической «поддержки». Важным нововведением стала механика Pair-Up, позволявшая двум персонажам сражаться бок о бок. Во время таких схваток ранг «поддержки» рос быстрее, чем в обычном сражении. А чем выше этот ранг — тем эффективнее получался дуэт.
Масахиро Хигучи, проект-менеджер Fire Emblem: Awakening:
Мне кажется, что сама сущность Fire Emblem — в этих связях между персонажами. Их разговоры, мировоззрения, друзья и любовники, родители и дети — всё это соединяется воедино, и игрок ощущает, что все персонажи действительно живут в этом мире и активно участвуют в событиях игры. Между героями формируются узы, они чаще разговаривают друг с другом, а игрок хочет всё больше и больше этих диалогов.
Источник
В Fire Emblem Fates почти всё, что было связано с рангами и диалогами «поддержки», перенесли в замок игрока. Гуляя по владениям, можно было встречать и общаться с персонажами, а на определённом ранге аватар игрока мог приглашать других героев в баню и в личные покои. Максимальный ранг «поддержки» появился не только у влюблённых, но и у закадычных друзей. Системе pair-up тоже нашлось место, как и детям.
Кстати, самое странное нововведение — Skinship, — вырезали из англоязычной версии игры. Пригласив в личные покои персонажа с максимальным рангом поддержки, его можно было начать… поглаживать, используя сенсорный экран 3DS. Бойцы от этого даже получали бонус к характеристикам.
Паралоги
Несмотря на все свои минусы, Fire Emblem: Thracia 776 смогла привнесла в серию одну закрепившуюся механику — паралоги (paralogues), также известные как Gaiden-главы или сторонние истории. Эти дополнительные задания появлялись только в определённых условиях — например, когда один бойцов игрока попадал в плен, или если получалось освободить всех заключенных в предыдущей главе.
Как правило, сюжета в таких главах было немного, в основном они были призваны столкнуть игрока с более сложным испытанием, а в случае его победы — выдать более ценную награду. В таком виде паралоги появлялись почти во всех играх серии вплоть до её лёгкой перезагрузки в 2012 году.
В Fire Emblem Awakening сторонние истории превратились в нечто, похожее на персональные задания спутников из западных RPG. Большинство паралогов рассказывали истории конкретных персонажей, а аватар игрока помогал им решить те или иные проблемы. Наградой за завершение паралогов были новые персонажи для найма и уникальные артефакты.
А вот в Fates сторонние задания служили скорее не повествованию, а геймплею. Они открывались, когда кто-то из персонажей заводил семью, и позволяли игроку перенестись в будущее, чтобы пригласить в армию наследника. Наградой, соответственно, служили только новые бойцы.
Первая пара
В Fire Emblem: Three Houses разработчики решили перемешать все лучшие механики, когда-либо появлявшиеся в серии. В первую очередь те, что касались персонажей.
Разработчики вернули аватара, которому можно задать имя, дату рождения и пол. Игроку в Three Houses достаётся роль Профессора — молодого учителя, который берёт под опеку один из факультетов Офицерской академии.
Игровой процесс в Three Houses разбит на учебные недели. В будние дни игрок выполняет прямые обязанности Профессора — развивает характеристики персонажей с помощью механики преподавания. Иногда игрок может отвлечься, чтобы ответить на вопросы студентов или позвать кого-то из них на чаепитие, чтобы получше узнать персонажа и набрать баллы «поддержки».
В первую очередь для развития «поддержки» предназначены выходные. Один раз в неделю аватар игрока волен целый день перемещаться по монастырю, тратя баллы активностей на всевозможные занятия. Можно рыбачить, тренировать своего героя, даже выращивать небольшой садик, но главное — общаться с персонажами.
И студенты, и преподаватели с самого начала игры находятся на территории монастыря и почти всегда не против пообщаться с игроком, чтобы обсудить важные сюжетные события или какую-нибудь мелочь. В диалогах даже появились зачатки нелинейности — Профессору часто предлагается выбор из нескольких реплик, которые иногда влияют на отношение собеседника к главному герою.
Тосиюки Кусакихара, гейм-директор Fire Emblem: Three Houses:
У такого подхода к сюжету было огромное преимущество. В предыдущих играх вы встречали новых персонажей одного за другим по мере прохождения истории. Поэтому узнавали их неравномерно — к концу игры про кого-то из героев вы знали гораздо лучше. Но с такой системой, все персонажи оказываются перед игроком с самого начала игры, поэтому у него есть время познакомиться с ними, выстроить хорошие отношения.
Источник
Соратников можно звать на обед, на совместное приготовление ужина, иногда — просто встретить во дворе и перекинуться парой слов или подарить подарок. Свадьбой и детьми такие отношения не заканчиваются, всё-таки большинство доступных бойцов в начале игры — ещё студенты. Единственное исключение — сам аватар игрока, которому в финале позволят выбрать себе пару.
На системе «поддержки» в Three Houses полностью завязан и социальный, и боевой геймплей. Во-первых, впервые в серии значение имеет общение не только с персонажами в отряде, но и со всеми возможными бойцами. Теперь общаться нужно, чтобы набирать в команду новых рекрутов.
Во-вторых, «поддержка» всё ещё влияет на показатели бойца на поле боя. Система Pair-Up тоже вернулась, но в урезанном виде. В угоду балансу, на бой можно звать всего нескольких «адъютантов», прикрепляя их к нужным персонажам. Такие пары и сражаются эффективнее, и начинают лучше ладить друг с другом.
В-третьих, потерянные предметы, совместные чаепития и повышения ранга «поддержки» постепенно формируют множество небольших историй. У каждого персонажа есть не только одна центральная сюжетная линия, но и несколько второстепенных, которые раскрываются при взаимодействии с другими персонажами.
Из предыдущих частей вернулись и другие наработки. Например, паралоги в Three Houses окончательно превратились в аналоги персональных заданий для каждого из персонажей. Каждая сторонняя история обладает собственным сюжетом, привязанным к предыстории бойца.
Наконец, окончательная смерть бойцов в игре присутствует, но и «казуальный» режим прохождения тоже никуда не делся. Вернулась и перемотка хода, позволяющая исправить тактическую ошибку. Всё это — осознанные шаги, призванные сместить внимание игрока со стратегической части Three Houses на ролевую.
Тосиюки Кусакихара, гейм-директор Fire Emblem: Three Houses:
Найти правильный баланс между стратегической и ролевой частями игры было очень сложно. Мы попробовали многое — монастырь прошёл внутреннее тестирование, обсуждали его всей командой, пытаясь понять, не слишком ли его много или мало в игре. Но в результате у нас есть отличные новости для игроков, которые любят общаться с персонажами и изучать их. Для Three Houses мы создали совершенно разных героев, которые любят поболтать и в мирное время, и на поле боя. В монастыре подготовлено множество диалогов между всеми студентами и другими персонажами. Игрок может наслаждаться жизнью в игре и за пределами сражений.
Источник
С точки зрения механик разработчики Fire Emblem развили RPG-составляющую настолько, что она стала занимать добрую половину игрового процесса. С точки зрения сюжета — создали самых проработанных персонажей в серии, углубив их характеры с помощью второстепенных историй.
Неудивительно, что тематические форумы, подсайты и сабреддиты завалены фанартами, комиксами и рассказами с персонажами Three Houses. За примерно 100 часов прохождения игра не на шутку привязывает игрока к своим героям, заставляя перепроходить даже самую трудную миссию, если на ней погиб милый сердцу герой, а зарядов перемотки времени не осталось.
Наследники
Подход Fire Emblem к персонажам пришёлся по душе не только игрокам, но и многим другим разработчикам. Сама идея о том, что бойцы в игре могут быть не пешками, а полноценными героями, кажется привлекательной, но добиться такого же эффекта непросто.
В один из кризисных для серии моментов из Intelligent Systems ушёл «отец Fire Emblem» Сёдзо Кага, чтобы создать «духовного наследника» своей игры вместе с новой студией. Получившаяся в результате Tear Ring Saga напоминала Fire Emblem настолько, что обеспечила создателю судебный иск от Nintendo. Серия продержалась только две игры.
А 27 декабря 2019 года Сёдзо Кага выпустил ещё одну вариацию своего видения Fire Emblem, причём на ПК — Vestaria Saga. Сейчас это наверное, самый простой (и недорогой) способ познакомиться с геймплеем классических Fire Emblem, если у вас нет консоли от Nintendo.
Vestaria Saga I: War of the Scions [источник]
После успеха Fire Emblem сразу несколько студий решили повторить успех серии и выпустить свои вариации на тему. Все они брали за основу знакомую концепцию с сочетанием стратегических пошаговых боёв и ролевой игры, но интерпретировали её по-разному.
Final Fantasy Tactics предлагала схожий игровой процесс в сочетании со знакомой вселенной и вертикальным перемещением по локации. Shining Force сконцентрировалась на RPG-элементах, добавив полноценное перемещение по карте и исследование городов. Front Mission и Super Robot Wars экспериментировали с современным сеттингом, а Tactics Ogre поставила во главу угла сюжет и уменьшила размах сражений.
Ещё одна игра, которую можно назвать наследницей Fire Emblem — The Banner Saga. Это тоже тактическая RPG, в которой каждый юнит был полноценным персонажем. Но ставка делалась больше на RPG элементы — нелинейный сюжет, множество трудных выборов, с которым приходилось сталкиваться игроку. В стратегической фазе персонажи даже не умирали — окончательная смерть в игре есть, но происходит она только по сюжету.
В 2019 году вышла Fell Seal: Arbiter's Mark — пошаговая тактическая RPG, которая отталкивалась уже от геймдизайна Final Fantasy Tactics. Персонажам и их взаимоотношениям здесь уделили меньше внимания и сделали ставку на тактическую составляющую.
Успешно совместить в одной игре стратегию и ролевую игру, да ещё и так, чтобы все «солдатики» на поле боя ожили и превратились в полноценных персонажей — непросто. За последние годы такое удавалось, в основном, пошаговым тактикам — в первую очередь из-за того, что игроку нужно успевать мысленно переключаться с одного геймплея на другой.
Разработчикам, желающим добиться подобного эффекта, можно взять на вооружение пять принципов Fire Emblem — и просто посмотреть на них по-своему.
Внутри жёлтого круга не должно быть хардов, так как они будут находиться внутри UV-шелла
А внешние шеллы могут быть или софтами, или хардами.
Паддинг
Обязательно добавляем небольшие отступы между UV-шеллами.
Обрати на жёлтые стрелки. В этих местах есть паддинг, т.е. отступ между UV шеллами
Движок уменьшает разрешение текстур, если объект находится на большом расстоянии. Чем дальше объект — тем ниже разрешение.
Важно, чтобы даже при минимальном разрешении текстуры был хотя бы один пиксель расстояния:
5. Перед тем, как открыть Marmoset
Мы уже подготовили low poly, high poly и развёртку к запечке.
Но прежде чем нажимать волшебную кнопку, нужно выполнить ещё три простых действия, которые помогут нам в дальнейшем.
Правильный нейминг сэкономит гору времени во время работы с группами запечки — лишний мусор не будет мешать при работе.
Наличие бэкапа поможет не потерять всю проделанную работу. В ходе запечки мы будем разносить модель или запекать отдельно некоторые её части, а потом подмазывать их в фотошопе. Может начаться настоящий хаос — стоит потратить одну минуту, чтобы сделать backup.
Нейминг в Maya
Проверяем, что нейминг внутри группы lowpoly совпадает с неймингом внутри high poly.
Например,
lowpoly -> barrel
sculpt -> zbrush_barrel
highpoly -> high_barrel
Если это не так, нужно сделать это прямо сейчас, иначе в дальнейшем у нас будут большие проблемы при работе с группами запечки.
Удали мусор
В Maya есть полезная функция File → Optimize Scene Size, которая удаляет из сцены мусор, который нигде не используется. Это лишние слои, лишние материалы и пустые группы.
Backup
Перед запечкой создаём отдельную папку «Bake», и сохраняем туда бэкап исходного файла до начала запечки — на всякий случай).
Во время запечки иногда приходится править часть геометрии. Где-то добавятся фаски, где-то поддержки, и так далее. Поэтому всегда полезно иметь сохранённый и нетронутый бэкап.
6. Подготовка сцены в Marmoset
Ставим более высокое разрешение
Прежде чем делать запечку, укажем, какого размера будут карты.
Ставим разрешение карт в 2 раза выше, чем будет у финальной модели.
Так часто делают в продакшене, так как текстура в 2к, уменьшенная до 1к выглядит лучше, чем текстура, сделанная сразу в 1к.
Ставим разрешение у карт в два раза выше
Указываем, что нужно запечь Normal, AO, Material ID (=Color ID), и выбираем папку, в которую программа будет сохранять карты.
Дальше есть 2 пути
Одна из главных проблем в том, что если объекты пересекаются и пекутся как единое целое — появляются артефакты.
Вот пример: мы запекли нашу бочку. На первый взгляд всё выглядит неплохо, но если мы сдвинем любой из элементов, то увидим кучу артефактов:
Your browser does not support the video tag.
Всё потому, что бочка и её обшивка — это геометрии, которые лежат друг на друге. В таких местах алгоритмы запечки начинают глючить и создавать море некрасивых артефактов.
Поэтому за один раз можно запекать только те элементы, которые находятся на расстоянии друг от друга.
Есть два варианта решения.
Вариант 1: Разнести модель (Explode)
Это старый, проверенный временем метод.
Explode можно сделать легко в Marmoset.
Просто разнесём элементы в разные стороны, чтобы геометрия не пересекалась.
Разносим элементы модели в разные стороны
Представьте, что мы делаем Explode в Maya прямо в файле с финальной сценой. После того, как мы разнесли элементы в сторону и сделали запечку, нужно будет собрать все детали обратно. Это не лучшая затея — поэтому всегда нужно хранить бэкап.
Обязательно следим, чтобы low poly и high poly совпадали и двигались вместе, иначе опять будут артефакты.
Your browser does not support the video tag.
Пока что рано нажимать кнопку «Bake».
На этом этапе просто разносим объекты в сторону и переходим к следующему пункту: работе с Cage.
Вариант 2: Использовать группы запечки
В Marmoset можно не разносить геометрию, так как это не всегда удобно, а просто указать программе, чтобы она пекла разные элементы модели по отдельности.
Your browser does not support the video tag.
Первая группа — объекты, которые не пересекаются.
Пример одной из групп запечки
Такие группы называют «группами запечки».
Вот ещё два примера:
Их крайне неудобно создавать при хаотичном нейминге.
Именно поэтому я рекомендовал ещё до открытия Marmoset проверить, совпадают ли имена у всех групп внутри low poly и high poly.
Создадим группу запечки и просто перетащим туда одинаковые элементы с low poly и high poly:
Your browser does not support the video tag.
Более подробно про то, какие кнопки нажимать, мы сняли видео аж несколько лет назад:
Cage
Добро пожаловать на следующий этап работы!
При выборе одной конкретной группы запечки вокруг каждого объекта появилось поле поиска high poly, которое называется Cage. Это полупрозрачная область, которая оборачивает все элементы выбранной группы.
Полупрозрачная зона, которая слегка выходит за пределы модели — это Cage
Размер кейджа можно изменить:
Your browser does not support the video tag.
Cage определяет зону поиска информации для запечки. Всё, что не попадает в кейдж, не будет запечено.
В этих местах кейдж не полностью закрывал high poly.
Наши задачи:
- Покрыть всю геометрию кейджом.
- Подобрать подходящий размер кейджа: чем меньше, тем лучше, но он должен покрывать всю high poly полностью
Нюансы при работе с Cage
1. В этом примере, если немного увеличить cage — артефакты пропадут:
Your browser does not support the video tag.
2. Даже если сами полигоны не пересекаются, а пересекается только область кейджа, тоже будут артефакты:
2. Даже если сами полигоны не пересекаются, а пересекается только область кейджа, тоже будут артефакты:
Мы очень любим Marmoset за удобный Cage и Paint Skew. Они значительно упрощают работу.
6. Запечка карт
Что нажать?
Нажимаем на кнопку «Bake».
В папке сразу появятся готовые PSD файлы.
Как наложить карты на модель
Дальше они загружаются в Painter и начинается этап текстурирования. Об этом поговорим в следующей статье.
Исправление косяков после запечки
Даже если сделать всё, как мы писали выше, всё равно могут появиться артефакты. Всё потому, что технология запечки — сложный процесс.
Прежде всего, нужно знать, что у нормала есть 2 разных алгоритма работы. И у обоих алгоритмов есть свои сильные и слабые стороны.
Два вида нормала
Для примера мы запекли одну и ту же геометрию с помощью Geometry и Surface Normal.
Посмотрите на фаску и на то, как запеклась окружность
В первом случае у нас хорошо запеклась фаска, но окружность стала овалом.
С другим алгоритмом всё наоборот. Разберёмся, что с этим делать.
- Geometry Normal
Я перепек и обновил только эти юви шеллы
Особенность алгоритма: печёт так, как будто везде софты.
Плюсы: хорошо печёт фаски и швы.
Минусы: дырки (окружности) немного растягиваются.
2. Surface Normal
Особенность алгоритма: учитывает харды и софты.
Плюсы: не портит форму у дырок.
Минусы: ужасно печёт края.
Как правильно использовать оба алгоритма
Marmoset позволяет использовать лучшее из обоих алгоритмов нормала с помощью функции Paint Skew.
Что делает функция Paint Skew в Marmoset
Дырка исказилась при запечке и стала овальной. Мы используем другой алгоритм нормала, чтобы пересчитать её. Для этого просто выделяем эту область, используя функцию Paint Skew, и получаем ровный вырез, как было у исходной модели.
Your browser does not support the video tag.
Раньше, когда такой функции не было, мы просто пекли с одинаковыми настройками Geometry Normal и Surface Normal. И уже руками с Geometry Normal брали только фаски, добавляли их на Surface Normal в Photoshop. Я как-то написал простой экшен в фотошопе, ускоряющий этот процесс до двух кликов.
Магия Photoshop
Два вида нормала — это хорошо, но и они не панацея.
Your browser does not support the video tag.
Иногда на модели оказываются косяки, с которыми не справиться в мармосете. Иногда нужно перезапечь небольшой кусочек модели и подмешать ее на карту в фотошопе. А иногда хочется добавить больше деталей на нормал, — в этом поможет плагин Quixel NDO.
На сайте есть подробная документация, а в интернете— ещё больше информации. Мы не будем сильно останавливаться на этой теме, так как она достаточно старая и обширная.
Кстати, в Painter есть свой инструментарий рисования нормала, как в NDO, но об этом в другой статье.
Правим артефакты в Photoshop
Итак, у нас есть артефакт, который мы хотим исправить:
Самый простой способ:
— Открыть модель в Maya, экспортировать только этот элемент.
— Заново запечь его.
— Затем подмазать эти детали в Photoshop.
Мы используем самые простые инструменты Photoshop: кисточки, маски, clone stamp и пластырь. И дорабатываем руками самые проблемные места, если другие способы не помогают.
Your browser does not support the video tag.
Your browser does not support the video tag.
Если всё совсем плохо
Переделываем геометрию — об этом в начале статьи.
Что делать с картами дальше
Итак, сегодня мы запекли нормал мап, АО и Color ID.
Следующий этап пайплайна — текстурирование.
Нужно загрузить наши карты в Substance Painter:
Загружаем карты в Substance Painter
Затем нужно запечь дополнительные карты: World Space Normal, Curvature, Position и Thickness. Их проще всего запекать именно внутри в Substance Painter. Эти карты создаются на основе нашего нормала, АО и Color ID, поэтому наличие этих карт обязательно.
Запекаем дополнительные текстурные карты
Что это за карты — расскажем в следующей статье.
А запекаются они очень просто: нажатием на одну кнопку.
После их создания можно приступать к текстурированию.
А после текстур нас ждёт последний и необязательный этап пайплайна: рендер и подача модели.
Подписывайтесь на нас, если ещё не с нами:
Мы в ВК, Facebook, Instagram и Youtube.
А для тех, кто хочет пройти весь пайплайн от «А» до «Я», вместе с личным наставником сделать полный цикл своей модели и познакомиться с сотней трёхмерщиков со всей России — ещё не поздно записаться на новый поток курса Draft Punk.
Автор: Борис
Хочешь получать лучшие статьи
от 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>Как Fire Emblem заставляет сопереживать юнитам. Связи между персонажами.</title> <meta name="description" content="Разбираемся почему фанаты любят персонажей Fire Emblem, и как серия научила игроков ценить каждого бойца. Система поддержки, окончательная смерть и взаимоотношения героев." /> <meta name="keywords" content="fire emblem three houses персонажи, юниты в fire emblem, как заставить игрока ценить персонажа, rpg-элементы в fire emblem, окончательная смерть в fire emblem, механика играбельного аватара в fire emblem, система поддержки в fire emblem, человеческие отно" /> <meta property="og:url" content="https://www.school-xyz.com/blog/kak-fire-emblem-zastavlyaet-soperezhivat-yunitam" /> <meta property="og:title" content="Как Fire Emblem заставляет сопереживать юнитам. Связи между персонажами." /> <meta property="og:description" content="Разбираемся почему фанаты любят персонажей Fire Emblem, и как серия научила игроков ценить каждого бойца. Система поддержки, окончательная смерть и взаимоотношения героев." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6330-3733-4431-b739-636664356362/Cover_1.jpg" /> <link rel="canonical" href="https://www.school-xyz.com/blog/kak-fire-emblem-zastavlyaet-soperezhivat-yunitam"> <!--/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-page9615454.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 t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}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-page9615454.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-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-video-processor-1.0.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="9615454" data-tilda-page-alias="blog/kak-fire-emblem-zastavlyaet-soperezhivat-yunitam" 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="rec165233812" 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="recorddiv165233812"bgimgfield="img"style="height:100vh;background-image:url('https://thb.tildacdn.com/tild6663-3832-4063-a434-366265323935/-/resize/20x/Cover.jpg');"> <div class="t-cover__carrier" id="coverCarry165233812"data-content-cover-id="165233812"data-content-cover-bg="https://static.tildacdn.com/tild6663-3832-4063-a434-366265323935/Cover.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/tild6663-3832-4063-a434-366265323935/Cover.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">Как Fire Emblem заставляет сопереживать юнитам <br /><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> #rec165233812 .t001__uptitle{text-transform:uppercase;}</style> </div> <div id="rec165233814" 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"> Fire Emblem: Three Houses игроки часто называют «симулятором свиданий». С одной стороны, серьёзной ролевой тактике такое описание должно быть не к лицу. С другой — игра действительно сделала всё возможное, чтобы её можно было причислить к этому жанру. А ведь 30 лет назад всё начиналось с простой идеи: сделать так, чтобы игроки в стратегии относились к юнитам не как к пушечному мясу. <br /><br /> Разбираемся, почему фанаты так любят персонажей Fire Emblem, и как серия научила игроков ценить каждого бойца. <br /><br /></div></div> </div> </div> </div> <style> #rec165233814 .t-text{color:#ffffff;}</style> </div> <div id="rec165233817" 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-3537-4333-b366-363439383739/1.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6134-3537-4333-b366-363439383739/-/empty/1.jpg" data-original="https://static.tildacdn.com/tild6134-3537-4333-b366-363439383739/1.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6134-3537-4333-b366-363439383739/1.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"> Fire Emblem: Three Houses — Cindered Shadows [<a href="https://nintendo-online.de/" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233818" 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"><span style="font-size: 28px;"><strong>Предыстория </strong><br /></span><br /> К началу 1990-х годов прошлого века стратегический жанр ещё только набирал популярность. Dune II, первая массовая RTS, ещё не вышла, её далёкий предок Herzog Zwei еще только приучал игроков стратегически мыслить в реальном времени, а на ПК в моде были ранние тактики, такие как Ancient Art of War, и варгеймы в духе Crusade in Europe. <br /><br /> Сейчас это кажется странным, но в те времена стратегии процветали на консолях. На NES вышли и успешно продавались как более классические пошаговые варгеймы — Conflict, Desert Commander, — так и необычные эксперименты с глобальными и экономическими элементами — Genghis Khan, Romance of the Three Kingdoms. Последние отличались ещё и тем, что наравне с безымянными пехотинцами под управлением игрока были уникальные полководцы с собственными именами. Это было в новинку для жанра, где юниты всегда были лишь инструментами достижения победы, которых не жалко отправить на убой в случае необходимости. <br /><br /></div></div> </div> </div> </div> <style> #rec165233818 .t-text{color:#ffffff;}</style> </div> <div id="rec165233819" 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-3163-4562-a437-383230626632/2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3237-3163-4562-a437-383230626632/-/empty/2.jpg" data-original="https://static.tildacdn.com/tild3237-3163-4562-a437-383230626632/2.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3237-3163-4562-a437-383230626632/2.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"> Famicom Wars [<a href="https://michibiku.com/" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233820" 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"> Ещё одной популярной стратегией на NES была Famicom Wars, родоначальница серии Advanced Wars. Это был обычный варгейм без каких-либо заигрываний с персонажами. Но в Intelligent Systems, создавшей Famicom Wars, тогда как раз работал сценарист Сёдзо Кага, который, вдохновившись успехом игры, задумал создать нечто новое. Стратегию, в которой игрок берёг бы своих бойцов, а не отправлял их на верную смерть. <br /><br /> <strong>Сёдзо Кага, ведущий сценарист Fire Emblem: Shadow Dragon and the Blade of Light:</strong> <br /><br /> <em>Обычно стратегии — это сложные, но «сухие» игры. Тебя волнует только победа или поражение, а для сочувствия или сопереживания персонажам не остаётся места. Такие стратегии я люблю, но ещё я люблю RPG. Я подумал добавить в игру RPG-элементы, потому что хотел, чтобы игрок эмоционально привязывался к происходящему. С другой стороны, у RPG есть большой минус — например, их сюжет обычно рассказывает историю только одного героя. Я же захотел создать игру, в которой и история, и геймплей развивались бы по-разному для разных игроков в зависимости от того, каких юнитов они используют. </em><br /><br /><a href="http://shmuplations.com/fireemblem/" style="noopener">Источник</a> <br /><br />Задумка Каги превратилась в полноценную игру. Fire Emblem: Shadow Dragon and the Blade of Light вышла в 1990 году, и она не была похожа ни на одну из существовавших в то время стратегий или тактик. <br /><br /> Тем не менее, почти все хвалили первую Fire Emblem за проработку персонажей и то, как игра заставляла к ним привязываться. Чтобы добиться этого, Кага взял на вооружение три принципа, которые и стали фундаментом серии. <br /><br /></div></div> </div> </div> </div> <style> #rec165233820 .t-text{color:#ffffff;}</style> </div> <div id="rec165233821" 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/tild6463-6339-4765-a461-303034633934/3.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6463-6339-4765-a461-303034633934/-/empty/3.jpg" data-original="https://static.tildacdn.com/tild6463-6339-4765-a461-303034633934/3.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6463-6339-4765-a461-303034633934/3.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"> Fire Emblem: Shadow Dragon and the Blade of Light [<a href="https://lparchive.org/" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233822" 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: 28px;">Окончательная смерть <br /></span></strong><br /> Первый способ, с помощью которого Сёдзо Кага приучал игроков ценить персонажей, был сугубо игромеханическим. Если персонаж в отряде погибал во время битвы, то игрок лишался его насовсем. А учитывая, что новые бойцы присоединялись к армии только по сюжету и в довольно ограниченном количестве, окончательная смерть была самым эффективным приёмом, заставляющим игрока ценить персонажей. Ведь высокая сложность означала, что каждый скончавшийся герой делал прохождение тяжелее. <br /><br /> Ещё первая часть Fire Emblem удачно внедрила в стратегию RPG-элементы. Персонажи отличались характеристиками и классами, поэтому заменить потерянного бойца было непросто, а неудачный ход мог легко оставить игрока до самого конца прохождения без уникального заклинания или способности. <br /><br /> Терять бойцов было обидно ещё и из-за того, что в Fire Emblem, прямо как в «настоящих» RPG, герои росли в уровне, меняли классы и улучшали способности — терять заслуженного, «выращенного» игроком ветерана было как минимум обидно. Конечно, сохранить всех до единого персонажей в живых было непросто. Но по мере прохождения у игрока появлялись свои любимчики — и вот за их жизнь он переживал как следует. <br /><br /></div></div> </div> </div> </div> <style> #rec165233822 .t-text{color:#ffffff;}</style> </div> <div id="rec165233823" 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/tild6266-6535-4433-b333-313035663932/4.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6266-6535-4433-b333-313035663932/-/empty/4.jpg" data-original="https://static.tildacdn.com/tild6266-6535-4433-b333-313035663932/4.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6266-6535-4433-b333-313035663932/4.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"> Fire Emblem: Shadow Dragon and the Blade of Light [<a href="https://retronauts.com/" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233824" 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>Сёдзо Кага, ведущий сценарист Fire Emblem: Shadow Dragon and the Blade of Light:</strong> <br /><br /> <em>Убитые персонажи не воскресают — я ведь хотел создать по-настоящему драматичную стратегию, в которой игрок мог прочуствовать боль и страдания героев. А окончательная смерть здорово усиливает ощущение важности происходящего. А ещё, мне кажется, получилось так, что чем больше игрок любит своих бойцов, тем лучше у него впечатления от игры. </em><br /><br /><a href="http://shmuplations.com/fireemblem/" style="noopener">Источник</a> <br /><br />Окончательная смерть задавала очень высокий порог вхождения. Даже освоившиеся в Fire Emblem игроки часто пытались обойти смерть персонажей, выключая консоль сразу после их гибели. Эта практика даже получила собственное название — resetting — а споры насчёт неё велись и среди самих разработчиков. Они понимали, что столь беспощадная окончательная смерть не всем по душе, поэтому решили попытаться дать игрокам опциональную возможность спасать персонажей от гибели. <br /><br /></div></div> </div> </div> </div> <style> #rec165233824 .t-text{color:#ffffff;}</style> </div> <div id="rec165233825" 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-3661-4736-a336-623135323737/5.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3334-3661-4736-a336-623135323737/-/empty/5.jpg" data-original="https://static.tildacdn.com/tild3334-3661-4736-a336-623135323737/5.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3334-3661-4736-a336-623135323737/5.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"> Fire Emblem: Thracia 776 [<a href="https://www.mobygames.com/" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233826" 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"> В 1999 году Fire Emblem: Thracia 776 позволила игрокам эвакуировать с поля боя полуживых персонажей. Те получали штраф к характеристикам, но зато игрок мог сохранить любимого героя (как правило — ценой жизни другого, менее любимого). Но механика не прижилась: Thracia 776 в целом приняли плохо, и поэтому разработчики отказались от всех её экспериментальных нововведений. <br /><br /> Снизить влияние окончательной смерти попытались части, вышедшие на Game Boy Advance с 2002 по 2003 год — The Binding Blade и The Blazing Sword. Саму механику на этот раз не тронули, но снизили сложность игры в целом, чтобы погубить подручных было куда сложнее. В результате даже к концу прохождения аккуратные игроки могли и не узнать о том, что в Fire Emblem герои умирают бесповоротно. <br /><br /> По схожему пути пошла и The Sacred Stones 2004 года, предложив игрокам на выбор несколько уровней сложности. <br /></div></div> </div> </div> </div> <style> #rec165233826 .t-text{color:#ffffff;}</style> </div> <div id="rec165233829" 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/tild3132-6637-4066-a139-613435363261/6.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3132-6637-4066-a139-613435363261/-/empty/6.jpg" data-original="https://static.tildacdn.com/tild3132-6637-4066-a139-613435363261/6.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3132-6637-4066-a139-613435363261/6.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"> Fire Emblem: The Blazing Sword [<a href="https://www.youtube.com/user/EinherjarLeo" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233830" 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"> В 2010 году игрокам впервые предложили пройти Fire Emblem вообще без окончательной смерти персонажей. В Fire Emblem: New Mystery of the Emblem появился «казуальный» режим, в котором павшие герои возрождались сразу после сражения. Нововведение обрадовало далеко не всех фанатов — многие считали, что без permadeath игрок переставал ценить персонажей, и что вообще новая часть из-за этого уже не могла считаться «настоящей» Fire Emblem. Впрочем, Casual mode закрепился в серии — слишком уж успешно он снижал порог вхождения для новых игроков. <br /><br /></div></div> </div> </div> </div> <style> #rec165233830 .t-text{color:#ffffff;}</style> </div> <div id="rec165233831" 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/tild3038-6530-4531-a630-326637623061/7.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3038-6530-4531-a630-326637623061/-/empty/7.jpg" data-original="https://static.tildacdn.com/tild3038-6530-4531-a630-326637623061/7.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3038-6530-4531-a630-326637623061/7.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"> Fire Emblem: New Mystery of the Emblem [<a href="https://www.youtube.com/user/Livingtheaspielife" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233832" 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"> В 2015 году Fire Emblem Fates предложила игрокам ещё более щадящий режим «Феникс», в котором погибшие персонажи возрождались не после битвы, а уже в начале следующего хода игрока. Но, настолько упрощённый режим игрокам пришёлся уже не по душе, поэтому больше в серии не появлялся. <br /><br /> А вот Fire Emblem Echoes 2017 года позволила игрокам несколько раз за битву перематывать бой назад на произвольное количество ходов. Поначалу зарядов у перемотки времени было немного, но по мере прохождения и возрастания сложности их становилось всё больше. <br /><br /></div></div> </div> </div> </div> <style> #rec165233832 .t-text{color:#ffffff;}</style> </div> <div id="rec165233833" 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/tild3637-3636-4631-b832-306132363135/8.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3637-3636-4631-b832-306132363135/-/empty/8.jpg" data-original="https://static.tildacdn.com/tild3637-3636-4631-b832-306132363135/8.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3637-3636-4631-b832-306132363135/8.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"> Fire Emblem Echoes [<a href="https://www.polygon.com/" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233834" 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"><span style="font-size: 32px;"><strong><span data-redactor-tag="span" style="color: rgb(255, 255, 255);">Имена и характеры <br /></span></strong></span><br /> Чтобы игроки ценили бойцов не только по игромеханическим причинам, Сёдзо Кага наделил каждого персонажа уникальным именем, портретом и даже (иногда) характером. <br /><br /> Иконки на карте превратились из условных единиц в полноценных персонажей, — пусть и довольно простых по современным меркам. Многие из них ещё и регулярно участвовали в диалогах между миссиями, рассказывая не только о центральном сюжете, но и о более личных историях персонажей. И эти диалоги могли сильно меняться, если игрок терял того или иного бойца. Проработка характеров сильно сближала игрока с персонажами — трудно направить бойца на верную смерть, если это не безымянный пехотинец, а полноценный герой, который минуту назад изливал тебе душу. <br /><br /></div></div> </div> </div> </div> <style> #rec165233834 .t-text{color:#ffffff;}</style> </div> <div id="rec165233835" 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/tild3165-3038-4232-a132-373837333764/9.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3165-3038-4232-a132-373837333764/-/empty/9.jpg" data-original="https://static.tildacdn.com/tild3165-3038-4232-a132-373837333764/9.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3165-3038-4232-a132-373837333764/9.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"> Fire Emblem: Shadow Dragon and the Blade of Light [<a href="https://www.youtube.com/user/justonegamr" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233836" 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 /> <strong>Сёдзо Кага, ведущий сценарист Fire Emblem: Shadow Dragon and the Blade of Light:</strong> <br /><br /> <em>Никто из персонажей не идеален. У них есть свои пороки, потому что это естественно для человека. И именно из-за этих пороков персонажей и настигает та или иная судьба. Не только ведь в сердцах врагов есть зло. Ранние игры серии основывались на греческой и римской мифологии, поэтому были более лёгкими по настроению. Но потом мы перешли к скандинавским и кельтским мифам. Я вдохновлялся ими, продумывая предысторию и внешность персонажей. Хотел создать что-то вроде современного пересказа старинных легенд. </em><br /><a href="https://garmtranslations.wordpress.com/2019/02/13/fire-emblem-genealogy-of-the-holy-war-fan-special-roundtable-discussion/" style="noopener"><br />Источник</a></div></div> </div> </div> </div> <style> #rec165233836 .t-text{color:#ffffff;}</style> </div> <div id="rec165233837" 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/tild3136-3435-4533-b935-323865656366/10.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3136-3435-4533-b935-323865656366/-/empty/10.jpg" data-original="https://static.tildacdn.com/tild3136-3435-4533-b935-323865656366/10.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3136-3435-4533-b935-323865656366/10.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"> Fire Emblem: Thracia 776 [<a href="https://www.youtube.com/user/MangsandZerul" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233838" 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"> В Thracia 776 бесконечное усложнение привело к «стандартизации» персонажей — да, у всех героев был характер, но характеры эти были уж слишком похожими, подчас даже клишированными. Из-за того, что некоторые герои чересчур походили на персонажей из предыдущих частей, игроку было сложно привязаться к ним. <br /><br /></div></div> </div> </div> </div> <style> #rec165233838 .t-text{color:#ffffff;}</style> </div> <div id="rec165233839" 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/tild3539-3961-4835-b237-363538373130/11.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3539-3961-4835-b237-363538373130/-/empty/11.jpg" data-original="https://static.tildacdn.com/tild3539-3961-4835-b237-363538373130/11.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3539-3961-4835-b237-363538373130/11.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"> Fire Emblem: Path of Radiance [<a href="https://www.youtube.com/user/omegaevolution" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233840" 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"> С выходом Path of Radiance на GameCube в 2005 году и её прямого продолжения Radiant Dawn, персонажам впервые озвучили реплики, а спрайты превратились в полноценные детализированные модели. <br /><br /> Но куда важнее то, что в этой части персонажи стали более приземлёнными, а оттого правдоподобными. На смену высокопарным лордам пришли обычные люди с обычными проблемами. Они даже начали обсуждать проблемы, приближенные к реальному миру — детские травмы и расизм. <br /><br /></div></div> </div> </div> </div> <style> #rec165233840 .t-text{color:#ffffff;}</style> </div> <div id="rec165233841" 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/tild3132-6338-4262-b931-396363643661/12.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3132-6338-4262-b931-396363643661/-/empty/12.jpg" data-original="https://static.tildacdn.com/tild3132-6338-4262-b931-396363643661/12.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3132-6338-4262-b931-396363643661/12.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"> Fire Emblem: Radiant Dawn [<a href="https://www.youtube.com/user/OdysseyRPG1" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233842" 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><span data-redactor-tag="span" style="font-size: 32px;"><span style="color: rgb(255, 255, 255);">Кастомизация </span><br /></span></strong><br /> С первой части Fire Emblem в серии всегда был полноценный главный герой, с которым игрок мог себя ассоциировать — это было явным наследием JRPG. <br /><br /> В Fire Emblem: Shadow Dragon and the Blade of Light игрок, хотя и управлял на поле боя всеми персонажами, всё же имел основного аватара — принца Марта, который позже станет одним из главных героев в серии. Март был полноценным участником всех сражений и диалогов. <br /><br /></div></div> </div> </div> </div> <style> #rec165233842 .t-text{color:#ffffff;}</style> </div> <div id="rec165233843" 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-6337-4438-b237-636630326463/13.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6438-6337-4438-b237-636630326463/-/empty/13.jpg" data-original="https://static.tildacdn.com/tild6438-6337-4438-b237-636630326463/13.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6438-6337-4438-b237-636630326463/13.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"> Fire Emblem: Shadow Dragon and the Blade of Light [<a href="http://breakingcanon.com/" style="noopener">источник</a>] <br /><div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233844" 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"> Fire Emblem Gaiden поочерёдно выдавала под контроль игрока сразу двух главных героев. История сфокусировалась на их личных проблемах и переживаниях. Конечно, общая тема войны никуда не делась, но сюжет в целом оказался более призёмлённым. У игрока было больше контроля над своими аватарами — он мог свободно управлять передвижением отряда по глобальной карте, торговать и общаться с персонажами. <br /><br /> В The Blazing Blade роль аватара игрока и главного героя решили разделить. Сюжет крутился вокруг нескольких наследников правящих династий, в то время как игроку предлагалась роль невидимого стратега, управляющего ходом битвы. Зато этого стратега можно было немного кастомизировать — выбрать ему имя, пол, месяц рождения, а в японской версии ещё и группу крови. Реализация идеи была странной, поэтому на время от неё отошли, вернув функции аватара игрока главному герою. <br /><br /></div></div> </div> </div> </div> <style> #rec165233844 .t-text{color:#ffffff;}</style> </div> <div id="rec165233845" 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/tild3132-3235-4566-b132-376366383433/14.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3132-3235-4566-b132-376366383433/-/empty/14.jpg" data-original="https://static.tildacdn.com/tild3132-3235-4566-b132-376366383433/14.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3132-3235-4566-b132-376366383433/14.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"> Fire Emblem: The Blazing Blade [<a href="https://www.youtube.com/user/GamesBrained" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233846" 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 /> В New Mystery of the Emblem разработчики вернулись к идее уникального аватара. Ему можно было настроить внешность, выбрать класс, а также ответить на несколько вопросов о прошлом героя, его ценностях и амбициях — ответы задавали стартовые характеристики. Аватар игрока участвовал и в сражениях, и в диалогах наравне с прочими персонажами. <br /><br /></div></div> </div> </div> </div> <style> #rec165233846 .t-text{color:#ffffff;}</style> </div> <div id="rec165233847" 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/tild3131-3437-4538-b464-396364373235/15.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3131-3437-4538-b464-396364373235/-/empty/15.jpg" data-original="https://static.tildacdn.com/tild3131-3437-4538-b464-396364373235/15.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3131-3437-4538-b464-396364373235/15.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"> Fire Emblem: New Mystery of the Emblem [<a href="https://www.youtube.com/user/poledoo" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233848" 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"> В 2017 году в рамках очередного эксперимента разработчики отказались от всех этих идей, предложив взамен исследование локаций от третьего лица. <br /><br /> Зато создатели Fire Emblem Echoes решили вновь поэкспериментировать с элементами jRPG. Заходя в раскиданные по карте пещеры, склепы и тюрьмы, игрок получал полный контроль над главным героем. По подземельям можно было свободно перемещаться, находить скрытые комнаты и искать добычу. За всем этим тоже стояло стремление заставить игрока сопереживать героям. <br /><br /> <strong>Тосиюки Кусакихара, гейм-директор Fire Emblem: Three Houses:</strong> <br /><br /> <em>В первую очередь, в своей основе Echoes ближе к RPG. У игрока нет одного уникального аватара, вместо это он играет за Альма и Селику. Мы надеялись, что игроки ещё сильнее будут им сопереживать, если посмотрят на мир с их точки зрения. Ещё мы добавили возможность изучать деревни, чтобы лучше понять, как в них устроена жизнь. А ещё — чтобы пообщаться с селянами, осмотреть местность и обсудить что-то с соратникам (от лица главного героя). А дав игроку возможность спускаться в подземелья в роли Альма или Селики, мы хотели, чтобы он почувствовал то же, что и они, чтобы ощущал место всеми органами чувств. </em><br /><br /><a href="https://kantopia.wordpress.com/2017/04/27/fire-emblem-echoes-dengeki-developer-interview-april-2017/" style="noopener">Источник</a></div></div> </div> </div> </div> <style> #rec165233848 .t-text{color:#ffffff;}</style> </div> <div id="rec165233849" 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-3635-4666-a361-373138663263/16.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3639-3635-4666-a361-373138663263/-/empty/16.jpg" data-original="https://static.tildacdn.com/tild3639-3635-4666-a361-373138663263/16.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3639-3635-4666-a361-373138663263/16.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"> Fire Emblem Echoes: Shadows of Valentia [<a href="https://www.youtube.com/user/Hawelo92" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233850" 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><span data-redactor-tag="span" style="font-size: 32px;">Дружба и любовь </span></strong><br /> В 1994 году вышла Mystery of the Emblem — одновременно и ремейк, и сиквел первой части. В ней впервые в серии появилась система «поддержки». Правда, пока что она была в зачаточном виде — некоторые персонажи просто сражались лучше, когда стояли бок о бок с друзьями, родственниками или возлюбленными. <br /><br /></div></div> </div> </div> </div> <style> #rec165233850 .t-text{color:#ffffff;}</style> </div> <div id="rec165233851" 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/tild6133-6430-4234-a166-643662376462/17.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6133-6430-4234-a166-643662376462/-/empty/17.jpg" data-original="https://static.tildacdn.com/tild6133-6430-4234-a166-643662376462/17.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6133-6430-4234-a166-643662376462/17.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"> Fire Emblem: Mystery of the Emblem [<a href="https://www.youtube.com/channel/UCDlJIwLXFu45GKLc6PzlgOA" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233852" 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"> Впервые система «поддержки» начала приобретать знакомые современным игрокам очертания в 1997 году. В Fire Emblem: Genealogy of the Holy War у персонажей повышался уровень «поддержки», если те регулярно попадали в один отряд, сражались рядом и спасали друг друга от верной гибели. У героев одного пола максимальным уровнем была «закадычная дружба», а в противоположном случае всё заканчивалось любовью и сопровождалось отдельными бонусами. Это были первые отголоски того самого «симулятора свиданий». <br /><br /> <strong>Сёдзо Кага, ведущий сценарист Fire Emblem: Shadow Dragon and the Blade of Light:</strong> <br /><br /> <em>Основная идея этой механики — показать человеческие взаимоотношения. Я хотел показать важность родственных уз и наследия, а ещё — как влюблённые и родственники помогают друг другу. У системы был и досадный промах: я хотел, чтобы игроки разделяли все радостные эмоции своих героев, но при этом не добавил специальный статус для друзей — только для влюблённых. <br /></em><br /><a href="https://garmtranslations.wordpress.com/2019/02/13/fire-emblem-genealogy-of-the-holy-war-fan-special-roundtable-discussion/" style="noopener">Источник</a></div></div> </div> </div> </div> <style> #rec165233852 .t-text{color:#ffffff;}</style> </div> <div id="rec165233853" 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/tild3730-3332-4661-b639-386566323337/18.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3730-3332-4661-b639-386566323337/-/empty/18.jpg" data-original="https://static.tildacdn.com/tild3730-3332-4661-b639-386566323337/18.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3730-3332-4661-b639-386566323337/18.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"> Fire Emblem: Genealogy of the Holy War [<a href="https://www.youtube.com/user/GamesBrained" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233854" 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"> В Genealogy of the Holy War у влюблённых персонажей появлялись дети, которые во второй половине игры попадали в армию игрока. Причём их характеристики и способности зависели именно от параметров родителей, поэтому неудачное «проектирование» пар могло привести к отряду из откровенно слабых персонажей. Важно было и проследить, чтобы предок дожил до конца своей истории — мертвецы не могут оставить потомство. <br /><br /> В The Binding Blade каждый раз, когда уровень «поддержки» двух бойцов достигал нового ранга, прямо на поле боя разворачивалась мини-сценка со специальным диалогом. <br /><br /> Постепенно, сражаясь вместе, обмениваясь колкостями и похвалами, герои не только переходили к дружбе или женитьбе (на этот раз — без детей), но и лучше раскрывали свои характеры. В результате даже мельком участвующие в сюжете персонажи казались более глубокими и запоминались игроку — разумеется, если тот активно использовал их в сражениях. <br /><br /></div></div> </div> </div> </div> <style> #rec165233854 .t-text{color:#ffffff;}</style> </div> <div id="rec165233855" 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/tild3831-3964-4931-b632-303163653066/19.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3831-3964-4931-b632-303163653066/-/empty/19.jpg" data-original="https://static.tildacdn.com/tild3831-3964-4931-b632-303163653066/19.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3831-3964-4931-b632-303163653066/19.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"> Fire Emblem: The Binding Blade [<a href="https://www.youtube.com/channel/UCgpkvyHTvvAmPoYdIrmRY1g" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233856" 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"> В Path of Radiance диалогов стало больше, и зачастую они несли вполне себе геймплейную ценность. Хоть разговоры и остались совершенно линейными, но зато регулярно давали игроку новых персонажей, оружие или хоть подсказки к грядущему бою. Всё это поощряло игроков развивать отношения с соратниками, добавляя к чисто нарративной мотивации («Мне нравится этот персонаж и я хочу узнать его получше») ещё и игромеханическую («Мне нравится меч этого персонажа и если я с ним подружусь, тот мне его подарит»). <br /><br /> В Fire Emblem: Awakening углубили проработка всего, что касалось романтической «поддержки». Важным нововведением стала механика Pair-Up, позволявшая двум персонажам сражаться бок о бок. Во время таких схваток ранг «поддержки» рос быстрее, чем в обычном сражении. А чем выше этот ранг — тем эффективнее получался дуэт. <br /><br /> <strong>Масахиро Хигучи, проект-менеджер Fire Emblem: Awakening:</strong> <br /><br /> <em>Мне кажется, что сама сущность Fire Emblem — в этих связях между персонажами. Их разговоры, мировоззрения, друзья и любовники, родители и дети — всё это соединяется воедино, и игрок ощущает, что все персонажи действительно живут в этом мире и активно участвуют в событиях игры. Между героями формируются узы, они чаще разговаривают друг с другом, а игрок хочет всё больше и больше этих диалогов. <br /></em><br /><a href="http://iwataasks.nintendo.com/interviews/#/3ds/fire-emblem/0/0" style="noopener">Источник</a></div></div> </div> </div> </div> <style> #rec165233856 .t-text{color:#ffffff;}</style> </div> <div id="rec165233857" 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/tild3930-3232-4263-b738-626333646165/20.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3930-3232-4263-b738-626333646165/-/empty/20.jpg" data-original="https://static.tildacdn.com/tild3930-3232-4263-b738-626333646165/20.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3930-3232-4263-b738-626333646165/20.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"> Fire Emblem: Awakening [<a href="https://www.youtube.com/channel/UC3zgCd1HQp785P1Q-LsBWEw" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233858" 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"> В Fire Emblem Fates почти всё, что было связано с рангами и диалогами «поддержки», перенесли в замок игрока. Гуляя по владениям, можно было встречать и общаться с персонажами, а на определённом ранге аватар игрока мог приглашать других героев в баню и в личные покои. Максимальный ранг «поддержки» появился не только у влюблённых, но и у закадычных друзей. Системе pair-up тоже нашлось место, как и детям. <br /><br /> Кстати, самое странное нововведение — Skinship, — вырезали из англоязычной версии игры. Пригласив в личные покои персонажа с максимальным рангом поддержки, его можно было начать… поглаживать, используя сенсорный экран 3DS. Бойцы от этого даже получали бонус к характеристикам. <br /><br /> <strong><span data-redactor-tag="span" style="font-size: 32px;"><span style="color: rgb(255, 255, 255);">Паралоги <br /></span></span></strong><br /> Несмотря на все свои минусы, Fire Emblem: Thracia 776 смогла привнесла в серию одну закрепившуюся механику — паралоги (paralogues), также известные как Gaiden-главы или сторонние истории. Эти дополнительные задания появлялись только в определённых условиях — например, когда один бойцов игрока попадал в плен, или если получалось освободить всех заключенных в предыдущей главе. <br /><br /> Как правило, сюжета в таких главах было немного, в основном они были призваны столкнуть игрока с более сложным испытанием, а в случае его победы — выдать более ценную награду. В таком виде паралоги появлялись почти во всех играх серии вплоть до её лёгкой перезагрузки в 2012 году. <br /><br /></div></div> </div> </div> </div> <style> #rec165233858 .t-text{color:#ffffff;}</style> </div> <div id="rec165233862" 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/tild6463-6232-4561-b266-666366626530/21.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6463-6232-4561-b266-666366626530/-/empty/21.jpg" data-original="https://static.tildacdn.com/tild6463-6232-4561-b266-666366626530/21.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6463-6232-4561-b266-666366626530/21.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"> Fire Emblem: Thracia 776 [<a href="https://www.youtube.com/user/MangsandZerul" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233863" 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"> В Fire Emblem Awakening сторонние истории превратились в нечто, похожее на персональные задания спутников из западных RPG. Большинство паралогов рассказывали истории конкретных персонажей, а аватар игрока помогал им решить те или иные проблемы. Наградой за завершение паралогов были новые персонажи для найма и уникальные артефакты. <br /><br /> А вот в Fates<strong></strong> сторонние задания служили скорее не повествованию, а геймплею. Они открывались, когда кто-то из персонажей заводил семью, и позволяли игроку перенестись в будущее, чтобы пригласить в армию наследника. Наградой, соответственно, служили только новые бойцы. <br /></div></div> </div> </div> </div> <style> #rec165233863 .t-text{color:#ffffff;}</style> </div> <div id="rec165233864" 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/tild3931-6639-4231-b961-656631663662/22.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3931-6639-4231-b961-656631663662/-/empty/22.jpg" data-original="https://static.tildacdn.com/tild3931-6639-4231-b961-656631663662/22.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3931-6639-4231-b961-656631663662/22.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"> Fire Emblem Fates [<a href="https://www.youtube.com/user/Hawelo92" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233865" 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></strong><span style="font-size: 32px;"><strong><span data-redactor-tag="span" style="color: rgb(255, 255, 255);">Первая пара <br /></span></strong></span><br /> В Fire Emblem: Three Houses разработчики решили перемешать все лучшие механики, когда-либо появлявшиеся в серии. В первую очередь те, что касались персонажей. <br /><br /> Разработчики вернули аватара, которому можно задать имя, дату рождения и пол. Игроку в Three Houses достаётся роль Профессора — молодого учителя, который берёт под опеку один из факультетов Офицерской академии. <br /><br /></div></div> </div> </div> </div> <style> #rec165233865 .t-text{color:#ffffff;}</style> </div> <div id="rec165233866" 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/tild6164-3532-4262-b662-326566306232/23.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6164-3532-4262-b662-326566306232/-/empty/23.jpg" data-original="https://static.tildacdn.com/tild6164-3532-4262-b662-326566306232/23.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6164-3532-4262-b662-326566306232/23.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"> Fire Emblem: Three Houses [<a href="https://www.nintendo.ru/" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233867" 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"> Игровой процесс в Three Houses разбит на учебные недели. В будние дни игрок выполняет прямые обязанности Профессора — развивает характеристики персонажей с помощью механики преподавания. Иногда игрок может отвлечься, чтобы ответить на вопросы студентов или позвать кого-то из них на чаепитие, чтобы получше узнать персонажа и набрать баллы «поддержки». <br /><br /></div></div> </div> </div> </div> <style> #rec165233867 .t-text{color:#ffffff;}</style> </div> <div id="rec165233868" 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/tild6630-3265-4439-b233-363838633935/24.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6630-3265-4439-b233-363838633935/-/empty/24.jpg" data-original="https://static.tildacdn.com/tild6630-3265-4439-b233-363838633935/24.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6630-3265-4439-b233-363838633935/24.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"> Fire Emblem: Three Houses [<a href="https://www.nintendo.ru/" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233869" 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 /> <strong>Тосиюки Кусакихара, гейм-директор Fire Emblem: Three Houses:</strong> <br /><br /> <em>У такого подхода к сюжету было огромное преимущество. В предыдущих играх вы встречали новых персонажей одного за другим по мере прохождения истории. Поэтому узнавали их неравномерно — к концу игры про кого-то из героев вы знали гораздо лучше. Но с такой системой, все персонажи оказываются перед игроком с самого начала игры, поэтому у него есть время познакомиться с ними, выстроить хорошие отношения. </em><br /><br /><a href="https://www.rpgsite.net/interview/8711-fire-emblem-three-houses-interview-intelligent-systems-nintendo-talk-bringing-the-beloved-strategy-rpg-series-to-switch" style="noopener">Источник</a></div></div> </div> </div> </div> <style> #rec165233869 .t-text{color:#ffffff;}</style> </div> <div id="rec165233870" 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/tild6563-3038-4661-b164-613066393965/25.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6563-3038-4661-b164-613066393965/-/empty/25.jpg" data-original="https://static.tildacdn.com/tild6563-3038-4661-b164-613066393965/25.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6563-3038-4661-b164-613066393965/25.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"> Fire Emblem: Three Houses [<a href="https://www.nintendo.ru/" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233871" 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 /> На системе «поддержки» в Three Houses полностью завязан и социальный, и боевой геймплей. Во-первых, впервые в серии значение имеет общение не только с персонажами в отряде, но и со всеми возможными бойцами. Теперь общаться нужно, чтобы набирать в команду новых рекрутов. <br /><br /></div></div> </div> </div> </div> <style> #rec165233871 .t-text{color:#ffffff;}</style> </div> <div id="rec165233872" 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/tild3733-3535-4663-a530-313664303134/26.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3733-3535-4663-a530-313664303134/-/empty/26.jpg" data-original="https://static.tildacdn.com/tild3733-3535-4663-a530-313664303134/26.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3733-3535-4663-a530-313664303134/26.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"> Fire Emblem: Three Houses [<a href="https://www.nintendo.ru/" style="noopener">источник</a>] <br /><div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233873" 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"> Во-вторых, «поддержка» всё ещё влияет на показатели бойца на поле боя. Система Pair-Up тоже вернулась, но в урезанном виде. В угоду балансу, на бой можно звать всего нескольких «адъютантов», прикрепляя их к нужным персонажам. Такие пары и сражаются эффективнее, и начинают лучше ладить друг с другом. <br /><br /> В-третьих, потерянные предметы, совместные чаепития и повышения ранга «поддержки» постепенно формируют множество небольших историй. У каждого персонажа есть не только одна центральная сюжетная линия, но и несколько второстепенных, которые раскрываются при взаимодействии с другими персонажами. <br /><br /></div></div> </div> </div> </div> <style> #rec165233873 .t-text{color:#ffffff;}</style> </div> <div id="rec165233878" 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/tild6235-6539-4364-b661-646133323866/27.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6235-6539-4364-b661-646133323866/-/empty/27.jpg" data-original="https://static.tildacdn.com/tild6235-6539-4364-b661-646133323866/27.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6235-6539-4364-b661-646133323866/27.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"> Fire Emblem: Three Houses [<a href="https://www.nintendo.ru/" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233879" 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"> Из предыдущих частей вернулись и другие наработки. Например, паралоги в Three Houses окончательно превратились в аналоги персональных заданий для каждого из персонажей. Каждая сторонняя история обладает собственным сюжетом, привязанным к предыстории бойца. <br /><br /> Наконец, окончательная смерть бойцов в игре присутствует, но и «казуальный» режим прохождения тоже никуда не делся. Вернулась и перемотка хода, позволяющая исправить тактическую ошибку. Всё это — осознанные шаги, призванные сместить внимание игрока со стратегической части Three Houses на ролевую. <br /><br /> <strong>Тосиюки Кусакихара, гейм-директор Fire Emblem: Three Houses:</strong> <br /><br /> <em>Найти правильный баланс между стратегической и ролевой частями игры было очень сложно. Мы попробовали многое — монастырь прошёл внутреннее тестирование, обсуждали его всей командой, пытаясь понять, не слишком ли его много или мало в игре. Но в результате у нас есть отличные новости для игроков, которые любят общаться с персонажами и изучать их. Для Three Houses мы создали совершенно разных героев, которые любят поболтать и в мирное время, и на поле боя. В монастыре подготовлено множество диалогов между всеми студентами и другими персонажами. Игрок может наслаждаться жизнью в игре и за пределами сражений. <br /></em><br /><a href="https://www.rpgsite.net/interview/8711-fire-emblem-three-houses-interview-intelligent-systems-nintendo-talk-bringing-the-beloved-strategy-rpg-series-to-switch" style="noopener">Источник</a></div></div> </div> </div> </div> <style> #rec165233879 .t-text{color:#ffffff;}</style> </div> <div id="rec165233880" 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/tild6132-3162-4466-a566-303337353064/28.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6132-3162-4466-a566-303337353064/-/empty/28.jpg" data-original="https://static.tildacdn.com/tild6132-3162-4466-a566-303337353064/28.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6132-3162-4466-a566-303337353064/28.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"> Fire Emblem: Three Houses [<a href="https://www.nintendo.ru/" style="noopener">источник</a>] <div style="color:#999999;" data-customstyle="yes"></div></div></div> </div> </div> </div> </div> <div id="rec165233881" 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"> С точки зрения механик разработчики Fire Emblem развили RPG-составляющую настолько, что она стала занимать добрую половину игрового процесса. С точки зрения сюжета — создали самых проработанных персонажей в серии, углубив их характеры с помощью второстепенных историй. <br /><br /> Неудивительно, что тематические форумы, подсайты и сабреддиты завалены фанартами, комиксами и рассказами с персонажами Three Houses. За примерно 100 часов прохождения игра не на шутку привязывает игрока к своим героям, заставляя перепроходить даже самую трудную миссию, если на ней погиб милый сердцу герой, а зарядов перемотки времени не осталось. <br /><br /></div></div> </div> </div> </div> <style> #rec165233881 .t-text{color:#ffffff;}</style> </div> <div id="rec165233882" 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/tild3264-3566-4464-b035-326436393634/29.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3264-3566-4464-b035-326436393634/-/empty/29.jpg" data-original="https://static.tildacdn.com/tild3264-3566-4464-b035-326436393634/29.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3264-3566-4464-b035-326436393634/29.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"> Fire Emblem: Three Houses [<a href="https://www.nintendo.ru/" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233883" 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><span data-redactor-tag="span" style="font-size: 28px;">Наследники <br /></span><br /></strong>Подход Fire Emblem к персонажам пришёлся по душе не только игрокам, но и многим другим разработчикам. Сама идея о том, что бойцы в игре могут быть не пешками, а полноценными героями, кажется привлекательной, но добиться такого же эффекта непросто. <br /><br /> В один из кризисных для серии моментов из Intelligent Systems ушёл «отец Fire Emblem» Сёдзо Кага, чтобы создать «духовного наследника» своей игры вместе с новой студией. Получившаяся в результате Tear Ring Saga напоминала Fire Emblem настолько, что обеспечила создателю судебный иск от Nintendo. Серия продержалась только две игры. <br /><br /> А 27 декабря 2019 года Сёдзо Кага выпустил ещё одну вариацию своего видения Fire Emblem, причём на ПК — Vestaria Saga. Сейчас это наверное, самый простой (и недорогой) способ познакомиться с геймплеем классических Fire Emblem, если у вас нет консоли от Nintendo. <br /><br /></div></div> </div> </div> </div> <style> #rec165233883 .t-text{color:#ffffff;}</style> </div> <div id="rec165233886" 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-3465-4538-b031-373563316532/30.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6332-3465-4538-b031-373563316532/-/empty/30.jpg" data-original="https://static.tildacdn.com/tild6332-3465-4538-b031-373563316532/30.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6332-3465-4538-b031-373563316532/30.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"> Vestaria Saga I: War of the Scions [<a href="https://store.steampowered.com/" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233887" 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"> После успеха Fire Emblem сразу несколько студий решили повторить успех серии и выпустить свои вариации на тему. Все они брали за основу знакомую концепцию с сочетанием стратегических пошаговых боёв и ролевой игры, но интерпретировали её по-разному. <br /><br /> Final Fantasy Tactics предлагала схожий игровой процесс в сочетании со знакомой вселенной и вертикальным перемещением по локации. Shining Force<strong></strong> сконцентрировалась на RPG-элементах, добавив полноценное перемещение по карте и исследование городов. Front Mission и Super Robot Wars экспериментировали с современным сеттингом, а Tactics Ogre поставила во главу угла сюжет и уменьшила размах сражений. <br /><br /></div></div> </div> </div> </div> <style> #rec165233887 .t-text{color:#ffffff;}</style> </div> <div id="rec165233888" 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/tild6538-3233-4931-a133-316335336334/31.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6538-3233-4931-a133-316335336334/-/empty/31.jpg" data-original="https://static.tildacdn.com/tild6538-3233-4931-a133-316335336334/31.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6538-3233-4931-a133-316335336334/31.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 Banner Saga 2 [<a href="https://bannersaga.com/" style="noopener">источник</a>] <br /></div></div> </div> </div> </div> </div> <div id="rec165233889" 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"> Ещё одна игра, которую можно назвать наследницей Fire Emblem — The Banner Saga. Это тоже тактическая RPG, в которой каждый юнит был полноценным персонажем. Но ставка делалась больше на RPG элементы — нелинейный сюжет, множество трудных выборов, с которым приходилось сталкиваться игроку. В стратегической фазе персонажи даже не умирали — окончательная смерть в игре есть, но происходит она только по сюжету. <br /><br /> В 2019 году вышла Fell Seal: Arbiter's Mark — пошаговая тактическая RPG, которая отталкивалась уже от геймдизайна Final Fantasy Tactics. Персонажам и их взаимоотношениям здесь уделили меньше внимания и сделали ставку на тактическую составляющую. <br /><br /></div></div> </div> </div> </div> <style> #rec165233889 .t-text{color:#ffffff;}</style> </div> <div id="rec165233894" 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/tild3932-3330-4837-b337-356430626364/32.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3932-3330-4837-b337-356430626364/-/empty/32.jpg" data-original="https://static.tildacdn.com/tild3932-3330-4837-b337-356430626364/32.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3932-3330-4837-b337-356430626364/32.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"> Fell Seal: Arbiter's Mark [<a href="https://www.fellseal.com/" style="noopener">источник</a>] </div></div> </div> </div> </div> </div> <div id="rec165233895" 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 /> Разработчикам, желающим добиться подобного эффекта, можно взять на вооружение пять принципов Fire Emblem — и просто посмотреть на них по-своему. <br /><br /></div></div> </div> </div> </div> <style> #rec165233895 .t-text{color:#ffffff;}</style> </div> <div id="rec165233896" 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/tild3133-3739-4237-b161-653165386364/36.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3133-3739-4237-b161-653165386364/-/empty/36.jpg" data-original="https://static.tildacdn.com/tild3133-3739-4237-b161-653165386364/36.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3133-3739-4237-b161-653165386364/36.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">Внутри жёлтого круга не должно быть хардов, так как они будут находиться внутри UV-шелла</div></div> </div> </div> </div> </div> <div id="rec165233897" 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>внешние </strong>шеллы могут быть или софтами, или хардами. <br /><br /> <strong><span data-redactor-tag="span" style="font-size: 28px;">Паддинг </span><br /></strong><br /> Обязательно добавляем небольшие отступы между UV-шеллами. <br /><br /></div></div> </div> </div> </div> <style> #rec165233897 .t-text{color:#ffffff;}</style> </div> <div id="rec165233898" 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/tild6430-6439-4236-a234-313737343238/37.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6430-6439-4236-a234-313737343238/-/empty/37.jpg" data-original="https://static.tildacdn.com/tild6430-6439-4236-a234-313737343238/37.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6430-6439-4236-a234-313737343238/37.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">Обрати на жёлтые стрелки. В этих местах есть паддинг, т.е. отступ между UV шеллами</div></div> </div> </div> </div> </div> <div id="rec165233899" 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 /></div></div> </div> </div> </div> <style> #rec165233899 .t-text{color:#ffffff;}</style> </div> <div id="rec165233900" 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-6230-4934-b164-626533376163/38.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3561-6230-4934-b164-626533376163/-/empty/38.jpg" data-original="https://static.tildacdn.com/tild3561-6230-4934-b164-626533376163/38.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3561-6230-4934-b164-626533376163/38.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"></div></div> </div> </div> </div> </div> <div id="rec165233901" 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"><span style="font-size: 32px;"><strong><span data-redactor-tag="span" style="color: rgb(255, 255, 255);">5. Перед тем, как открыть Marmoset <br /></span></strong></span><br /> Мы уже подготовили low poly, high poly и развёртку к запечке.<br />Но прежде чем нажимать волшебную кнопку, нужно выполнить ещё три простых действия, которые помогут нам в дальнейшем. <br /><br /> Правильный нейминг сэкономит гору времени во время работы с группами запечки — лишний мусор не будет мешать при работе. <br /><br /> Наличие бэкапа поможет не потерять всю проделанную работу. В ходе запечки мы будем разносить модель или запекать отдельно некоторые её части, а потом подмазывать их в фотошопе. Может начаться настоящий хаос — стоит потратить одну минуту, чтобы сделать backup. <br /><br /> <span style="font-size: 28px;"><strong>Нейминг в Maya <br /></strong></span><br /> Проверяем, что нейминг внутри группы lowpoly совпадает с неймингом внутри high poly. <br /><br /> Например,<br />lowpoly -> <strong>barrel</strong><br />sculpt -> zbrush_<strong>barrel</strong><br />highpoly -> high_<strong>barrel </strong><br /><br /> Если это не так, нужно сделать это прямо сейчас, иначе в дальнейшем у нас будут большие проблемы при работе с группами запечки. <br /><br /> <strong><span data-redactor-tag="span" style="font-size: 28px;">Удали мусор <br /></span></strong><br /> В Maya есть полезная функция File → Optimize Scene Size, которая удаляет из сцены мусор, который нигде не используется. Это лишние слои, лишние материалы и пустые группы. <br /><br /> <span style="font-size: 28px;"><strong>Backup </strong><br /></span><br /> Перед запечкой создаём отдельную папку «Bake», и сохраняем туда бэкап исходного файла до начала запечки — на всякий случай). <br /><br /> Во время запечки иногда приходится править часть геометрии. Где-то добавятся фаски, где-то поддержки, и так далее. Поэтому всегда полезно иметь сохранённый и нетронутый бэкап. <br /><br /> <span style="font-size: 32px;"><strong><span data-redactor-tag="span" style="color: rgb(255, 255, 255);">6. Подготовка сцены в Marmoset <br /></span></strong></span><br /> <span style="font-size: 28px;"><strong>Ставим более высокое разрешение <br /></strong></span><br /> Прежде чем делать запечку, укажем, какого размера будут карты. <br /><br /> Ставим разрешение карт в <strong>2 раза выше</strong>, чем будет у финальной модели.<br />Так часто делают в продакшене, так как текстура в 2к, уменьшенная до 1к выглядит лучше, чем текстура, сделанная сразу в 1к. <br /><br /></div></div> </div> </div> </div> <style> #rec165233901 .t-text{color:#ffffff;}</style> </div> <div id="rec165233902" 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/tild3436-6532-4834-a664-326334333865/39.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3436-6532-4834-a664-326334333865/-/empty/39.jpg" data-original="https://static.tildacdn.com/tild3436-6532-4834-a664-326334333865/39.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3436-6532-4834-a664-326334333865/39.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">Ставим разрешение у карт в два раза выше</div></div> </div> </div> </div> </div> <div id="rec165233903" 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"> Указываем, что нужно запечь Normal, AO, Material ID (=Color ID), и выбираем папку, в которую программа будет сохранять карты. <br /><br /> <span style="font-size: 28px;"><strong>Дальше есть 2 пути <br /></strong></span><br /> Одна из главных проблем в том, что <strong>если объекты пересекаются и пекутся как единое целое — появляются артефакты. <br /></strong><br /> Вот пример: мы запекли нашу бочку. На первый взгляд всё выглядит неплохо, но если мы сдвинем любой из элементов, то увидим кучу артефактов: <br /><br /></div></div> </div> </div> </div> <style> #rec165233903 .t-text{color:#ffffff;}</style> </div> <div id="rec165233904" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233904" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/SwUR4ffeITv3fRdGPG/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/SwUR4ffeITv3fRdGPG/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233904');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233905" 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 /> Поэтому <strong>за один раз можно запекать только те элементы, которые находятся на расстоянии друг от друга</strong>. <br /><br /> Есть два варианта решения. <br /><br /> <span style="font-size: 28px;"><strong>Вариант 1: Разнести модель (Explode) </strong><br /></span><br /> Это старый, проверенный временем метод. <br /><br /> Explode можно сделать легко в Marmoset.<br />Просто разнесём элементы в разные стороны, чтобы геометрия не пересекалась. <br /><br /></div></div> </div> </div> </div> <style> #rec165233905 .t-text{color:#ffffff;}</style> </div> <div id="rec165233906" 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-6432-4836-a534-623030656662/40.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6135-6432-4836-a534-623030656662/-/empty/40.jpg" data-original="https://static.tildacdn.com/tild6135-6432-4836-a534-623030656662/40.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6135-6432-4836-a534-623030656662/40.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">Разносим элементы модели в разные стороны</div></div> </div> </div> </div> </div> <div id="rec165233907" 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"><em>Представьте, что мы делаем Explode в Maya прямо в файле с финальной сценой. После того, как мы разнесли элементы в сторону и сделали запечку, нужно будет собрать все детали обратно. Это не лучшая затея — поэтому всегда нужно хранить бэкап.</em> <br /><br />Обязательно следим, чтобы low poly и high poly совпадали и двигались вместе, иначе опять будут артефакты. <br /><br /></div></div> </div> </div> </div> <style> #rec165233907 .t-text{color:#ffffff;}</style> </div> <div id="rec165233908" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233908" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/WRQgwLWRa6ZFFbHnS2/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/WRQgwLWRa6ZFFbHnS2/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233908');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233909" 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"> Пока что рано нажимать кнопку «Bake».<br />На этом этапе просто разносим объекты в сторону и переходим к следующему пункту: работе с Cage. <br /><br /> <strong>Вариант 2: Использовать группы запечки </strong><br /><br /> В Marmoset можно не разносить геометрию, так как это не всегда удобно, а просто <strong>указать программе, чтобы она пекла разные элементы модели по отдельности</strong>. <br /><br /></div></div> </div> </div> </div> <style> #rec165233909 .t-text{color:#ffffff;}</style> </div> <div id="rec165233910" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233910" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/U6pybdF8TITvDTtPuS/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/U6pybdF8TITvDTtPuS/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233910');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233911" 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">Первая группа — объекты, которые не пересекаются.</div></div> </div> </div> </div> <style> #rec165233911 .t-text{color:#ffffff;}</style> </div> <div id="rec165233912" 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/tild6537-6234-4834-b461-636166633762/41.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6537-6234-4834-b461-636166633762/-/empty/41.jpg" data-original="https://static.tildacdn.com/tild6537-6234-4834-b461-636166633762/41.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6537-6234-4834-b461-636166633762/41.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">Пример одной из групп запечки</div></div> </div> </div> </div> </div> <div id="rec165233913" 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>группами запечки</strong>».<br />Вот ещё два примера:</div></div> </div> </div> </div> <style> #rec165233913 .t-text{color:#ffffff;}</style> </div> <div id="rec165233914" 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/tild6166-3030-4639-a133-343337363764/42.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6166-3030-4639-a133-343337363764/-/empty/42.jpg" data-original="https://static.tildacdn.com/tild6166-3030-4639-a133-343337363764/42.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6166-3030-4639-a133-343337363764/42.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">Ещё две группы запечки</div></div> </div> </div> </div> </div> <div id="rec165233915" 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 />Именно поэтому я рекомендовал ещё до открытия Marmoset проверить, совпадают ли имена у всех групп внутри low poly и high poly. <br /><br /> Создадим группу запечки и просто перетащим туда одинаковые элементы с low poly и high poly: <br /><br /></div></div> </div> </div> </div> <style> #rec165233915 .t-text{color:#ffffff;}</style> </div> <div id="rec165233916" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233916" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/fq84ul4Yk4PDerKPFQ/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/fq84ul4Yk4PDerKPFQ/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233916');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233917" 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">Более подробно про то, какие кнопки нажимать, мы сняли видео аж несколько лет назад:</div></div> </div> </div> </div> <style> #rec165233917 .t-text{color:#ffffff;}</style> </div> <div id="rec165233918" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_10"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="165233918" data-videolazy-type="youtube" data-videolazy-id="XR2ceg_IYS4" data-videolazy-height="540px"> </div> <style>#rec165233918 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('165233918');});});</script> </div> <div id="rec165233919" 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"><span style="font-size: 28px;"><strong>Cage </strong></span><br /><br /> Добро пожаловать на следующий этап работы! <br /><br /> При выборе одной конкретной группы запечки вокруг каждого объекта <strong>появилось поле поиска high poly</strong>, которое называется Cage. Это полупрозрачная область, которая оборачивает все элементы выбранной группы. <br /><br /></div></div> </div> </div> </div> <style> #rec165233919 .t-text{color:#ffffff;}</style> </div> <div id="rec165233920" 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/tild6164-3330-4163-b534-313863663065/43.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6164-3330-4163-b534-313863663065/-/empty/43.jpg" data-original="https://static.tildacdn.com/tild6164-3330-4163-b534-313863663065/43.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6164-3330-4163-b534-313863663065/43.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">Полупрозрачная зона, которая слегка выходит за пределы модели — это Cage</div></div> </div> </div> </div> </div> <div id="rec165233921" 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">Размер кейджа можно изменить:</div></div> </div> </div> </div> <style> #rec165233921 .t-text{color:#ffffff;}</style> </div> <div id="rec165233922" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233922" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/STSW82DNrg1XcmpYG4/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/STSW82DNrg1XcmpYG4/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233922');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233923" 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">Cage определяет зону поиска информации для запечки. Всё, что не попадает в кейдж, не будет запечено.</div></div> </div> </div> </div> <style> #rec165233923 .t-text{color:#ffffff;}</style> </div> <div id="rec165233924" 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/tild6239-6536-4630-b132-323137613232/44.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6239-6536-4630-b132-323137613232/-/empty/44.jpg" data-original="https://static.tildacdn.com/tild6239-6536-4630-b132-323137613232/44.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6239-6536-4630-b132-323137613232/44.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">В этих местах кейдж не полностью закрывал high poly.</div></div> </div> </div> </div> </div> <div id="rec165233925" 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 /> <ol> <li> <strong>Покрыть всю геометрию кейджом</strong>. </li> <li> <strong>Подобрать подходящий размер кейджа</strong>: чем меньше, тем лучше, но он должен покрывать всю high poly полностью</li> </ol><br /> <strong><span data-redactor-tag="span" style="font-size: 28px;">Нюансы при работе с Cage <br /></span></strong>1. В этом примере, если немного увеличить cage — артефакты пропадут:</div></div> </div> </div> </div> <style> #rec165233925 .t-text{color:#ffffff;}</style> </div> <div id="rec165233926" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233926" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/YO40KnF6Zau10Su2iR/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/YO40KnF6Zau10Su2iR/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233926');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233927" 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">2. Даже если сами полигоны не пересекаются, а пересекается только область кейджа, тоже будут артефакты:</div></div> </div> </div> </div> <style> #rec165233927 .t-text{color:#ffffff;}</style> </div> <div id="rec165233928" 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/tild6532-6336-4139-b231-376161383330/45.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6532-6336-4139-b231-376161383330/-/empty/45.jpg" data-original="https://static.tildacdn.com/tild6532-6336-4139-b231-376161383330/45.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6532-6336-4139-b231-376161383330/45.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"></div></div> </div> </div> </div> </div> <div id="rec165233929" 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">2. Даже если сами полигоны не пересекаются, а пересекается только область кейджа, тоже будут артефакты:</div></div> </div> </div> </div> <style> #rec165233929 .t-text{color:#ffffff;}</style> </div> <div id="rec165233930" 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/tild6266-3535-4266-a562-353963653833/46.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6266-3535-4266-a562-353963653833/-/empty/46.jpg" data-original="https://static.tildacdn.com/tild6266-3535-4266-a562-353963653833/46.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6266-3535-4266-a562-353963653833/46.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"></div></div> </div> </div> </div> </div> <div id="rec165233931" 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"> Мы очень любим Marmoset за удобный Cage и Paint Skew. Они значительно упрощают работу. <br /><br /><br /> <span style="font-size: 32px;"><strong><span data-redactor-tag="span" style="color: rgb(255, 255, 255);">6. Запечка карт <br /></span></strong></span><br /> <span style="font-size: 28px;"><strong>Что нажать? <br /></strong></span><br /> Нажимаем на кнопку «Bake». <br /><br /> В папке сразу появятся готовые PSD файлы. <br /><br /> <span style="font-size: 28px;"><strong>Как наложить карты на модель <br /></strong></span><br /> Дальше они загружаются в Painter и начинается этап текстурирования. Об этом поговорим в следующей статье. <br /><br /><br /> <span style="font-size: 32px;"><strong><span data-redactor-tag="span" style="color: rgb(255, 255, 255);">Исправление косяков после запечки <br /></span></strong></span><br /> Даже если сделать всё, как мы писали выше, всё равно могут появиться артефакты. Всё потому, что технология запечки — сложный процесс. <br /><br /> Прежде всего, нужно знать, что у нормала есть 2 разных алгоритма работы. И у обоих алгоритмов есть свои сильные и слабые стороны. <br /><br /> <span style="font-size: 28px;"><strong>Два вида нормала <br /></strong></span><br /> Для примера мы запекли одну и ту же геометрию с помощью Geometry и Surface Normal. <br /><br /></div></div> </div> </div> </div> <style> #rec165233931 .t-text{color:#ffffff;}</style> </div> <div id="rec165233932" 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/tild3436-3531-4631-a138-356133613337/47.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3436-3531-4631-a138-356133613337/-/empty/47.jpg" data-original="https://static.tildacdn.com/tild3436-3531-4631-a138-356133613337/47.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3436-3531-4631-a138-356133613337/47.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">Посмотрите на фаску и на то, как запеклась окружность</div></div> </div> </div> </div> </div> <div id="rec165233933" 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 /> <ol> <li> <strong>Geometry Normal</strong> </li> </ol></div></div> </div> </div> </div> <style> #rec165233933 .t-text{color:#ffffff;}</style> </div> <div id="rec165233934" 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/tild3364-3830-4736-b930-306265636231/48.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3364-3830-4736-b930-306265636231/-/empty/48.jpg" data-original="https://static.tildacdn.com/tild3364-3830-4736-b930-306265636231/48.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3364-3830-4736-b930-306265636231/48.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">Я перепек и обновил только эти юви шеллы</div></div> </div> </div> </div> </div> <div id="rec165233935" 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 /> Плюсы: хорошо печёт <strong>фаски и швы</strong>.<br />Минусы: дырки (окружности) немного растягиваются. <br /><br /> 2.<strong> Surface Normal </strong><br /><br /> Особенность алгоритма: учитывает харды и софты. <br /><br /> Плюсы: не портит форму у дырок.<br />Минусы: ужасно печёт края. <br /><br /> <span style="font-size: 28px;"><strong>Как правильно использовать оба алгоритма <br /></strong></span><br /> Marmoset позволяет использовать лучшее из обоих алгоритмов нормала с помощью функции <strong>Paint Skew</strong>. <br /><br /></div></div> </div> </div> </div> <style> #rec165233935 .t-text{color:#ffffff;}</style> </div> <div id="rec165233936" 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/tild3364-6362-4631-b661-663466383737/49.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3364-6362-4631-b661-663466383737/-/empty/49.jpg" data-original="https://static.tildacdn.com/tild3364-6362-4631-b661-663466383737/49.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3364-6362-4631-b661-663466383737/49.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">Что делает функция Paint Skew в Marmoset</div></div> </div> </div> </div> </div> <div id="rec165233937" 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">Дырка исказилась при запечке и стала овальной. Мы используем другой алгоритм нормала, чтобы пересчитать её. Для этого просто выделяем эту область, используя функцию Paint Skew, и получаем ровный вырез, как было у исходной модели.</div></div> </div> </div> </div> <style> #rec165233937 .t-text{color:#ffffff;}</style> </div> <div id="rec165233938" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233938" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/f9SH88scvJcDMCrf4f/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/f9SH88scvJcDMCrf4f/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233938');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233939" 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"> Раньше, когда такой функции не было, мы просто пекли с одинаковыми настройками Geometry Normal и Surface Normal. И уже руками с Geometry Normal брали только фаски, добавляли их на Surface Normal в Photoshop. Я как-то написал простой экшен в фотошопе, ускоряющий этот процесс до двух кликов. <br /><br /> <span style="font-size: 28px;"><strong>Магия Photoshop <br /></strong></span><br /> Два вида нормала — это хорошо, но и они не панацея. <br /><br /></div></div> </div> </div> </div> <style> #rec165233939 .t-text{color:#ffffff;}</style> </div> <div id="rec165233940" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233940" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/if4h7oM97a21zG1UJu/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/if4h7oM97a21zG1UJu/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233940');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233941" 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"> Иногда на модели оказываются косяки, с которыми не справиться в мармосете. Иногда нужно перезапечь небольшой кусочек модели и подмешать ее на карту в фотошопе. А иногда хочется добавить больше деталей на нормал, — в этом поможет плагин <a href="https://quixel.se/tutorial/ndo-painter-advanced-detailing/https:/quixel.se/tutorial/ndo-painter-advanced-detailing/" target="_blank">Quixel NDO</a>. <br /><br /> На сайте есть подробная документация, а в интернете— ещё больше информации. Мы не будем сильно останавливаться на этой теме, так как она достаточно старая и обширная. <br /><br /> Кстати, в Painter есть свой инструментарий рисования нормала, как в NDO, но об этом в другой статье. <br /><br /> <span style="font-size: 28px;"><strong>Правим артефакты в Photoshop <br /></strong></span><br /> Итак, у нас есть артефакт, который мы хотим исправить: <br /><br /></div></div> </div> </div> </div> <style> #rec165233941 .t-text{color:#ffffff;}</style> </div> <div id="rec165233942" 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-3462-4536-a363-306336646435/50.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3765-3462-4536-a363-306336646435/-/empty/50.jpg" data-original="https://static.tildacdn.com/tild3765-3462-4536-a363-306336646435/50.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3765-3462-4536-a363-306336646435/50.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"></div></div> </div> </div> </div> </div> <div id="rec165233943" 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 />— Открыть модель в Maya, экспортировать только этот элемент.<br />— Заново запечь его.<br />— Затем подмазать эти детали в Photoshop. <br /><br /> Мы используем самые простые инструменты Photoshop: кисточки, маски, clone stamp и пластырь. И дорабатываем руками самые проблемные места, если другие способы не помогают. <br /><br /></div></div> </div> </div> </div> <style> #rec165233943 .t-text{color:#ffffff;}</style> </div> <div id="rec165233944" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233944" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/TizHLOFtntlMTArz2H/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/TizHLOFtntlMTArz2H/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233944');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233945" 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="16" data-bg-color="#0d0d0d"> <!-- T212 --> <div class="t212"> <center> <div class="t-width t-width_10"> <video id="html5video165233945" width="100%" height="520" controls style=""> <source src="https://media.giphy.com/media/j24r9HuDSjlxZr77Qx/giphy.mp4" type="video/mp4"> <source src="https://media.giphy.com/media/j24r9HuDSjlxZr77Qx/giphy.mp4" type="video/webm"> Your browser does not support the video tag.
</video> </div> </center> </div> <script>var video=document.querySelector('#html5video165233945');if(video) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';window.addEventListener('resize',t_throttle(function() {if(video.offsetWidth>0) {var height=video.offsetWidth*0.5625;video.style.height=height + 'px';video.parentElement.style.height=height + 'px';}}));var height=video.offsetHeight;video.parentElement.style.height=height + 'px';};</script> </div> <div id="rec165233946" 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"><span style="font-size: 28px;"><strong>Если всё совсем плохо <br /></strong></span><br /> Переделываем геометрию — об этом в начале статьи. <br /><br /> <span style="font-size: 28px;"><strong>Что делать с картами дальше <br /></strong></span><br /> Итак, сегодня мы запекли нормал мап, АО и Color ID.<br />Следующий этап пайплайна — <strong>текстурирование</strong>. <br /><br /> Нужно загрузить наши карты в Substance Painter: <br /><br /></div></div> </div> </div> </div> <style> #rec165233946 .t-text{color:#ffffff;}</style> </div> <div id="rec165233947" 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/tild3430-6163-4230-a638-366162643663/51.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3430-6163-4230-a638-366162643663/-/empty/51.jpg" data-original="https://static.tildacdn.com/tild3430-6163-4230-a638-366162643663/51.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3430-6163-4230-a638-366162643663/51.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">Загружаем карты в Substance Painter</div></div> </div> </div> </div> </div> <div id="rec165233948" 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>World Space Normal</strong>, <strong>Curvature</strong>, <strong>Position </strong>и <strong>Thickness</strong>. Их проще всего запекать именно внутри в Substance Painter. Эти карты создаются на основе нашего нормала, АО и Color ID, поэтому наличие этих карт обязательно.</div></div> </div> </div> </div> <style> #rec165233948 .t-text{color:#ffffff;}</style> </div> <div id="rec165233949" 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/tild6264-3737-4437-a338-333134666336/52.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6264-3737-4437-a338-333134666336/-/empty/52.jpg" data-original="https://static.tildacdn.com/tild6264-3737-4437-a338-333134666336/52.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6264-3737-4437-a338-333134666336/52.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">Запекаем дополнительные текстурные карты</div></div> </div> </div> </div> </div> <div id="rec165233950" 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 />А запекаются они очень просто: нажатием на одну кнопку.</div></div> </div> </div> </div> <style> #rec165233950 .t-text{color:#ffffff;}</style> </div> <div id="rec165233951" 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/tild6531-6534-4765-b863-623838336566/53.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6531-6534-4765-b863-623838336566/-/empty/53.jpg" data-original="https://static.tildacdn.com/tild6531-6534-4765-b863-623838336566/53.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6531-6534-4765-b863-623838336566/53.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"></div></div> </div> </div> </div> </div> <div id="rec165233952" 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 /><a href="https://vk.com/xyz_gamedev">Мы в ВК</a>, <a href="https://www.facebook.com/gamedev.xyz" target="_blank">Facebook</a>, <a href="https://www.instagram.com/xyz.school/" target="_blank">Instagram</a> и <a href="https://www.youtube.com/channel/UCtJsE0SDhyS4ib2evb5k3gg?view_as=subscriber" target="_blank">Youtube</a>. <br /><br /> А для тех, кто хочет пройти весь пайплайн от «А» до «Я», вместе с личным наставником сделать полный цикл своей модели и познакомиться с сотней трёхмерщиков со всей России — ещё не поздно записаться на новый поток курса <a href="https://www.school-xyz.com/draftpunk" target="_blank">Draft Punk</a>. <br /><br />Автор: Борис<br /><br /></div></div> </div> </div> </div> <style> #rec165233952 .t-text{color:#ffffff;}</style> </div> <div id="rec165233953" 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="rec165233954" 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="165233954" 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(165233954);});});</script> <style> #rec165233954 .t797__wrapper{border-radius:10px;}</style> </div> <div id="rec165233955" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec165233955 .t396__artboard {height:460px;background-color:#0D0D0D;}#rec165233955 .t396__filter {height:460px;}#rec165233955 .t396__carrier{height:460px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec165233955 .t396__artboard,#rec165233955 .t396__filter,#rec165233955 .t396__carrier {}#rec165233955 .t396__filter {}#rec165233955 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec165233955 .t396__artboard,#rec165233955 .t396__filter,#rec165233955 .t396__carrier {height:440px;}#rec165233955 .t396__filter {}#rec165233955 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec165233955 .t396__artboard,#rec165233955 .t396__filter,#rec165233955 .t396__carrier {}#rec165233955 .t396__filter {}#rec165233955 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec165233955 .t396__artboard,#rec165233955 .t396__filter,#rec165233955 .t396__carrier {height:480px;}#rec165233955 .t396__filter {}#rec165233955 .t396__carrier {background-attachment:scroll;}}#rec165233955 .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;}#rec165233955 .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){#rec165233955 .tn-elem[data-elem-id="1564554044037"]{top:100px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec165233955 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec165233955 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 240px + 40px);;width:400px;height:auto;}}@media screen and (max-width:479px){#rec165233955 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}}#rec165233955 .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;}#rec165233955 .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){#rec165233955 .tn-elem[data-elem-id="1564554130456"]{top:185px;;left:calc(50% - 480px + 295px);;height:auto;}}@media screen and (max-width:959px){#rec165233955 .tn-elem[data-elem-id="1564554130456"]{top:155px;;left:calc(50% - 320px + 135px);;height:auto;}}@media screen and (max-width:639px){#rec165233955 .tn-elem[data-elem-id="1564554130456"]{top:155px;;left:calc(50% - 240px + 55px);;height:auto;}}@media screen and (max-width:479px){#rec165233955 .tn-elem[data-elem-id="1564554130456"]{top:195px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;color:#999999;}#rec165233955 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#999999;background-size:cover;}}#rec165233955 .tn-elem[data-elem-id="1564554178466"]{z-index:3;top:258px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec165233955 .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){#rec165233955 .tn-elem[data-elem-id="1564554178466"]{top:248px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec165233955 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec165233955 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}}@media screen and (max-width:479px){#rec165233955 .tn-elem[data-elem-id="1564554178466"]{top:248px;;left:calc(50% - 160px + 30px);;width:200px;height:auto;}}#rec165233955 .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;}#rec165233955 .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){#rec165233955 .tn-elem[data-elem-id="1564876573371"]{top:335px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec165233955 .tn-elem[data-elem-id="1564876573371"]{top:315px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec165233955 .tn-elem[data-elem-id="1564876573371"]{top:310px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec165233955 .tn-elem[data-elem-id="1564876573371"]{top:375px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}#rec165233955 .tn-elem[data-elem-id="1564876573371"] .tn-atom{font-size:14px;background-size:cover;}}#rec165233955 .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;}#rec165233955 .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){#rec165233955 .tn-elem[data-elem-id="1565701393805"]{top:380px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec165233955 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec165233955 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec165233955 .tn-elem[data-elem-id="1565701393805"]{top:420px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}#rec165233955 .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="165233955" 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="165233955"></div> <div class="t396__filter" data-artboard-recid="165233955"></div> <div class='t396__elem tn-elem tn-elem__1652339551564554044037' 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__1652339551564554130456' 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__1652339551564554178466' 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__1652339551564876573371' 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__1652339551565701393805' 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('165233955');});});</script> <!-- /T396 --> </div> <div id="rec165233956" 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/tild3731-6239-4463-b566-366135323932/Cover_16.jpg" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild3731-6239-4463-b566-366135323932/-/resizeb/20x/Cover_16.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-ustroen-balans-v-igrah-blizzard"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Как устроен баланс в играх Blizzard. Правила и приемы для балансировки игр.</div> <div class="t132__descr t-descr t-descr_xs">На примере игр от Blizzard разбираем как геймдизайнеры могут сбалансировать игру на этапе разработки и после релиза. Какими приемами нужно пользоваться, чтобы не...</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/tild6138-3163-4161-a138-376531656662/photo.png" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild6138-3163-4161-a138-376531656662/-/resizeb/20x/photo.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/kak-sozdavali-vneshnij-vid-personazhej-astral-chain"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Как создавали внешний вид персонажей Astral Chain</div> <div class="t132__descr t-descr t-descr_xs">Изучили записи из блога разработчиков и рассказываем, почему персонажи Astral Chain выглядят именно так, как выглядят, и какую роль в разработке играл знаменитый автор...</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('rec165233956');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>