Это третья статья из цикла про ААА-пайплайн. Вот ссылки на все пять, выбирай ту, которая тебе нужна:
1. ААА-пайплайн
2. Драфт
3. Сетка
4. Развертка
5. Запечка
Эта статья поможет новичкам, которые хотят научиться делать high poly и low poly так, чтобы потом не переделывать. Ты узнаешь, что такое сетка, зачем она нужна и из чего состоит. Поймешь, зачем нужны ограничения по полигонам и как оптимизировать свою модель. Внимательное изучение статьи займет около 20 минут. Если возникнут вопросы — пиши в чат-бот (кнопка справа внизу). Там на связи живой менеджер :) Он поможет разобраться. Ну что, давай начнем!
Из чего состоит любая 3D-модель
Сетка — технический этап и он требует понимания технологий. Прежде чем говорить о работе с low poly и high poly давай разберем из чего состоят все модели и какие особенности игровых движков нужно знать.
Любая 3D модель состоит из:
⚫️ Точек (vertex, вертекс)
➖ Рёбер (edge, эдж)
⬛️ Плоскостей (tris, polygon, nGon, трис, полигон, эн-гон)
#1 Точки (вертексы)
Это простейший элемент модели. У каждой точки есть 2 параметра: координаты в пространстве и направленность.
Координаты точки в 3D-пространстве
- Положение в пространстве — это ее положение по осям x, y, z;
- Направленность еще называется «вертекс нормаль».
Вертекс нормалей влияет на поведение света на поверхности модели. В игровых движках свет работает не так, как в реальном мире. В играх свет — это математическая абстракция.
#2 Рёбра (edge)
Ребро — это 2 точки, которые соединены линией. У каждой из этих точек есть вертекс нормалей.
#3 Полигоны (polygons)
Из точек и ребер мы создаём многоугольники. В геймдеве их называют полигоны. Самый простой полигон состоит из 3 точек — это треугольник.
Помимо треугольников, есть четырехугольники (quad/квад) и многоугольники (n-gons/нгоны). Так что, ты можешь создать полигон из любого количества точек. Но учти — во всех игровых движках и 3D-программах все состоит из треугольников. Поэтому, когда ты делаешь квад или нгон — программа автоматически превращает их в треугольники (это называется триангуляция). У разных программ свои алгоритмы триангуляции. Потому, одна и та же модель в разных программах выглядит по-разному.
3 программы в которых одна и та же модель воспроизводится по разному. Marmoset не правильно посчитал полигоны и потому на модели даже нет отверстия внутри.
Из-за разных алгоритмов триангуляции модель меняется, когда мы добавляем ее в игровой движок. Если не хочешь, чтобы программа искажала модели — перед экспортом триангулируй полигоны вручную.
Слева искаженный блик, а справа хорошая триангуляция
Триангуляция — одна из ключевых задач создания игровой сетки. Мы переводим всё в треугольники руками, чтобы блики были одинаковыми.
Если на модели есть квадрат и все точки лежат в одной плоскости — проблем с бликом скорее всего не будет. Но если одна или несколько точек выходят за пределы плоскости, могут начаться проблемы. Поэтому, внимательно следи за такими полигонами.
Такие полигоны называются непланарами (non-planar)
Что такое запечка нормала
Нормали — это векторы, которые определяют, как свет отражается от поверхности. Они есть у каждой точки модели. Если их изменить, поменяется поведение света. Но векторы отражения нельзя поставить на случайное место, они находятся у точки.
Добавить нормаль внутри полигона не получится, их нужно фиксить руками в том месте, где есть вертекс (точка). Но есть крутая технология — карта нормалей (Normal Map), которая помогает обойти этот этап. Карта нормалей — это текстура, которая создает виртуальные вертекс нормали внутри каждого пикселя.
Вот простой куб:
Normal Map у него будет выглядеть как на фото внизу. По сути, это отсутствие карты нормалей, он никак не влияет на твою модель. Синий цвет означает, что нормали перпендикулярны поверхности.
Просто синий цвет. 128,128,255 RGB
А теперь откроем фотошоп и добавим на него вот такую детальку:
В красном канале горизонтальный градиент, в зеленом канале вертикальный. А теперь смотри что будет, если Normal Map привязать к модели:
Normal Map умеет рисовать детализацию с бликами поверх полигонов
Normal Map не рисуют руками, для этого используют технологии запечки и рисования нормала. Скопируй этот куб в отдельный файл и замодель на нем любую детализацию.
Теперь у нас 2 файла — обычный куб и куб с кучей деталей. Обычный куб — это low poly модель, в которой нет лишней детализации. Такую модель мы вставляем в игровой движок, потому что она не сильно детализирована и не перегружает его. А есть high poly модель — куб с кучей деталей.
Технология «запечки» позволяет перенести вертекс нормали с детальной модели на легкую low poly и сохранить их в Normal Map. В этом случае в кубе 6 полигонов, а модель отражает свет, как куб с кучей деталей.
Модель запеченная с Normal Map
Обычный куб с Normal Map бликует как детализированная модель, хотя детализации в нем нет. Это просто хитрое искажение вертекса нормалей с помощью отдельной текстуры.
В карте нормалей каждый пиксель создает на поверхности виртуальную вертекс нормаль (точку с отражением света).
Нейтральный голубой цвет (128,128,255 RGB) означает, что оригинальная вертекс нормаль не будет меняться. Красный канал отвечает за отклонение нормали влево или вправо, зеленый — вверх или вниз. Синий имитирует глубину.
Что происходит с сеткой после драфта?
Как только мы закончили драфт модели, на нем уже есть сетка. Но она еще не оптимизирована для игры. Внизу, на примере машины показан драфт, на котором из-за большой детализации превышен лимит полигонов. Если листнешь вправо, увидишь разницу по количеству полигонов на этапе драфта, LowPoly и HighPoly.
Драфт нельзя засунуть в игру. В нем либо движок неправильно стриангулирует сетку, либо лимит по полигонам будет превышен. Потому, для игр нужны легкие модели из треугольников и минимума полигонов. Такая модель называется LowPoly.
Вспомни наш куб. Все 8 точек влияют на силуэт, удалять ничего нельзя, иначе это будет уже не куб. Это и есть LowPoly модель, которую вставляют в игровой движок. По пайплайну, детализацию модели мы делаем с помощью запечки HighPoly на Normal. Поэтому мы должны взять драфт, сделать его супер детализированным, а потом запечь детали и накинуть их на LowPoly модель.
На последней модели всего 8 полигонов, а детализация сделана через Normal Map
Если работаешь по пайплайну для игры — на этапе сетки нужно сделать LowPoly и HighPoly с правильной топологией.
На драфте студент собрал основные формы, на high poly сделал модель пластичной и, а на low poly избавился от лишнего, сделав сетку легкой.
💥 Курс «Draft Punk» для тебя, если хочешь делать такие же 3D-модели
Узнаешь, как устроен пайплайн разработки 3D-моделей в больших игровых студиях. Научишься создавать выразительные драфты, разберёшься с топологией, high poly, low poly, развёрткой и запечкой. А в конце создашь полноценную 3D-модель по всем правилам пайплайна. Курс можно взять в рассрочку.
Три вида сетки
- LowPoly — упрощённая модель для игры с минимальным количеством полигонов.
- HighPoly — детализированная модель, которая нужна, чтобы перенести всю детализацию на low poly через Normal Map.
- MidPoly — компромис между бесконечно детализированными high poly и оптимизированными low poly. Используется в основном для кино.
Давай разберём каждый из трёх видов по отдельности.
1. Low Poly
LowPoly для видео игры нужно делать легкой, с небольшим числом полигонов. Все плоские детали рисуют в текстурах или на нормале, а геометрией отбивают только объекты, которые влияют на силуэт.
Low poly для разных игр отличаются. На мобилках low poly очень легкая, 2к — 10к треугольников. На ААА-проектах только на главного персонажа может выйти 50-60к треугольников. А бывают проекты по 250к треугольников на персонажа.
В этой модели 55,4к треугольников
А это моделька идеально подойдет для мобильной игры, в ней всего 3,2к треугольников. https://skfb.ly/6IHTT
Очень клёвая моделька, всего на 13,2к трисов. Часть детализации делается картой прозрачности https://skfb.ly/6HwCM
Моделька из известной игры на 258,8к трисов https://skfb.ly/6MDUQ
Low poly сильно зависит от технологии. В мобильной игре, на важном объекте 5-7к полигонов. В старых играх важные объекты были по 10-20к полигонов. Современные игры тянут модели по 50-150к полигонов. А бывают модели и по 200-300к полигонов, например, корабли, танки или дома.
low poly с бампом — это как нормал, но чуть проще
Откуда берётся лимит на low poly?
Представь, что технический директор высчитал ограничение на локацию в 10 млн полигонов и 200 материалов. Получаем по 150-200 моделей в которых от 10 до 100к полигонов. Это ограничение взялось из производительности движка и железа, под которое делается игра.
Как сделать low poly?
Вот главные правила:
- На low poly важны полигоны, которые влияют на силуэт формы.
- Элементы, которые не видишь нужно удалять.
- Всё, что слишком угловато на силуэте — округляй. Иногда для этого надо добавить новую геометрию.
- Все плоские детали, не влияющие на силуэт, рисуются через текстуры или на нормале.
В правой форме больше сечений на внешней грани, потому геометрия выглядит более круглой, чем левая
Картинка, которую я стащил где-то в интернете. Обрати внимание, дядька убрал почти половину полигонов, просто удалив лишний мусор, но силуэт и формы модели не поменялись
- Цилиндры кратны 4, а число сечений зависит от размера цилиндра
На нижнем ряду маленькие цилиндры слишком плотные, а большие недостаточно детальные
- Удаляй задние стенки у объектов.
- Пересекающиеся объекты утапливай друг в друга. Но не переусердствуй — тогда впустую потратишь место на развертке. Ставить их впритык друг к другу тоже ошибка — может появиться зазор, через который шов будет некрасиво бликовать.
Перед запечкой переноси сложные формы в треугольники. А четырехугольники и многоугольники триангулируй вручную. В одной программе может быть норм, а в другой будет кривой блик или форма.
На этапе low poly, это делать не обязательно, т.к. развёртку проще делать с квадратами, но потом этот момент нужно учесть.
Одна и та же модель с разной триангуляцией
2. High Poly
High poly — это детализированная модель без ограничений по полигонам. Такие модели делают ко��цепторы, а в видеоиграх они нужны для запечки нормала.
На high poly можно всё, потому что нет ограничений по полигонам. Главное ограничение — чтобы файл открылся на компе. На high poly работают с квадратами вместо треугольников, а от угловатостей избавляются при помощи сглаживания. В игровой движок такую сетку не засунешь, но она может быть сколько угодно детализированной и гладкой.
3 способа сделать high poly:
В видеоиграх high poly нужна для запечки нормала. Для сложных органических форм первым делают high poly, а потом «ретопят» в low poly.
Это сабдив геометрия под запечку
1) Cабдив (subD) — это создание high poly через поддержки. Ты делаешь формы, накладываешь поддержки, они правильно скругляются и получается более гладкая модель без угловатостей. Самое важное на сабдиве — понять, как строить лупы и кольца полигонов, чтобы они подчеркивали форму модели.
Слева полигональные кольца направлены без учета формы, а справа они аккуратно обводят угол.
2) Скульпт — это как пластилин, только в 3D. Мы используем скульпт, если у модели мягкие формы или органика. Программы для скульптинга (zBrush, mudbox, 3d coat) делают сетку настолько плотной, что наша модель становится мягкой и тянется как 3D-пластилин. Когда работаем со скульптом — можем работать с десятками и сотнями миллионов полигонов. Мы учим как скульптить для игр на бесплатном курсе по zBrush.
Тяжелую сетку из программ по скульпту оптимизируют с помощью алгоритмов
клевый скульпт https://skfb.ly/6MUvt
3) CAD геометрия — каждая поверхность задается формулой, поэтому модель гладкая и плавная, ее легко редактировать на любом этапе. CAD подходит для твердотельного моделирования из-за того, что модели получаются гладкими. Крутой CAD софт — Fusion 360. Его сделали для инженеров, чтобы они проектировали и собирали реальные мосты, машины, роботов. Если хочешь научиться моделить технику в Fusion 360 — присмотрись к нашему курсу Hard Surface.
3. Mid Poly
Это компромисс между бесконечно детализированными high poly и оптимизированными low poly. С этой сеткой делают детальные и интересные модели, которые клёво смотрятся в кадре, но в то же время они оптимизированы лучше, чем high poly. Mid poly больше используют для кино, чем для игр. В играх важно влезть в число полигонов установленное техническим директором, чтобы игра была быстрой и не лагала. А в кино важно, чтобы картинка была красивой, потому не так страшно перегрузить движок, просто рендерится фильм будет дольше.
Пример Mid Poly сетки из Love Death and Robots
Подведем итоги
Сегодня ты узнал много нового про вертекс нормали и работу с топологией. Разобрался, как работает технология запечки, зачем нужно делать 2 файла — low poly и high poly, как они связаны друг с другом через Normal Map.
К чему ведут провалы на этапе сетки?
— К плохой оптимизации и не аккуратному шейдингу;
— Плохую low poly даже текстуры не спасут;
— Ошибки с хардами и софтами испортят запечку и текстуры;
— Плохая high poly с потягами и плохим шейдингом — не запечется;
— high poly и low poly должны совпадать. Они должны быть похожи друг на друга и покрывать друг друга. Иначе будут проблемы на запечке.
Что дальше
Если хочешь освоить весь пайплайн и научиться моделить в 3D, присмотрись к нашему курсу Draft Punk. Ты поймешь, как устроен пайплайн разработки 3D-моделей в больших игровых студиях. Научишься создавать выразительные драфты. Разберешься с топологией, high poly, low poly, разверткой и запечкой. А в конце создашь полноценную 3D-модель по всем правилам пайплайна. Полученных знаний хватит, чтобы работать на фрилансе или джуном в студии.
Вот что получилось у наших студентов после курса Draft Punk:
Если тебе интересны другие этапы пайплайна — переходи к следующей статье. 1 статья = 1 этап пайплайна, с уроками и примерами. Выбирай тему, с которой хочешь разобраться:
1. ААА-пайплайн
2. Драфт
3. Сетка
4. Развертка
5. Запечка
ВСЕ ПРОЧИТАЛ? ПЕРЕХОДИ К ПРАКТИКЕ!
Освой пайплайн и научись создавать 3D-модели на курсе Draft Punk
Draft Punk.
3D-моделирование объектов
Пройди курс по 3D-моделированию и научись создавать модели для игр. Уроки проходят в онлайн-формате — сможешь вернуться к лекциям в любой момент и освежить свои знания.
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ СТАТЬИ
ОТ 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>Статья 3/7 про сетку. Lowpoly, Highpoly и вертекс нормали</title> <meta name="description" content="В этой статье будет много матчасти. Сетка — это технический этап, и он требует понимания технологий. Статья вышла не простой, и мы приложили все усилия, чтобы сделать ее максимально доступной для всех. Прежде чем говорить о работе с lowpoly и highpoly давай разберём из чего состоят все модели и какие особенности игровых движков нужно знать. " /> <meta property="og:url" content="https://www.school-xyz.com/blog/statya-37-pro-setku-lowpoly-highpoly-i-verteks-normali" /> <meta property="og:title" content="Статья 3/7 про сетку. Lowpoly, Highpoly и вертекс нормали" /> <meta property="og:description" content="В этой статье будет много матчасти. Сетка — это технический этап, и он требует понимания технологий. Статья вышла не простой, и мы приложили все усилия, чтобы сделать ее максимально доступной для всех. Прежде чем говорить о работе с lowpoly и highpoly давай разберём из чего состоят все модели и какие особенности игровых движков нужно знать. " /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6565-3439-4033-b536-353436633161/__2019-10-08__175146.png" /> <link rel="canonical" href="https://www.school-xyz.com/blog/statya-37-pro-setku-lowpoly-highpoly-i-verteks-normali"> <!--/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-page18824473.min.css?t=1772097616" 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-slds-1.4.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-slds-1.4.min.css" type="text/css" media="all" /></noscript> <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" type="text/css" href="https://ws.tildacdn.com/project1006203/custom.css?t=1772097616"> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t396_initialScale(t){var e=document.getElementById("rec"+t);if(e){var i=e.querySelector(".t396__artboard");if(i){window.tn_scale_initial_window_width||(window.tn_scale_initial_window_width=document.documentElement.clientWidth);var a=window.tn_scale_initial_window_width,r=[],n,l=i.getAttribute("data-artboard-screens");if(l){l=l.split(",");for(var o=0;o<l.length;o++)r[o]=parseInt(l[o],10)}else r=[320,480,640,960,1200];for(var o=0;o<r.length;o++){var d=r[o];a>=d&&(n=d)}var _="edit"===window.allrecords.getAttribute("data-tilda-mode"),c="center"===t396_getFieldValue(i,"valign",n,r),s="grid"===t396_getFieldValue(i,"upscale",n,r),w=t396_getFieldValue(i,"height_vh",n,r),g=t396_getFieldValue(i,"height",n,r),u=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!_&&c&&!s&&!w&&g&&!u){var h=parseFloat((a/n).toFixed(3)),f=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*h)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<f.length;o++)f[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i).forEach((function(t){t.style.zoom=h}))}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter((function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))})):[]}function t396_getFieldValue(t,e,i,a){var r,n=a[a.length-1];if(!(r=i===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+i)))for(var l=0;l<a.length;l++){var o=a[l];if(!(o<=i)&&(r=o===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return r}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page18824473.min.js?t=1772097616" 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-slds-1.4.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-zero-1.1.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-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-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="18824473" data-tilda-page-alias="blog/statya-37-pro-setku-lowpoly-highpoly-i-verteks-normali" 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="rec304019725" class="r t-rec" style=" " data-animationappear="off" data-record-type="18"> <!-- cover --> <div class="t-cover" id="recorddiv304019725"bgimgfield="img"style="height:100vh;background-image:url('https://thb.tildacdn.com/tild3666-6238-4866-b032-356363386333/-/resize/20x/__2019-10-08__175057.png');"> <div class="t-cover__carrier" id="coverCarry304019725"data-content-cover-id="304019725"data-content-cover-bg="https://static.tildacdn.com/tild3666-6238-4866-b032-356363386333/__2019-10-08__175057.png"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/tild3666-6238-4866-b032-356363386333/__2019-10-08__175057.png"></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 Media</div> <h1 class="t001__title t-title t-title_xl" field="title">Статья 3/7 про сетку. Lowpoly, Highpoly и вертекс нормали<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> #rec304019725 .t001__uptitle{font-family:'BebasRoboto';font-weight:100;letter-spacing:0.5px;}#rec304019725 .t001__title{font-weight:500;text-transform:uppercase;}#rec304019725 .t001__descr{font-family:'BebasRoboto';}</style> </div> <div id="rec304019727" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Это третья статья из цикла про ААА-пайплайн. Вот ссылки на все пять, выбирай ту, которая тебе нужна:<br /><br />1. <a href="/kak_delayutsya_modeli_dlya_aaa_igr_polnyj_gajd_po_aaa_pajplajnu" target="_blank" style="color: rgb(128, 128, 255);">ААА-пайплайн</a><br />2. <a href="/aaa_pajplajn_statya_2_7_vsyo_pro_drafty" target="_blank" style="color: rgb(128, 128, 255);">Драфт</a><br />3. <a href="/statya-37-pro-setku-lowpoly-highpoly-i-verteks-normali" target="_blank" style="color: rgb(128, 128, 255);">Сетка</a><br />4. <a href="/uv-razvyortka-aaa-pajplajn-47-samyj-polnyj-gajd" target="_blank" style="color: rgb(128, 128, 255);">Развертка</a><br />5. <a href="/vsyo-pro-bake-zapechku-kak-etap-aaa-pajplajna" target="_blank" style="color: rgb(128, 128, 255);">Запечка</a><br /><br />Эта статья поможет новичкам, которые хотят научиться делать high poly и low poly так, чтобы потом не переделывать. Ты узнаешь, что такое сетка, зачем она нужна и из чего состоит. Поймешь, зачем нужны ограничения по полигонам и как оптимизировать свою модель. Внимательное изучение статьи займет около 20 минут. Если возникнут вопросы — пиши в чат-бот (кнопка справа внизу). Там на связи живой менеджер :) Он поможет разобраться. Ну что, давай начнем!<br /><br /><br /><span style="font-weight: 500; font-size: 40px; line-height: 44px; color: rgb(255, 255, 255);">Из чего состоит любая 3D-модель</span><br /><br />Сетка — технический этап и он требует понимания технологий. Прежде чем говорить о работе с low poly и high poly давай разберем из чего состоят все модели и какие особенности игровых движков нужно знать.</div></div> </div> </div> </div> <style> #rec304019727 .t-text{color:#ffffff;}</style> </div> <div id="rec304019728" 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/tild3630-6666-4737-b663-326231623235/__2019-10-03__153543.png"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3630-6666-4737-b663-326231623235/-/empty/__2019-10-03__153543.png" data-original="https://static.tildacdn.com/tild3630-6666-4737-b663-326231623235/__2019-10-03__153543.png"
imgfield="img"
alt=""> </div> </div> <style> #rec304019728 .t107__title{color:#999999;}</style> </div> <div id="rec304019729" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Любая 3D модель состоит из:<br /><br />⚫️ Точек (vertex, вертекс)<br />➖ Рёбер (edge, эдж)<br />⬛️ Плоскостей (tris, polygon, nGon, трис, полигон, эн-гон)<br /><br /><span style="color: rgb(255, 255, 255);">#1 Точки (вертексы)</span><br /><br />Это простейший элемент модели. У каждой точки есть 2 параметра: координаты в пространстве и направленность.</div></div> </div> </div> </div> <style> #rec304019729 .t-text{color:#ffffff;}</style> </div> <div id="rec304019730" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3662-3264-4365-b333-363363316234/RdyAHOmVYJI.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3662-3264-4365-b333-363363316234/-/empty/RdyAHOmVYJI.jpg" data-original="https://static.tildacdn.com/tild3662-3264-4365-b333-363363316234/RdyAHOmVYJI.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Координаты точки в 3D-пространстве</em></div> </div> </div> </div> <style> #rec304019730 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019731" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><ol><li>Положение в пространстве — это ее положение по осям x, y, z;</li><li>Направленность еще называется «вертекс нормаль».</li></ol><br />Вертекс нормалей влияет на поведение света на поверхности модели. В игровых движках свет работает не так, как в реальном мире. В играх свет — это математическая абстракция.<strong> </strong><br /><br /><span style="color: rgb(255, 255, 255);">#2 Рёбра (edge)</span></div></div> </div> </div> </div> <style> #rec304019731 .t-text{color:#ffffff;}</style> </div> <div id="rec304019732" 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/tild6231-3133-4236-b936-303462366263/JgR7Mxr0he0.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6231-3133-4236-b936-303462366263/-/empty/JgR7Mxr0he0.jpg" data-original="https://static.tildacdn.com/tild6231-3133-4236-b936-303462366263/JgR7Mxr0he0.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304019732 .t107__title{color:#999999;}</style> </div> <div id="rec304019733" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Ребро — это 2 точки, которые соединены линией. У каждой из этих точек есть вертекс нормалей.<strong> </strong><br /><br /><span style="color: rgb(255, 255, 255);">#3 Полигоны (polygons)</span></div></div> </div> </div> </div> <style> #rec304019733 .t-text{color:#ffffff;}</style> </div> <div id="rec304019734" 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-3433-4962-a632-626463353766/tdBiKoUVl24.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6438-3433-4962-a632-626463353766/-/empty/tdBiKoUVl24.jpg" data-original="https://static.tildacdn.com/tild6438-3433-4962-a632-626463353766/tdBiKoUVl24.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304019734 .t107__title{color:#999999;}</style> </div> <div id="rec304019735" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Из точек и ребер мы создаём многоугольники. В геймдеве их называют полигоны. Самый простой полигон состоит из 3 точек — это треугольник. </div></div> </div> </div> </div> <style> #rec304019735 .t-text{color:#ffffff;}</style> </div> <div id="rec304019736" 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/tild6161-3437-4161-b736-613332653432/Kur0EJV3bbw.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6161-3437-4161-b736-613332653432/-/empty/Kur0EJV3bbw.jpg" data-original="https://static.tildacdn.com/tild6161-3437-4161-b736-613332653432/Kur0EJV3bbw.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304019736 .t107__title{color:#999999;}</style> </div> <div id="rec304019737" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Помимо треугольников, есть четырехугольники (quad/квад) и многоугольники (n-gons/нгоны). Так что, ты можешь создать полигон из любого количества точек. Но учти — во всех игровых движках и 3D-программах все состоит из треугольников. Поэтому, когда ты делаешь квад или нгон — программа автоматически превращает их в треугольники (это называется триангуляция). У разных программ свои алгоритмы триангуляции. Потому, одна и та же модель в разных программах выглядит по-разному.</div></div> </div> </div> </div> <style> #rec304019737 .t-text{color:#ffffff;}</style> </div> <div id="rec304019740" 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/tild6238-3732-4532-b433-636338343930/eKKs_UIVy5w.jpg"> <img class="t-img t-width t107__width t-width_100"
src="https://thb.tildacdn.com/tild6238-3732-4532-b433-636338343930/-/empty/eKKs_UIVy5w.jpg" data-original="https://static.tildacdn.com/tild6238-3732-4532-b433-636338343930/eKKs_UIVy5w.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>3 программы в которых одна и та же модель воспроизводится по разному. Marmoset не правильно посчитал полигоны и потому на модели даже нет отверстия внутри.</em></div> </div> </div> </div> <style> #rec304019740 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019741" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Из-за разных алгоритмов триангуляции модель меняется, когда мы добавляем ее в игровой движок. Если не хочешь, чтобы программа искажала модели — перед экспортом триангулируй полигоны вручную.</div></div> </div> </div> </div> <style> #rec304019741 .t-text{color:#ffffff;}</style> </div> <div id="rec304019742" 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-3231-4038-b833-633066646233/FQ0WCRSZbEE.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3131-3231-4038-b833-633066646233/-/empty/FQ0WCRSZbEE.jpg" data-original="https://static.tildacdn.com/tild3131-3231-4038-b833-633066646233/FQ0WCRSZbEE.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Слева искаженный блик, а справа хорошая триангуляция</em></div> </div> </div> </div> <style> #rec304019742 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019743" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Триангуляция — одна из ключевых задач создания игровой сетки. Мы переводим всё в треугольники руками, чтобы блики были одинаковыми.<br /><br />Если на модели есть квадрат и все точки лежат в одной плоскости — проблем с бликом скорее всего не будет. Но если одна или несколько точек выходят за пределы плоскости, могут начаться проблемы. Поэтому, внимательно следи за такими полигонами.</div></div> </div> </div> </div> <style> #rec304019743 .t-text{color:#ffffff;}</style> </div> <div id="rec304019744" 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/tild6336-3062-4333-a636-646139316536/__2019-10-03__154147.png"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6336-3062-4333-a636-646139316536/-/empty/__2019-10-03__154147.png" data-original="https://static.tildacdn.com/tild6336-3062-4333-a636-646139316536/__2019-10-03__154147.png"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Такие полигоны называются непланарами (non-planar)</em></div> </div> </div> </div> <style> #rec304019744 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019745" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><span style="line-height: 44px; font-size: 40px; font-weight: 500; color: rgb(255, 255, 255);">Что такое запечка нормала</span><br /><br />Нормали — это векторы, которые определяют, как свет отражается от поверхности. Они есть у каждой точки модели. Если их изменить, поменяется поведение света. Но векторы отражения нельзя поставить на случайное место, они находятся у точки.</div></div> </div> </div> </div> <style> #rec304019745 .t-text{color:#ffffff;}</style> </div> <div id="rec304044029" 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-6464-4232-b434-376435353530/tQJJ4982F7o.jpg"> <img class="t-img t-width t107__width t-width_6"
src="https://thb.tildacdn.com/tild3430-6464-4232-b434-376435353530/-/empty/tQJJ4982F7o.jpg" data-original="https://static.tildacdn.com/tild3430-6464-4232-b434-376435353530/tQJJ4982F7o.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304044029 .t107__title{color:#999999;}</style> </div> <div id="rec304045103" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Добавить нормаль внутри полигона не получится, их нужно фиксить руками в том месте, где есть вертекс (точка). Но есть крутая технология — карта нормалей (Normal Map), которая помогает обойти этот этап. Карта нормалей — это текстура, которая создает виртуальные вертекс нормали внутри каждого пикселя.<br /><br />Вот простой куб:</div></div> </div> </div> </div> <style> #rec304045103 .t-text{color:#ffffff;}</style> </div> <div id="rec304045493" 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/tild6337-6566-4538-b364-633536373264/VlWzKJugUBs.jpg"> <img class="t-img t-width t107__width t-width_6"
src="https://thb.tildacdn.com/tild6337-6566-4538-b364-633536373264/-/empty/VlWzKJugUBs.jpg" data-original="https://static.tildacdn.com/tild6337-6566-4538-b364-633536373264/VlWzKJugUBs.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304045493 .t107__title{color:#999999;}</style> </div> <div id="rec304019751" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Normal Map у него будет выглядеть как на фото внизу. По сути, это отсутствие карты нормалей, он никак не влияет на твою модель. Синий цвет означает, что нормали перпендикулярны поверхности.</div></div> </div> </div> </div> <style> #rec304019751 .t-text{color:#ffffff;}</style> </div> <div id="rec304046086" 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/tild3331-3964-4737-a335-356563323933/qh8mYONp47o.jpg"> <img class="t-img t-width t107__width t-width_6"
src="https://thb.tildacdn.com/tild3331-3964-4737-a335-356563323933/-/empty/qh8mYONp47o.jpg" data-original="https://static.tildacdn.com/tild3331-3964-4737-a335-356563323933/qh8mYONp47o.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Просто синий цвет. 128,128,255 RGB</em></div> </div> </div> </div> <style> #rec304046086 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304046359" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">А теперь откроем фотошоп и добавим на него вот такую детальку:</div></div> </div> </div> </div> <style> #rec304046359 .t-text{color:#ffffff;}</style> </div> <div id="rec304019780" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6263-6261-4332-a561-396365336530/lIVnL47ZDtA.jpg"> <img class="t-img t-width t107__width t-width_9"
src="https://thb.tildacdn.com/tild6263-6261-4332-a561-396365336530/-/empty/lIVnL47ZDtA.jpg" data-original="https://static.tildacdn.com/tild6263-6261-4332-a561-396365336530/lIVnL47ZDtA.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304019780 .t107__title{color:#999999;}</style> </div> <div id="rec304019781" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">В красном канале горизонтальный градиент, в зеленом канале вертикальный. А теперь смотри что будет, если Normal Map привязать к модели:</div></div> </div> </div> </div> <style> #rec304019781 .t-text{color:#ffffff;}</style> </div> <div id="rec304019782" 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/tild6361-3239-4963-a634-633130313062/__2019-10-03__161241.png"> <img class="t-img t-width t107__width t-width_9"
src="https://thb.tildacdn.com/tild6361-3239-4963-a634-633130313062/-/empty/__2019-10-03__161241.png" data-original="https://static.tildacdn.com/tild6361-3239-4963-a634-633130313062/__2019-10-03__161241.png"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Normal Map умеет рисовать детализацию с бликами поверх полигонов</em></div> </div> </div> </div> <style> #rec304019782 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019783" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Normal Map не рисуют руками, для этого используют технологии запечки и рисования нормала. Скопируй этот куб в отдельный файл и замодель на нем любую детализацию.</div></div> </div> </div> </div> <style> #rec304019783 .t-text{color:#ffffff;}</style> </div> <div id="rec304019784" 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/tild6138-6366-4665-a536-613839313436/VQ30ErbH8hE.jpg"> <img class="t-img t-width t107__width t-width_6"
src="https://thb.tildacdn.com/tild6138-6366-4665-a536-613839313436/-/empty/VQ30ErbH8hE.jpg" data-original="https://static.tildacdn.com/tild6138-6366-4665-a536-613839313436/VQ30ErbH8hE.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304019784 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019785" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Теперь у нас 2 файла — обычный куб и куб с кучей деталей. Обычный куб — это low poly модель, в которой нет лишней детализации. Такую модель мы вставляем в игровой движок, потому что она не сильно детализирована и не перегружает его. А есть high poly модель — куб с кучей деталей.<br /><br />Технология «запечки» позволяет перенести вертекс нормали с детальной модели на легкую low poly и сохранить их в Normal Map. В этом случае в кубе 6 полигонов, а модель отражает свет, как куб с кучей деталей.</div></div> </div> </div> </div> <style> #rec304019785 .t-text{color:#ffffff;}</style> </div> <div id="rec304019786" 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-3063-4364-b562-313535343338/__2019-10-03__161414.png"> <img class="t-img t-width t107__width t-width_9"
src="https://thb.tildacdn.com/tild3932-3063-4364-b562-313535343338/-/empty/__2019-10-03__161414.png" data-original="https://static.tildacdn.com/tild3932-3063-4364-b562-313535343338/__2019-10-03__161414.png"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Модель запеченная с Normal Map</em></div> </div> </div> </div> <style> #rec304019786 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019787" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Обычный куб с Normal Map бликует как детализированная модель, хотя детализации в нем нет. Это просто хитрое искажение вертекса нормалей с помощью отдельной текстуры.</div></div> </div> </div> </div> <style> #rec304019787 .t-text{color:#ffffff;}</style> </div> <div id="rec304019788" 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/tild3764-3938-4364-b031-343363366234/dHf0o1SrCAM-2.jpg"> <img class="t-img t-width t107__width t-width_9"
src="https://thb.tildacdn.com/tild3764-3938-4364-b031-343363366234/-/empty/dHf0o1SrCAM-2.jpg" data-original="https://static.tildacdn.com/tild3764-3938-4364-b031-343363366234/dHf0o1SrCAM-2.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304019788 .t107__title{color:#999999;}</style> </div> <div id="rec304019789" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">В карте нормалей каждый пиксель создает на поверхности виртуальную вертекс нормаль (точку с отражением света).<br /><br />Нейтральный голубой цвет (128,128,255 RGB) означает, что оригинальная вертекс нормаль не будет меняться. Красный канал отвечает за отклонение нормали влево или вправо, зеленый — вверх или вниз. Синий имитирует глубину.<br /><br /><br /><span style="font-weight: 500; font-size: 40px; line-height: 44px; color: rgb(255, 255, 255);">Что происходит с сеткой после драфта?</span><br /><br />Как только мы закончили драфт модели, на нем уже есть сетка. Но она еще не оптимизирована для игры. Внизу, на примере машины показан драфт, на котором из-за большой детализации превышен лимит полигонов. Если листнешь вправо, увидишь разницу по количеству полигонов на этапе драфта, LowPoly и HighPoly.</div></div> </div> </div> </div> <style> #rec304019789 .t-text{color:#ffffff;}</style> </div> <div id="rec304019798" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_304019798"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_304019798"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_304019798" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6134-3266-4531-b337-343735363633/4LPhNwd7PnQ-2.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6134-3266-4531-b337-343735363633/4LPhNwd7PnQ-2.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6134-3266-4531-b337-343735363633/-/resizeb/20x/4LPhNwd7PnQ-2.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="800px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6537-3961-4363-b133-316565663635/I3JyKkq6wXA.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6537-3961-4363-b133-316565663635/I3JyKkq6wXA.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6537-3961-4363-b133-316565663635/-/resizeb/20x/I3JyKkq6wXA.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="800px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('304019798',false);});});</script> <style>#rec304019798 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec304019798 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec304019799" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Драфт нельзя засунуть в игру. В нем либо движок неправильно стриангулирует сетку, либо лимит по полигонам будет превышен. Потому, для игр нужны легкие модели из треугольников и минимума полигонов. Такая модель называется LowPoly.<br /><br />Вспомни наш куб. Все 8 точек влияют на силуэт, удалять ничего нельзя, иначе это будет уже не куб. Это и есть LowPoly модель, которую вставляют в игровой движок. По пайплайну, детализацию модели мы делаем с помощью запечки HighPoly на Normal. Поэтому мы должны взять драфт, сделать его супер детализированным, а потом запечь детали и накинуть их на LowPoly модель.</div></div> </div> </div> </div> <style> #rec304019799 .t-text{color:#ffffff;}</style> </div> <div id="rec304019800" 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/tild6131-3666-4934-a264-393834616263/wimPmyys6Pk-2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6131-3666-4934-a264-393834616263/-/empty/wimPmyys6Pk-2.jpg" data-original="https://static.tildacdn.com/tild6131-3666-4934-a264-393834616263/wimPmyys6Pk-2.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>На последней модели всего 8 полигонов, а детализация сделана через Normal Map</em></div> </div> </div> </div> <style> #rec304019800 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019801" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Если работаешь по пайплайну для игры — на этапе сетки нужно сделать LowPoly и HighPoly с правильной топологией.</div></div> </div> </div> </div> <style> #rec304019801 .t-text{color:#ffffff;}</style> </div> <div id="rec304019802" 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/tild3163-3262-4838-b634-356630383966/s3cKLYza_i8-2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3163-3262-4838-b634-356630383966/-/empty/s3cKLYza_i8-2.jpg" data-original="https://static.tildacdn.com/tild3163-3262-4838-b634-356630383966/s3cKLYza_i8-2.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>На драфте студент собрал основные формы, на high poly сделал модель пластичной и, а на low poly избавился от лишнего, сделав сетку легкой.</em></div> </div> </div> </div> <style> #rec304019802 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec783121956" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="396"> <!-- T396 --> <style>#rec783121956 .t396__artboard {height:576px;background-color:#0d0d0d;}#rec783121956 .t396__filter {height:576px;}#rec783121956 .t396__carrier{height:576px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec783121956 .t396__artboard,#rec783121956 .t396__filter,#rec783121956 .t396__carrier {height:544px;}#rec783121956 .t396__filter {}#rec783121956 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec783121956 .t396__artboard,#rec783121956 .t396__filter,#rec783121956 .t396__carrier {height:528px;}#rec783121956 .t396__filter {}#rec783121956 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec783121956 .t396__artboard,#rec783121956 .t396__filter,#rec783121956 .t396__carrier {height:459px;}#rec783121956 .t396__filter {}#rec783121956 .t396__carrier {background-attachment:scroll;}}#rec783121956 .tn-elem[data-elem-id="1722957462807"]{z-index:2;top:132px;;left:calc(50% - 600px + 220px);;width:760px;height:312px;}#rec783121956 .tn-elem[data-elem-id="1722957462807"] .tn-atom{border-radius:24px;background-color:#23232a;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){#rec783121956 .tn-elem[data-elem-id="1722957462807"]{top:108px;;left:calc(50% - 480px + 170px);;width:620px;height:328px;}}@media screen and (max-width:959px){#rec783121956 .tn-elem[data-elem-id="1722957462807"]{top:100px;;left:calc(50% - 320px + 10px);;}}@media screen and (max-width:639px){#rec783121956 .tn-elem[data-elem-id="1722957462807"]{top:64px;;width:300px;height:331px;border-radius:16px;}#rec783121956 .tn-elem[data-elem-id="1722957462807"] .tn-atom{background-size:cover;border-radius:16px;}}#rec783121956 .tn-elem[data-elem-id="1722957592507"]{color:#ffffff;z-index:3;top:164px;;left:calc(50% - 600px + 252px);;width:600px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957592507"] .tn-atom{color:#ffffff;font-size:24px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:600;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){#rec783121956 .tn-elem[data-elem-id="1722957592507"]{top:140px;;left:calc(50% - 480px + 202px);;width:500px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957592507"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:959px){#rec783121956 .tn-elem[data-elem-id="1722957592507"]{top:132px;;left:calc(50% - 320px + 42px);;height:auto;}}@media screen and (max-width:639px){#rec783121956 .tn-elem[data-elem-id="1722957592507"]{top:88px;;left:calc(50% - 160px + 26px);;width:268px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957592507"] .tn-atom{font-size:16px;background-size:cover;}}#rec783121956 .tn-elem[data-elem-id="1722957649470"]{color:#ffffff;z-index:4;top:242px;;left:calc(50% - 600px + 252px);;width:674px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957649470"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;opacity:0.6;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){#rec783121956 .tn-elem[data-elem-id="1722957649470"]{top:208px;;left:calc(50% - 480px + 202px);;width:548px;height:auto;}}@media screen and (max-width:959px){#rec783121956 .tn-elem[data-elem-id="1722957649470"]{top:200px;;left:calc(50% - 320px + 42px);;height:auto;}}@media screen and (max-width:639px){#rec783121956 .tn-elem[data-elem-id="1722957649470"]{top:159px;;left:calc(50% - 160px + 26px);;width:268px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957649470"] .tn-atom{font-size:12px;background-size:cover;}}#rec783121956 .tn-elem[data-elem-id="1722957742812"]{color:#ffffff;text-align:center;z-index:5;top:370px;;left:calc(50% - 600px + 252px);;width:172px;height:42px;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:30px;background-position:center center;--t396-speedhover:0.2s;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;--t396-bgcolor-color:#8080ff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#6060ff;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media screen and (max-width:1199px){#rec783121956 .tn-elem[data-elem-id="1722957742812"]{top:362px;;left:calc(50% - 480px + 202px);;width:px;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec783121956 .tn-elem[data-elem-id="1722957742812"]{top:354px;;left:calc(50% - 320px + 42px);;width:px;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec783121956 .tn-elem[data-elem-id="1722957742812"]{top:335px;;left:calc(50% - 160px + 26px);;width:142px;height:36px;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="783121956" data-artboard-screens="320,640,960,1200" data-artboard-height="576" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="459" data-artboard-height-res-640="528" data-artboard-height-res-960="544"> <div class="t396__carrier" data-artboard-recid="783121956"></div> <div class="t396__filter" data-artboard-recid="783121956"></div> <div class='t396__elem tn-elem tn-elem__7831219561722957462807' data-elem-id='1722957462807' data-elem-type='shape' data-field-top-value="132" data-field-left-value="220" data-field-height-value="312" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="64" data-field-height-res-320-value="331" data-field-width-res-320-value="300" data-field-top-res-640-value="100" data-field-left-res-640-value="10" data-field-top-res-960-value="108" data-field-left-res-960-value="170" data-field-height-res-960-value="328" data-field-width-res-960-value="620"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7831219561722957592507' data-elem-id='1722957592507' data-elem-type='text' data-field-top-value="164" data-field-left-value="252" data-field-width-value="600" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="24" data-field-top-res-320-value="88" data-field-left-res-320-value="26" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="16" data-field-top-res-640-value="132" data-field-left-res-640-value="42" data-field-top-res-960-value="140" data-field-left-res-960-value="202" data-field-width-res-960-value="500" data-field-fontsize-res-960-value="20"> <div class='tn-atom'field='tn_text_1722957592507'>💥 Курс «Draft Punk» для тебя, если хочешь делать такие же 3D-модели</div> </div> <div class='t396__elem tn-elem tn-elem__7831219561722957649470' data-elem-id='1722957649470' data-elem-type='text' data-field-top-value="242" data-field-left-value="252" data-field-width-value="674" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="159" data-field-left-res-320-value="26" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="200" data-field-left-res-640-value="42" data-field-top-res-960-value="208" data-field-left-res-960-value="202" data-field-width-res-960-value="548"> <div class='tn-atom'field='tn_text_1722957649470'>Узнаешь, как устроен пайплайн разработки 3D-моделей в больших игровых студиях. Научишься создавать выразительные драфты, разберёшься с топологией, high poly, low poly, развёрткой и запечкой. А в конце создашь полноценную 3D-модель по всем правилам пайплайна. Курс можно взять в рассрочку.</div> </div> <div class='t396__elem tn-elem tn-elem__7831219561722957742812' data-elem-id='1722957742812' data-elem-type='button' data-field-top-value="370" data-field-left-value="252" data-field-height-value="42" data-field-width-value="172" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-fontsize-value="14" data-field-top-res-320-value="335" data-field-left-res-320-value="26" data-field-height-res-320-value="36" data-field-width-res-320-value="142" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="354" data-field-left-res-640-value="42" data-field-top-res-960-value="362" data-field-left-res-960-value="202"> <a class='tn-atom js-click-zero-stat' href="https://www.school-xyz.com/draftpunk?utm_source=blog&utm_medium=banner&utm_campaign=draftpunk" data-tilda-event-name="/tilda/click/rec783121956/button1722957742812"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Узнать больше</span> </div> <span class="tn-atom__button-border"></span> </a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('783121956');});});</script> <!-- /T396 --> </div> <div id="rec304019803" class="r t-rec t-rec_pb_15" style="padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><span style="font-weight: 500; color: rgb(255, 255, 255); font-size: 40px; line-height: 44px;">Три вида сетки</span><br /><br /><ol><li><span style="font-weight: 100; color: rgb(255, 255, 255);">LowPoly</span> — упрощённая модель для игры с минимальным количеством полигонов.</li><li><span style="color: rgb(255, 255, 255);">HighPoly</span> — детализированная модель, которая нужна, чтобы перенести всю детализацию на low poly через Normal Map.</li><li><span style="color: rgb(255, 255, 255);">MidPoly</span> — компромис между бесконечно детализированными high poly и оптимизированными low poly. Используется в основном для кино.</li></ol><br />Давай разберём каждый из трёх видов по отдельности.<br /><br /><br /><span style="font-weight: 500; font-size: 40px; line-height: 44px; color: rgb(255, 255, 255);">1. Low Poly</span><br /><br />LowPoly для видео игры нужно делать легкой, с небольшим числом полигонов. Все плоские детали рисуют в текстурах или на нормале, а геометрией отбивают только объекты, которые влияют на силуэт.<br /><br />Low poly для разных игр отличаются. На мобилках low poly очень легкая, 2к — 10к треугольников. На ААА-проектах только на главного персонажа может выйти 50-60к треугольников. А бывают проекты по 250к треугольников на персонажа.</div></div> </div> </div> </div> <style> #rec304019803 .t-text{color:#ffffff;}</style> </div> <div id="rec304019804" class="r t-rec t-rec_pt_30 t-rec_pb_15" style="padding-top:30px;padding-bottom:15px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_304019804"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_304019804"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_304019804" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3339-3863-4134-b837-333336313263/979-CAXIkqc-2.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3339-3863-4134-b837-333336313263/979-CAXIkqc-2.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3339-3863-4134-b837-333336313263/-/resizeb/20x/979-CAXIkqc-2.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="540px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6466-3737-4631-b561-613337616438/9gbwXgEyk0s-2.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6466-3737-4631-b561-613337616438/9gbwXgEyk0s-2.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6466-3737-4631-b561-613337616438/-/resizeb/20x/9gbwXgEyk0s-2.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="540px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="3 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3038-3338-4133-b236-313833626339/2nJAzmq01Qs-2.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3038-3338-4133-b236-313833626339/2nJAzmq01Qs-2.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3038-3338-4133-b236-313833626339/-/resizeb/20x/2nJAzmq01Qs-2.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="540px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="4"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="4 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6539-3931-4261-b363-663837333133/vumougRvEsI-2.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6539-3931-4261-b363-663837333133/vumougRvEsI-2.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6539-3931-4261-b363-663837333133/-/resizeb/20x/vumougRvEsI-2.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="540px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 3"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 4"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">В этой модели 55,4к треугольников</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">А это моделька идеально подойдет для мобильной игры, в ней всего 3,2к треугольников. https://skfb.ly/6IHTT</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">Очень клёвая моделька, всего на 13,2к трисов. Часть детализации делается картой прозрачности https://skfb.ly/6HwCM</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="4"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">Моделька из известной игры на 258,8к трисов https://skfb.ly/6MDUQ</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('304019804',false);});});</script> <style>#rec304019804 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec304019804 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec304019805" class="r t-rec t-rec_pt_30 t-rec_pb_15" style="padding-top:30px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Low poly сильно зависит от технологии. В мобильной игре, на важном объекте 5-7к полигонов. В старых играх важные объекты были по 10-20к полигонов. Современные игры тянут модели по 50-150к полигонов. А бывают модели и по 200-300к полигонов, например, корабли, танки или дома. </div></div> </div> </div> </div> <style> #rec304019805 .t-text{color:#ffffff;}</style> </div> <div id="rec304019806" 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/tild3963-3831-4030-a530-393930663231/m9vAQZT3sI4.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3963-3831-4030-a530-393930663231/-/empty/m9vAQZT3sI4.jpg" data-original="https://static.tildacdn.com/tild3963-3831-4030-a530-393930663231/m9vAQZT3sI4.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>low poly с бампом — это как нормал, но чуть проще</em></div> </div> </div> </div> <style> #rec304019806 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019807" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Откуда берётся лимит на low poly?<br /><br />Представь, что технический директор высчитал ограничение на локацию в 10 млн полигонов и 200 материалов. Получаем по 150-200 моделей в которых от 10 до 100к полигонов. Это ограничение взялось из производительности движка и железа, под которое делается игра. <br /><br />Как сделать low poly?<br /><br />Вот главные правила:<br /><br /><ul><li>На low poly важны полигоны, которые влияют на силуэт формы.</li><li>Элементы, которые не видишь нужно удалять.</li><li>Всё, что слишком угловато на силуэте — округляй. Иногда для этого надо добавить новую геометрию.</li><li>Все плоские детали, не влияющие на силуэт, рисуются через текстуры или на нормале.</li></ul></div></div> </div> </div> </div> <style> #rec304019807 .t-text{color:#ffffff;}</style> </div> <div id="rec304019810" class="r t-rec t-rec_pt_30 t-rec_pb_15" style="padding-top:30px;padding-bottom:15px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_304019810"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_304019810"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_304019810" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6636-3236-4232-a535-333737656332/9WiZJV_cykQ-3.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6636-3236-4232-a535-333737656332/9WiZJV_cykQ-3.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6636-3236-4232-a535-333737656332/-/resizeb/20x/9WiZJV_cykQ-3.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="600px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3063-3238-4837-b238-303334643239/cROfrkjGIg0-3.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3063-3238-4837-b238-303334643239/cROfrkjGIg0-3.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3063-3238-4837-b238-303334643239/-/resizeb/20x/cROfrkjGIg0-3.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="600px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">В правой форме больше сечений на внешней грани, потому геометрия выглядит более круглой, чем левая</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Картинка, которую я стащил где-то в интернете. Обрати внимание, дядька убрал почти половину полигонов, просто удалив лишний мусор, но силуэт и формы модели не поменялись</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('304019810',false);});});</script> <style>#rec304019810 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec304019810 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec304019811" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><ul><li>Цилиндры кратны 4, а число сечений зависит от размера цилиндра</li></ul></div></div> </div> </div> </div> <style> #rec304019811 .t-text{color:#ffffff;}</style> </div> <div id="rec304019812" 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/tild6662-6538-4937-a630-656135633132/O0rLwkw7hu4.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6662-6538-4937-a630-656135633132/-/empty/O0rLwkw7hu4.jpg" data-original="https://static.tildacdn.com/tild6662-6538-4937-a630-656135633132/O0rLwkw7hu4.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>На нижнем ряду маленькие цилиндры слишком плотные, а большие недостаточно детальные</em></div> </div> </div> </div> <style> #rec304019812 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019813" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><ul><li>Удаляй задние стенки у объектов.</li><li>Пересекающиеся объекты утапливай друг в друга. Но не переусердствуй — тогда впустую потратишь место на развертке. Ставить их впритык друг к другу тоже ошибка — может появиться зазор, через который шов будет некрасиво бликовать.</li></ul></div></div> </div> </div> </div> <style> #rec304019813 .t-text{color:#ffffff;}</style> </div> <div id="rec304019814" 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-3839-4037-a132-386535316130/kLoH0c4t2LM-2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3136-3839-4037-a132-386535316130/-/empty/kLoH0c4t2LM-2.jpg" data-original="https://static.tildacdn.com/tild3136-3839-4037-a132-386535316130/kLoH0c4t2LM-2.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304019814 .t107__title{color:#999999;}</style> </div> <div id="rec304019815" 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/tild3934-3465-4461-b439-373065626332/DZz7O_gvdJ0-2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3934-3465-4461-b439-373065626332/-/empty/DZz7O_gvdJ0-2.jpg" data-original="https://static.tildacdn.com/tild3934-3465-4461-b439-373065626332/DZz7O_gvdJ0-2.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec304019815 .t107__title{color:#999999;}</style> </div> <div id="rec304019816" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Перед запечкой переноси сложные формы в треугольники. А четырехугольники и многоугольники триангулируй вручную. В одной программе может быть норм, а в другой будет кривой блик или форма. <br /><br />На этапе low poly, это делать не обязательно, т.к. развёртку проще делать с квадратами, но потом этот момент нужно учесть.</div></div> </div> </div> </div> <style> #rec304019816 .t-text{color:#ffffff;}</style> </div> <div id="rec304019817" 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-3861-4962-b430-643462353533/FrlJltcy8HU.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3038-3861-4962-b430-643462353533/-/empty/FrlJltcy8HU.jpg" data-original="https://static.tildacdn.com/tild3038-3861-4962-b430-643462353533/FrlJltcy8HU.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Одна и та же модель с разной триангуляцией</em></div> </div> </div> </div> <style> #rec304019817 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019818" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><span style="color: rgb(255, 255, 255); line-height: 44px; font-size: 40px; font-weight: 500;">2. High Poly</span><br /><br />High poly — это детализированная модель без ограничений по полигонам. Такие модели делают концепторы, а в видеоиграх они нужны для запечки нормала.<br /><br />На high poly можно всё, потому что нет ограничений по полигонам. Главное ограничение — чтобы файл открылся на компе. На high poly работают с квадратами вместо треугольников, а от угловатостей избавляются при помощи сглаживания. В игровой движок такую сетку не засунешь, но она может быть сколько угодно детализированной и гладкой.<br /><br /><span style="color: rgb(255, 255, 255);">3 способа сделать high poly:</span><br /><br />В видеоиграх high poly нужна для запечки нормала. Для сложных органических форм первым делают high poly, а потом «ретопят» в low poly.</div></div> </div> </div> </div> <style> #rec304019818 .t-text{color:#ffffff;}</style> </div> <div id="rec304019819" 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/tild3138-3866-4161-a133-653937633865/lcwQs7QOutk-2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3138-3866-4161-a133-653937633865/-/empty/lcwQs7QOutk-2.jpg" data-original="https://static.tildacdn.com/tild3138-3866-4161-a133-653937633865/lcwQs7QOutk-2.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Это сабдив геометрия под запечку</em></div> </div> </div> </div> <style> #rec304019819 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019820" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">1) Cабдив (subD)</span> — это создание high poly через поддержки. Ты делаешь формы, накладываешь поддержки, они правильно скругляются и получается более гладкая модель без угловатостей. Самое важное на сабдиве — понять, как строить лупы и кольца полигонов, чтобы они подчеркивали форму модели.</div></div> </div> </div> </div> <style> #rec304019820 .t-text{color:#ffffff;}</style> </div> <div id="rec304019821" 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/tild3065-3430-4839-a638-393833653562/fUv9ycYxtcI-7.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3065-3430-4839-a638-393833653562/-/empty/fUv9ycYxtcI-7.jpg" data-original="https://static.tildacdn.com/tild3065-3430-4839-a638-393833653562/fUv9ycYxtcI-7.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Слева полигональные кольца направлены без учета формы, а справа они аккуратно обводят угол.</em></div> </div> </div> </div> <style> #rec304019821 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019822" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">2) Скульпт</span> — это как пластилин, только в 3D. Мы используем скульпт, если у модели мягкие формы или органика. Программы для скульптинга (zBrush, mudbox, 3d coat) делают сетку настолько плотной, что наша модель становится мягкой и тянется как 3D-пластилин. Когда работаем со скульптом — можем работать с десятками и сотнями миллионов полигонов. Мы учим как скульптить для игр на <a href="https://free.school-xyz.com" target="_blank" rel="noreferrer noopener" style="color: rgb(128, 128, 255);">бесплатном курсе по zBrush</a>.</div></div> </div> </div> </div> <style> #rec304019822 .t-text{color:#ffffff;}</style> </div> <div id="rec304019823" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_304019823"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_304019823"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_304019823" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6666-6631-4964-a331-366336353666/aD6iS_S3wVg-3.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6666-6631-4964-a331-366336353666/aD6iS_S3wVg-3.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6666-6631-4964-a331-366336353666/-/resizeb/20x/aD6iS_S3wVg-3.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="600px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3066-3838-4531-a236-343531313261/uKfpuMpO6SA-3.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3066-3838-4531-a236-343531313261/uKfpuMpO6SA-3.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3066-3838-4531-a236-343531313261/-/resizeb/20x/uKfpuMpO6SA-3.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="600px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Тяжелую сетку из программ по скульпту оптимизируют с помощью алгоритмов</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">клевый скульпт https://skfb.ly/6MUvt</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('304019823',false);});});</script> <style>#rec304019823 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec304019823 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec304019824" class="r t-rec t-rec_pt_60 t-rec_pb_15" style="padding-top:60px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">3) CAD геометрия </span>— каждая поверхность задается формулой, поэтому модель гладкая и плавная, ее легко редактировать на любом этапе. CAD подходит для твердотельного моделирования из-за того, что модели получаются гладкими. Крутой CAD софт — Fusion 360. Его сделали для инженеров, чтобы они проектировали и собирали реальные мосты, машины, роботов. Если хочешь научиться моделить технику в Fusion 360 — присмотрись к нашему курсу <a href="https://school-xyz.com/hard-surface" target="_blank" rel="noreferrer noopener" style="color: rgb(128, 128, 255);">Hard Surface</a>.<br /><br /></div></div> </div> </div> </div> <style> #rec304019824 .t-text{color:#ffffff;}</style> </div> <div id="rec304054427" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><br /><span style="color: rgb(255, 255, 255); font-weight: 500; font-size: 40px; line-height: 44px;">3. Mid Poly</span><br /><br />Это компромисс между бесконечно детализированными high poly и оптимизированными low poly. С этой сеткой делают детальные и интересные модели, которые клёво смотрятся в кадре, но в то же время они оптимизированы лучше, чем high poly. Mid poly больше используют для кино, чем для игр. В играх важно влезть в число полигонов установленное техническим директором, чтобы игра была быстрой и не лагала. А в кино важно, чтобы картинка была красивой, потому не так страшно перегрузить движок, просто рендерится фильм будет дольше. </div></div> </div> </div> </div> <style> #rec304054427 .t-text{color:#ffffff;}</style> </div> <div id="rec304019825" 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/tild3565-3266-4737-b331-313036353232/Fyv8GRWhiZE.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3565-3266-4737-b331-313036353232/-/empty/Fyv8GRWhiZE.jpg" data-original="https://static.tildacdn.com/tild3565-3266-4737-b331-313036353232/Fyv8GRWhiZE.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><em>Пример Mid Poly сетки из Love Death and Robots</em></div> </div> </div> </div> <style> #rec304019825 .t107__title{line-height:1.5;color:#999999;}</style> </div> <div id="rec304019826" class="r t-rec t-rec_pt_60 t-rec_pb_15" style="padding-top:60px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes"><span style="line-height: 44px; font-size: 40px; color: rgb(255, 255, 255); font-weight: 500;">Подведем итоги</span><br /><br />Сегодня ты узнал много нового про вертекс нормали и работу с топологией. Разобрался, как работает технология запечки, зачем нужно делать 2 файла — low poly и high poly, как они связаны друг с другом через Normal Map.<br /><br />К чему ведут провалы на этапе сетки?<br /><br />— К плохой оптимизации и не аккуратному шейдингу;<br />— Плохую low poly даже текстуры не спасут;<br />— Ошибки с хардами и софтами испортят запечку и текстуры;<br />— Плохая high poly с потягами и плохим шейдингом — не запечется;<br />— high poly и low poly должны совпадать. Они должны быть похожи друг на друга и покрывать друг друга. Иначе будут проблемы на запечке.<br /><br /><br /><span style="font-weight: 500; font-size: 40px; line-height: 44px; color: rgb(255, 255, 255);">Что дальше</span><br /><br />Если хочешь освоить весь пайплайн и научиться моделить в 3D, присмотрись к нашему курсу <a href="https://www.school-xyz.com/draftpunk" style="color: rgb(128, 128, 255);" target="_blank" rel="noreferrer noopener">Draft Punk.</a> Ты поймешь, как устроен пайплайн разработки 3D-моделей в больших игровых студиях. Научишься создавать выразительные драфты. Разберешься с топологией, high poly, low poly, разверткой и запечкой. А в конце создашь полноценную 3D-модель по всем правилам пайплайна. Полученных знаний хватит, чтобы работать на фрилансе или джуном в студии.<br /><br />Вот что получилось у наших студентов после курса Draft Punk:</div></div> </div> </div> </div> <style> #rec304019826 .t-text{color:#ffffff;}</style> </div> <div id="rec304056988" class="r t-rec t-rec_pt_30 t-rec_pt-res-480_15 t-rec_pb_0 t-rec_pb-res-480_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="604" data-bg-color="#0d0d0d"> <!-- T604 --> <div class="t604"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow-nearpic"> <style type="text/css">#rec304056988 .t-slds__arrow_wrapper:hover .t-slds__arrow-withbg{border-color:#ffffff !important;background-color:rgba(55,194,217,1) !important;}#rec304056988 .t-slds__arrow-withbg:focus-visible{border-color:#ffffff !important;background-color:rgba(55,194,217,1) !important;}</style> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_304056988"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 50px; height: 50px;background-color: rgba(28,28,28,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 11px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css">#rec304056988 .t-slds__arrow_wrapper polyline{-webkit-transition:stroke ease-in-out .2s;-moz-transition:stroke ease-in-out .2s;-o-transition:stroke ease-in-out .2s;transition:stroke ease-in-out .2s;}#rec304056988 .t-slds__arrow_wrapper:hover polyline{stroke:#ffffff !important;}#rec304056988 .t-slds__arrow:focus-visible polyline{stroke:#ffffff !important;}</style> <polyline
fill="none"
stroke="#ffffff"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 10.5,10.5 0.5,20.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_304056988"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 50px; height: 50px;background-color: rgba(28,28,28,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 11px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#ffffff"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 10.5,10.5 0.5,20.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds_animated-fast t-slds__witharrows"
id="carousel_304056988" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="false" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3161-3838-4364-a336-633065633837/Frame_426.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3161-3838-4364-a336-633065633837/Frame_426.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3161-3838-4364-a336-633065633837/-/resizeb/20x/Frame_426.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3233-3932-4930-b565-386237653439/Frame_427.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3233-3932-4930-b565-386237653439/Frame_427.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3233-3932-4930-b565-386237653439/-/resizeb/20x/Frame_427.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="3 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3364-3537-4833-b231-376139616162/Frame_428.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3364-3537-4833-b231-376139616162/Frame_428.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3364-3537-4833-b231-376139616162/-/resizeb/20x/Frame_428.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="4"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="4 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6233-3931-4033-b131-383231626138/Frame_429.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6233-3931-4033-b131-383231626138/Frame_429.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6233-3931-4033-b131-383231626138/-/resizeb/20x/Frame_429.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="5"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="5 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6639-3464-4435-b237-636133346631/Frame_430.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__4"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6639-3464-4435-b237-636133346631/Frame_430.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6639-3464-4435-b237-636133346631/-/resizeb/20x/Frame_430.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="6"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="6 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6564-3663-4139-b539-336333306430/Frame_431.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__5"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6564-3663-4139-b539-336333306430/Frame_431.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6564-3663-4139-b539-336333306430/-/resizeb/20x/Frame_431.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="7"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="7 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6130-3532-4162-a334-353535653238/Frame_432.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__6"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6130-3532-4162-a334-353535653238/Frame_432.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6130-3532-4162-a334-353535653238/-/resizeb/20x/Frame_432.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="8"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="8 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3437-3137-4333-a631-666539393066/Frame_433.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__7"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3437-3137-4333-a631-666539393066/Frame_433.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3437-3137-4333-a631-666539393066/-/resizeb/20x/Frame_433.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
aria-current="true" style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 3"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 4"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="5"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 5"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="6"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 6"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="7"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 7"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="8"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 8"
style="background-color: #1c1c1c;"></button> </li> </ul> <div class="t-slds__caption__container"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t_sldsInit',function() {t_sldsInit('304056988');});t_onFuncLoad('t604_init',function() {t604_init('304056988');});t_onFuncLoad('t_slds_UpdateSliderHeight',function() {t_slds_UpdateSliderHeight('304056988');});t_onFuncLoad('t604__UpdateSliderArrowsHeight',function() {t604__UpdateSliderArrowsHeight('304056988');});});</script> <style>#rec304056988 .t-slds__bullet_active .t-slds__bullet_body{background-color:#37c2d9 !important;}#rec304056988 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#37c2d9 !important;}</style> </div> <div id="rec304055594" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;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: rgb(153, 153, 153);" data-customstyle="yes">Если тебе интересны другие этапы пайплайна — переходи к следующей статье. 1 статья = 1 этап пайплайна, с уроками и примерами. Выбирай тему, с которой хочешь разобраться:<br /><br />1. <a href="/kak_delayutsya_modeli_dlya_aaa_igr_polnyj_gajd_po_aaa_pajplajnu" target="_blank" style="color: rgb(128, 128, 255);">ААА-пайплайн</a><br />2. <a href="/aaa_pajplajn_statya_2_7_vsyo_pro_drafty" target="_blank" style="color: rgb(128, 128, 255);">Драфт</a><br />3. <a href="/statya-37-pro-setku-lowpoly-highpoly-i-verteks-normali" target="_blank" style="color: rgb(128, 128, 255);">Сетка</a><br />4. <a href="/uv-razvyortka-aaa-pajplajn-47-samyj-polnyj-gajd" target="_blank" style="color: rgb(128, 128, 255);">Развертка</a><br />5. <a href="/vsyo-pro-bake-zapechku-kak-etap-aaa-pajplajna" target="_blank" style="color: rgb(128, 128, 255);">Запечка</a></div></div> </div> </div> </div> <style> #rec304055594 .t-text{color:#ffffff;}</style> </div> <div id="rec304268946" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec304268946 .t396__artboard {height:520px;background-color:#0d0d0d;}#rec304268946 .t396__filter {height:520px;}#rec304268946 .t396__carrier{height:520px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec304268946 .t396__artboard,#rec304268946 .t396__filter,#rec304268946 .t396__carrier {height:480px;}#rec304268946 .t396__filter {}#rec304268946 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec304268946 .t396__artboard,#rec304268946 .t396__filter,#rec304268946 .t396__carrier {height:530px;}#rec304268946 .t396__filter {}#rec304268946 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec304268946 .t396__artboard,#rec304268946 .t396__filter,#rec304268946 .t396__carrier {height:510px;}#rec304268946 .t396__filter {}#rec304268946 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec304268946 .t396__artboard,#rec304268946 .t396__filter,#rec304268946 .t396__carrier {height:490px;}#rec304268946 .t396__filter {}#rec304268946 .t396__carrier {background-attachment:scroll;}}#rec304268946 .tn-elem[data-elem-id="1618408528005"]{z-index:1;top:69px;;left:calc(50% - 580px + 0px);;width:1160px;height:388px;}#rec304268946 .tn-elem[data-elem-id="1618408528005"] .tn-atom{background-position:center top;background-size:cover;background-repeat:no-repeat;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){#rec304268946 .tn-elem[data-elem-id="1618408528005"]{top:49px;;left:calc(50% - 580px + 0px);;width:940px;height:385px;}}@media screen and (max-width:959px){#rec304268946 .tn-elem[data-elem-id="1618408528005"]{top:18px;;left:calc(50% - 580px + -9px);;width:466px;height:497px;}#rec304268946 .tn-elem[data-elem-id="1618408528005"] .tn-atom{background-size:cover;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}}@media screen and (max-width:639px){#rec304268946 .tn-elem[data-elem-id="1618408528005"]{top:36px;;left:calc(50% - 580px + -10px);;width:443px;height:424px;}}@media screen and (max-width:479px){#rec304268946 .tn-elem[data-elem-id="1618408528005"]{top:65px;;left:calc(50% - 580px + -7px);;width:421px;height:349px;}#rec304268946 .tn-elem[data-elem-id="1618408528005"] .tn-atom{background-size:cover;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}}#rec304268946 .tn-elem[data-elem-id="1618408528013"]{color:#ffffff;z-index:2;top:149px;;left:calc(50% - 600px + 80px);;width:560px;height:auto;}#rec304268946 .tn-elem[data-elem-id="1618408528013"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.9333;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){#rec304268946 .tn-elem[data-elem-id="1618408528013"]{top:111px;;left:calc(50% - 480px + 70px);;width:490px;height:auto;}#rec304268946 .tn-elem[data-elem-id="1618408528013"] .tn-atom{font-size:60px;background-size:cover;}}@media screen and (max-width:959px){#rec304268946 .tn-elem[data-elem-id="1618408528013"]{top:121px;;left:calc(50% - 320px + 140px);;width:360px;height:auto;text-align:center;}#rec304268946 .tn-elem[data-elem-id="1618408528013"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec304268946 .tn-elem[data-elem-id="1618408528013"]{top:134px;;left:calc(50% - 240px + 80px);;width:330px;height:auto;}#rec304268946 .tn-elem[data-elem-id="1618408528013"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec304268946 .tn-elem[data-elem-id="1618408528013"]{top:100px;;left:calc(50% - 160px + 10px);;width:300px;height:auto;}}#rec304268946 .tn-elem[data-elem-id="1618408528018"]{color:#ffffff;z-index:3;top:279px;;left:calc(50% - 600px + 80px);;width:320px;height:auto;}#rec304268946 .tn-elem[data-elem-id="1618408528018"] .tn-atom{color:#ffffff;font-size:16px;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){#rec304268946 .tn-elem[data-elem-id="1618408528018"]{top:301px;;left:calc(50% - 480px + 70px);;height:auto;}}@media screen and (max-width:959px){#rec304268946 .tn-elem[data-elem-id="1618408528018"]{top:283px;;left:calc(50% - 320px + 140px);;width:360px;height:auto;text-align:center;}#rec304268946 .tn-elem[data-elem-id="1618408528018"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec304268946 .tn-elem[data-elem-id="1618408528018"]{top:220px;;left:calc(50% - 240px + 84px);;width:320px;height:auto;}}@media screen and (max-width:479px){#rec304268946 .tn-elem[data-elem-id="1618408528018"]{top:220px;;left:calc(50% - 160px + 40px);;width:240px;height:auto;}#rec304268946 .tn-elem[data-elem-id="1618408528018"] .tn-atom{font-size:16px;background-size:cover;}}#rec304268946 .tn-elem[data-elem-id="1618408528031"]{z-index:5;top:219px;;left:calc(50% - 153px + 373px);;width:306px;height:72px;}#rec304268946 .tn-elem[data-elem-id="1618408528031"] .tn-atom{background-color:#37c2d9;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){#rec304268946 .tn-elem[data-elem-id="1618408528031"]{top:195px;;left:calc(50% - 153px + 222px);;width:285px;height:72px;}}@media screen and (max-width:959px){#rec304268946 .tn-elem[data-elem-id="1618408528031"]{top:367px;;left:calc(50% - 153px + 1px);;}}@media screen and (max-width:639px){#rec304268946 .tn-elem[data-elem-id="1618408528031"]{top:292px;;left:calc(50% - 153px + 5px);;}}@media screen and (max-width:479px){#rec304268946 .tn-elem[data-elem-id="1618408528031"]{top:316px;;left:calc(50% - 153px + 0px);;width:260px;height:68px;}}#rec304268946 .tn-elem[data-elem-id="1618408528041"]{color:#ffffff;text-align:center;z-index:6;top:243px;;left:calc(50% - 130px + 372px);;width:260px;height:auto;pointer-events:none;}#rec304268946 .tn-elem[data-elem-id="1618408528041"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec304268946 .tn-elem[data-elem-id="1618408528041"]{top:219px;;left:calc(50% - 130px + 221px);;height:auto;}}@media screen and (max-width:959px){#rec304268946 .tn-elem[data-elem-id="1618408528041"]{top:391px;;left:calc(50% - 130px + 0px);;height:auto;}}@media screen and (max-width:639px){#rec304268946 .tn-elem[data-elem-id="1618408528041"]{top:318px;;left:calc(50% - 130px + 6px);;height:auto;}}@media screen and (max-width:479px){#rec304268946 .tn-elem[data-elem-id="1618408528041"]{top:340px;;left:calc(50% - 130px + -2px);;height:auto;}#rec304268946 .tn-elem[data-elem-id="1618408528041"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="304268946" data-artboard-screens="320,480,640,960,1200" data-artboard-height="520" data-artboard-valign="center" data-artboard-height-res-320="490" data-artboard-height-res-480="510" data-artboard-height-res-640="530" data-artboard-height-res-960="480"> <div class="t396__carrier" data-artboard-recid="304268946"></div> <div class="t396__filter" data-artboard-recid="304268946"></div> <div class='t396__elem tn-elem tn-elem__3042689461618408528005 t-animate' data-elem-id='1618408528005' data-elem-type='shape' data-field-top-value="69" data-field-left-value="0" data-field-height-value="388" data-field-width-value="1160" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="1" data-animate-scale="0.9" data-field-top-res-320-value="65" data-field-left-res-320-value="-7" data-field-height-res-320-value="349" data-field-width-res-320-value="421" data-field-widthunits-res-320-value="px" data-field-top-res-480-value="36" data-field-left-res-480-value="-10" data-field-height-res-480-value="424" data-field-width-res-480-value="443" data-field-widthunits-res-480-value="px" data-field-top-res-640-value="18" data-field-left-res-640-value="-9" data-field-height-res-640-value="497" data-field-width-res-640-value="466" data-field-widthunits-res-640-value="px" data-field-top-res-960-value="49" data-field-left-res-960-value="0" data-field-height-res-960-value="385" data-field-width-res-960-value="940"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3466-6662-4363-a464-316666313363/plaskk.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3042689461618408528013' data-elem-id='1618408528013' data-elem-type='text' data-field-top-value="149" data-field-left-value="80" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="100" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="134" data-field-left-res-480-value="80" data-field-width-res-480-value="330" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="121" data-field-left-res-640-value="140" data-field-width-res-640-value="360" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="111" data-field-left-res-960-value="70" data-field-width-res-960-value="490" data-field-fontsize-res-960-value="60"> <div class='tn-atom'field='tn_text_1618408528013'>ВСЕ ПРОЧИТАЛ? ПЕРЕХОДИ К ПРАКТИКЕ!</div> </div> <div class='t396__elem tn-elem tn-elem__3042689461618408528018' data-elem-id='1618408528018' data-elem-type='text' data-field-top-value="279" data-field-left-value="80" data-field-width-value="320" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="220" data-field-left-res-320-value="40" data-field-width-res-320-value="240" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="220" data-field-left-res-480-value="84" data-field-width-res-480-value="320" data-field-top-res-640-value="283" data-field-left-res-640-value="140" data-field-width-res-640-value="360" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="301" data-field-left-res-960-value="70"> <div class='tn-atom'field='tn_text_1618408528018'>Освой пайплайн и научись создавать 3D-модели на курсе Draft Punk</div> </div> <div class='t396__elem tn-elem btn-bg-2 tn-elem__3042689461618408528031' data-elem-id='1618408528031' data-elem-type='shape' data-field-top-value="219" data-field-left-value="373" data-field-height-value="72" data-field-width-value="306" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="316" data-field-left-res-320-value="0" data-field-height-res-320-value="68" data-field-width-res-320-value="260" data-field-top-res-480-value="292" data-field-left-res-480-value="5" data-field-top-res-640-value="367" data-field-left-res-640-value="1" data-field-top-res-960-value="195" data-field-left-res-960-value="222" data-field-height-res-960-value="72" data-field-width-res-960-value="285"> <a class='tn-atom' href="/draftpunk" target="_blank"> </a> </div> <div class='t396__elem tn-elem tn-elem__3042689461618408528041' data-elem-id='1618408528041' data-elem-type='text' data-field-top-value="243" data-field-left-value="372" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="340" data-field-left-res-320-value="-2" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="318" data-field-left-res-480-value="6" data-field-top-res-640-value="391" data-field-left-res-640-value="0" data-field-top-res-960-value="219" data-field-left-res-960-value="221"> <div class='tn-atom'field='tn_text_1618408528041'>СМОТРЕТЬ ПРОГРАММУ</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('304268946');});});</script> <!-- /T396 --> </div> <div id="rec304268969" 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>
.btn-bg-2,
.btn-bg-2-black {
background: url(https://static.tildacdn.com/tild6334-6366-4034-a162-623534633532/btn-gray.svg) left top no-repeat !important;
}
.btn-bg-2 .tn-atom {
background: url(https://static.tildacdn.com/tild3764-3838-4761-b034-623631623033/btn-blue.svg) left top no-repeat !important;
transition: all .3s ease-in !important;
}
.btn-bg-2-black .tn-atom {
background: url(https://static.tildacdn.com/tild3732-3538-4863-b033-313364613061/btn-black.svg) left top no-repeat !important;
transition: all .3s ease-in !important;
}
.btn-bg-2:hover .tn-atom,
.btn-bg-2-black:hover .tn-atom {
opacity: 0;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec783118043" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="396"> <!-- T396 --> <style>#rec783118043 .t396__artboard {height:660px;background-color:#0d0d0d;}#rec783118043 .t396__filter {height:660px;}#rec783118043 .t396__carrier{height:660px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec783118043 .t396__artboard,#rec783118043 .t396__filter,#rec783118043 .t396__carrier {height:620px;}#rec783118043 .t396__filter {}#rec783118043 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec783118043 .t396__artboard,#rec783118043 .t396__filter,#rec783118043 .t396__carrier {height:528px;}#rec783118043 .t396__filter {}#rec783118043 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec783118043 .t396__artboard,#rec783118043 .t396__filter,#rec783118043 .t396__carrier {height:725px;}#rec783118043 .t396__filter {}#rec783118043 .t396__carrier {background-attachment:scroll;}}#rec783118043 .tn-elem[data-elem-id="1722957462807"]{z-index:2;top:132px;;left:calc(50% - 600px + 220px);;width:760px;height:396px;}#rec783118043 .tn-elem[data-elem-id="1722957462807"] .tn-atom{border-radius:24px;background-color:#31313a;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){#rec783118043 .tn-elem[data-elem-id="1722957462807"]{top:108px;;left:calc(50% - 480px + 114px);;width:732px;height:404px;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722957462807"]{top:100px;;left:calc(50% - 320px + 10px);;width:620px;height:328px;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722957462807"]{top:64px;;width:300px;height:597px;border-radius:16px;}#rec783118043 .tn-elem[data-elem-id="1722957462807"] .tn-atom{background-size:cover;border-radius:16px;}}#rec783118043 .tn-elem[data-elem-id="1722958532176"]{z-index:3;top:140px;;left:calc(50% - 600px + 228px);;width:444px;height:380px;}#rec783118043 .tn-elem[data-elem-id="1722958532176"] .tn-atom{border-radius:16px;background-color:#23232a;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){#rec783118043 .tn-elem[data-elem-id="1722958532176"]{top:116px;;left:calc(50% - 480px + 122px);;width:416px;height:388px;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722958532176"]{top:108px;;left:calc(50% - 320px + 18px);;width:604px;height:312px;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722958532176"]{top:364px;;width:284px;height:289px;}}#rec783118043 .tn-elem[data-elem-id="1722957592507"]{color:#ffffff;z-index:4;top:218px;;left:calc(50% - 600px + 252px);;width:380px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957592507"] .tn-atom{color:#ffffff;font-size:24px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:600;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){#rec783118043 .tn-elem[data-elem-id="1722957592507"]{top:194px;;left:calc(50% - 480px + 146px);;width:324px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957592507"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722957592507"]{top:178px;;left:calc(50% - 320px + 34px);;width:322px;height:auto;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722957592507"]{top:434px;;left:calc(50% - 160px + 34px);;width:252px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957592507"] .tn-atom{font-size:16px;background-size:cover;}}#rec783118043 .tn-elem[data-elem-id="1722957649470"]{color:#ffffff;z-index:5;top:282px;;left:calc(50% - 600px + 252px);;width:396px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957649470"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;opacity:0.6;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){#rec783118043 .tn-elem[data-elem-id="1722957649470"]{top:250px;;left:calc(50% - 480px + 146px);;width:368px;height:auto;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722957649470"]{top:234px;;left:calc(50% - 320px + 34px);;width:418px;height:auto;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722957649470"]{top:482px;;left:calc(50% - 160px + 34px);;width:252px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957649470"] .tn-atom{font-size:12px;background-size:cover;}}#rec783118043 .tn-elem[data-elem-id="1722957742812"]{color:#ffffff;text-align:center;z-index:6;top:454px;;left:calc(50% - 600px + 252px);;width:172px;height:42px;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:30px;background-position:center center;--t396-speedhover:0.2s;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;--t396-bgcolor-color:#8080ff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#6060ff;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722957742812"]{top:438px;;left:calc(50% - 480px + 146px);;width:px;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722957742812"]{top:362px;;left:calc(50% - 320px + 34px);;width:px;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722957742812"]{top:601px;;left:calc(50% - 160px + 34px);;width:142px;height:36px;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}#rec783118043 .tn-elem[data-elem-id="1722958769545"]{z-index:7;top:140px;;left:calc(50% - 600px + 680px);;width:292px;height:380px;}#rec783118043 .tn-elem[data-elem-id="1722958769545"] .tn-atom{border-radius:16px;background-position:center center;background-size:cover;background-repeat:no-repeat;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){#rec783118043 .tn-elem[data-elem-id="1722958769545"]{top:116px;;left:calc(50% - 480px + 546px);;height:388px;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722958769545"]{top:116px;;left:calc(50% - 320px + 474px);;width:140px;height:178px;}#rec783118043 .tn-elem[data-elem-id="1722958769545"] .tn-atom{background-position:center center;background-size:cover;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722958769545"]{top:72px;;left:calc(50% - 160px + 18px);;width:284px;height:284px;border-radius:8px;}#rec783118043 .tn-elem[data-elem-id="1722958769545"] .tn-atom{background-position:0.000% 27.849%;background-size:100.000%;border-radius:8px;}}#rec783118043 .tn-elem[data-elem-id="1722958865476"]{color:#ffffff;z-index:8;top:468px;;left:calc(50% - 600px + 696px);;width:96px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722958865476"] .tn-atom{color:#ffffff;font-size:12px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:400;opacity:0.5;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){#rec783118043 .tn-elem[data-elem-id="1722958865476"]{top:452px;;left:calc(50% - 480px + 562px);;height:auto;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722958865476"]{top:302px;;left:calc(50% - 320px + 474px);;height:auto;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722958865476"]{top:322px;;left:calc(50% - 160px + 34px);;width:148px;height:auto;}}#rec783118043 .tn-elem[data-elem-id="1722958910512"]{color:#ffffff;text-align:center;z-index:9;top:164px;;left:calc(50% - 600px + 252px);;width:64px;height:38px;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:30px;background-position:center center;--t396-borderwidth:1px;--t396-bordercolor:#39393f;--t396-speedhover:0.2s;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722958910512"]{top:140px;;left:calc(50% - 480px + 146px);;width:px;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722958910512"]{top:124px;;left:calc(50% - 320px + 34px);;width:px;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722958910512"]{top:380px;;width:px;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="783118043" data-artboard-screens="320,640,960,1200" data-artboard-height="660" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="725" data-artboard-height-res-640="528" data-artboard-height-res-960="620"> <div class="t396__carrier" data-artboard-recid="783118043"></div> <div class="t396__filter" data-artboard-recid="783118043"></div> <div class='t396__elem tn-elem tn-elem__7831180431722957462807' data-elem-id='1722957462807' data-elem-type='shape' data-field-top-value="132" data-field-left-value="220" data-field-height-value="396" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="64" data-field-height-res-320-value="597" data-field-width-res-320-value="300" data-field-top-res-640-value="100" data-field-left-res-640-value="10" data-field-height-res-640-value="328" data-field-width-res-640-value="620" data-field-top-res-960-value="108" data-field-left-res-960-value="114" data-field-height-res-960-value="404" data-field-width-res-960-value="732"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722958532176' data-elem-id='1722958532176' data-elem-type='shape' data-field-top-value="140" data-field-left-value="228" data-field-height-value="380" data-field-width-value="444" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="364" data-field-height-res-320-value="289" data-field-width-res-320-value="284" data-field-top-res-640-value="108" data-field-left-res-640-value="18" data-field-height-res-640-value="312" data-field-width-res-640-value="604" data-field-top-res-960-value="116" data-field-left-res-960-value="122" data-field-height-res-960-value="388" data-field-width-res-960-value="416"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722957592507' data-elem-id='1722957592507' data-elem-type='text' data-field-top-value="218" data-field-left-value="252" data-field-width-value="380" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="24" data-field-top-res-320-value="434" data-field-left-res-320-value="34" data-field-width-res-320-value="252" data-field-fontsize-res-320-value="16" data-field-top-res-640-value="178" data-field-left-res-640-value="34" data-field-width-res-640-value="322" data-field-top-res-960-value="194" data-field-left-res-960-value="146" data-field-width-res-960-value="324" data-field-fontsize-res-960-value="20"> <div class='tn-atom'field='tn_text_1722957592507'>Draft Punk.
3D-моделирование объектов</div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722957649470' data-elem-id='1722957649470' data-elem-type='text' data-field-top-value="282" data-field-left-value="252" data-field-width-value="396" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="482" data-field-left-res-320-value="34" data-field-width-res-320-value="252" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="234" data-field-left-res-640-value="34" data-field-width-res-640-value="418" data-field-top-res-960-value="250" data-field-left-res-960-value="146" data-field-width-res-960-value="368"> <div class='tn-atom'field='tn_text_1722957649470'>Пройди курс по 3D-моделированию и научись создавать модели для игр. Уроки проходят в онлайн-формате — сможешь вернуться к лекциям в любой момент и освежить свои знания.</div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722957742812' data-elem-id='1722957742812' data-elem-type='button' data-field-top-value="454" data-field-left-value="252" data-field-height-value="42" data-field-width-value="172" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-fontsize-value="14" data-field-top-res-320-value="601" data-field-left-res-320-value="34" data-field-height-res-320-value="36" data-field-width-res-320-value="142" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="362" data-field-left-res-640-value="34" data-field-top-res-960-value="438" data-field-left-res-960-value="146"> <a class='tn-atom js-click-zero-stat' href="https://www.school-xyz.com/draftpunk?utm_source=blog&utm_medium=banner&utm_campaign=draftpunk" data-tilda-event-name="/tilda/click/rec783118043/button1722957742812"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Узнать больше</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__7831180431722958769545' data-elem-id='1722958769545' data-elem-type='shape' data-field-top-value="140" data-field-left-value="680" data-field-height-value="380" data-field-width-value="292" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="72" data-field-left-res-320-value="18" data-field-height-res-320-value="284" data-field-width-res-320-value="284" data-field-top-res-640-value="116" data-field-left-res-640-value="474" data-field-height-res-640-value="178" data-field-width-res-640-value="140" data-field-top-res-960-value="116" data-field-left-res-960-value="546" data-field-height-res-960-value="388"> <div class='tn-atom t-bgimg' style="background-image:url('https://static.tildacdn.com/tild3432-3463-4739-a433-376463333266/25_1.jpg');"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722958865476' data-elem-id='1722958865476' data-elem-type='text' data-field-top-value="468" data-field-left-value="696" data-field-width-value="96" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="12" data-field-top-res-320-value="322" data-field-left-res-320-value="34" data-field-width-res-320-value="148" data-field-top-res-640-value="302" data-field-left-res-640-value="474" data-field-top-res-960-value="452" data-field-left-res-960-value="562"> <div class='tn-atom'field='tn_text_1722958865476'>Работа Юрия Порубова</div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722958910512' data-elem-id='1722958910512' data-elem-type='button' data-field-top-value="164" data-field-left-value="252" data-field-height-value="38" data-field-width-value="64" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-fontsize-value="14" data-field-top-res-320-value="380" data-field-top-res-640-value="124" data-field-left-res-640-value="34" data-field-top-res-960-value="140" data-field-left-res-960-value="146"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Курс</span> </div> <span class="tn-atom__button-border"></span> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('783118043');});});</script> <!-- /T396 --> </div> <div id="rec304269004" 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/tild6362-6432-4162-b830-363533333966/Group_1952.svg"> <img class="t-img t-width t107__widthauto"
src="https://static.tildacdn.com/tild6362-6432-4162-b830-363533333966/Group_1952.svg"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec304269069" 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:#8080ff;"> <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="304269069" 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(304269069);});});</script> <style> #rec304269069 .t794__title{font-family:'BebasRoboto';font-weight:100;}#rec304269069 .t797__text{font-family:'BebasRoboto';font-weight:100;}#rec304269069 .t-vote__btn-res{font-family:'BebasRoboto';font-weight:100;}</style> </div> <div id="rec304269094" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec304269094 .t396__artboard {height:430px;background-color:#8080FF;}#rec304269094 .t396__filter {height:430px;}#rec304269094 .t396__carrier{height:430px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec304269094 .t396__artboard,#rec304269094 .t396__filter,#rec304269094 .t396__carrier {height:450px;}#rec304269094 .t396__filter {}#rec304269094 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec304269094 .t396__artboard,#rec304269094 .t396__filter,#rec304269094 .t396__carrier {height:440px;}#rec304269094 .t396__filter {}#rec304269094 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec304269094 .t396__artboard,#rec304269094 .t396__filter,#rec304269094 .t396__carrier {height:490px;}#rec304269094 .t396__filter {}#rec304269094 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec304269094 .t396__artboard,#rec304269094 .t396__filter,#rec304269094 .t396__carrier {height:630px;}#rec304269094 .t396__filter {}#rec304269094 .t396__carrier {background-attachment:scroll;}}#rec304269094 .tn-elem[data-elem-id="1564554044037"]{color:#ffffff;text-align:center;z-index:1;top:70px;;left:calc(50% - 600px + 290px);;width:620px;height:auto;}#rec304269094 .tn-elem[data-elem-id="1564554044037"] .tn-atom{color:#ffffff;font-size:45px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.9;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){#rec304269094 .tn-elem[data-elem-id="1564554044037"]{top:90px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec304269094 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec304269094 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 240px + 40px);;width:400px;height:auto;}}@media screen and (max-width:479px){#rec304269094 .tn-elem[data-elem-id="1564554044037"]{top:60px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}}#rec304269094 .tn-elem[data-elem-id="1564554130456"]{color:#000000;text-align:center;z-index:2;top:171px;;left:calc(50% - 600px + 415px);;width:370px;height:auto;}#rec304269094 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;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){#rec304269094 .tn-elem[data-elem-id="1564554130456"]{top:175px;;left:calc(50% - 480px + 295px);;height:auto;}}@media screen and (max-width:959px){#rec304269094 .tn-elem[data-elem-id="1564554130456"]{top:163px;;left:calc(50% - 320px + 135px);;height:auto;}}@media screen and (max-width:639px){#rec304269094 .tn-elem[data-elem-id="1564554130456"]{top:212px;;left:calc(50% - 240px + 55px);;height:auto;}}@media screen and (max-width:479px){#rec304269094 .tn-elem[data-elem-id="1564554130456"]{top:325px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;color:#000000;text-align:left;}#rec304269094 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#000000;background-size:cover;}}#rec304269094 .tn-elem[data-elem-id="1564554178466"]{z-index:3;top:219px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec304269094 .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){#rec304269094 .tn-elem[data-elem-id="1564554178466"]{top:238px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec304269094 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec304269094 .tn-elem[data-elem-id="1564554178466"]{top:265px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}}@media screen and (max-width:479px){#rec304269094 .tn-elem[data-elem-id="1564554178466"]{top:378px;;left:calc(50% - 160px + 30px);;width:200px;height:auto;}}#rec304269094 .tn-elem[data-elem-id="1564876573371"]{color:#000000;text-align:center;z-index:4;top:291px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec304269094 .tn-elem[data-elem-id="1564876573371"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;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){#rec304269094 .tn-elem[data-elem-id="1564876573371"]{top:325px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec304269094 .tn-elem[data-elem-id="1564876573371"]{top:315px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec304269094 .tn-elem[data-elem-id="1564876573371"]{top:347px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec304269094 .tn-elem[data-elem-id="1564876573371"]{top:505px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}#rec304269094 .tn-elem[data-elem-id="1564876573371"] .tn-atom{font-size:14px;background-size:cover;}}#rec304269094 .tn-elem[data-elem-id="1565701393805"]{color:#000000;text-align:center;z-index:5;top:336px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec304269094 .tn-elem[data-elem-id="1565701393805"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;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){#rec304269094 .tn-elem[data-elem-id="1565701393805"]{top:370px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec304269094 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec304269094 .tn-elem[data-elem-id="1565701393805"]{top:397px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec304269094 .tn-elem[data-elem-id="1565701393805"]{top:550px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}#rec304269094 .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="304269094" data-artboard-screens="320,480,640,960,1200" data-artboard-height="430" data-artboard-valign="center" data-artboard-height-res-320="630" data-artboard-height-res-480="490" data-artboard-height-res-640="440" data-artboard-height-res-960="450"> <div class="t396__carrier" data-artboard-recid="304269094"></div> <div class="t396__filter" data-artboard-recid="304269094"></div> <div class='t396__elem tn-elem tn-elem__3042690941564554044037' data-elem-id='1564554044037' data-elem-type='text' data-field-top-value="70" data-field-left-value="290" data-field-width-value="620" 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="45" data-field-top-res-320-value="60" 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="10" data-field-top-res-960-value="90" data-field-left-res-960-value="200"> <div class='tn-atom'field='tn_text_1564554044037'>ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ СТАТЬИ <br>
ОТ XYZ РАЗ В НЕДЕЛЮ? <br></div> </div> <div class='t396__elem tn-elem tn-elem__3042690941564554130456' data-elem-id='1564554130456' data-elem-type='text' data-field-top-value="171" 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="325" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="212" data-field-left-res-480-value="55" data-field-top-res-640-value="163" data-field-left-res-640-value="135" data-field-top-res-960-value="175" 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__3042690941564554178466' data-elem-id='1564554178466' data-elem-type='form' data-field-top-value="219" 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="378" data-field-left-res-320-value="30" data-field-width-res-320-value="200" data-field-top-res-480-value="265" 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="238" data-field-left-res-960-value="200" data-field-inputpos-value="h" data-field-inputfontfamily-value="BebasRoboto" data-field-inputfontsize-value="16" data-field-inputfontweight-value="100" data-field-inputcolor-value="#000000" data-field-inputbordercolor-value="#000000" data-field-inputbordersize-value="2" data-field-inputradius-value="0" data-field-inputheight-value="45" data-field-inputmargbottom-value="20" data-field-inputmargright-value="10" data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="400" data-field-inputtitlecolor-value="#000000" data-field-inputtitlemargbottom-value="5" data-field-inputelsfontweight-value="100" data-field-inputelsfontsize-value="14" data-field-buttontitle-value="Подписаться" data-field-buttoncolor-value="#000000" data-field-buttonbgcolor-value="#ffffff" data-field-buttonbordercolor-value="#000000" data-field-buttonradius-value="0" data-field-buttonwidth-value="200" data-field-buttonheight-value="45" data-field-buttonfontfamily-value="BebasRoboto" data-field-buttonfontsize-value="16" data-field-buttonfontweight-value="100" 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__3042690941564876573371' data-elem-id='1564876573371' data-elem-type='text' data-field-top-value="291" 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="505" 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="347" 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="325" 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__3042690941565701393805' data-elem-id='1565701393805' data-elem-type='text' data-field-top-value="336" 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="550" 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="397" 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="370" 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(0, 0, 0) !important;" data-redactor-tag="a">Политика конфеденциальности</a></u><br></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('304269094');});});</script> <!-- /T396 --> </div> <div id="rec304019830" class="r t-rec" style=" " data-animationappear="off" data-record-type="142"> <!-- T132 --> <div class="t132"> <div class="t-container_100"> </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('rec304019830');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>