<!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>Блог XYZ</title> <meta name="description" content="Блог о компьютерной графике" /> <meta name="keywords" content="онлайн курсы, курс моделирование, gamedev,онлайн курсы 3d,бесплатные курсы 3d, blende, maya,3d курсы москва, скачать 3d курсы, 3д, 3d, моделирование, онлайн школа, компьютерная графика, научиться, CG, курсы, курсы по 3д, онлайн школа компьютерной графики," /> <meta property="og:url" content="https://www.school-xyz.com/blog" /> <meta property="og:title" content="Блог XYZ" /> <meta property="og:description" content="Блог о компьютерной графике" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6264-6335-4633-b533-373530626665/gamedesign1.png" /> <link rel="canonical" href="https://www.school-xyz.com/blog"> <!--/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-page12916894.min.css?t=1772097512" 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-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=1772097512"> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}function t396_initialScale(t){var e=document.getElementById("rec"+t);if(e){var i=e.querySelector(".t396__artboard");if(i){window.tn_scale_initial_window_width||(window.tn_scale_initial_window_width=document.documentElement.clientWidth);var a=window.tn_scale_initial_window_width,r=[],n,l=i.getAttribute("data-artboard-screens");if(l){l=l.split(",");for(var o=0;o<l.length;o++)r[o]=parseInt(l[o],10)}else r=[320,480,640,960,1200];for(var o=0;o<r.length;o++){var d=r[o];a>=d&&(n=d)}var _="edit"===window.allrecords.getAttribute("data-tilda-mode"),c="center"===t396_getFieldValue(i,"valign",n,r),s="grid"===t396_getFieldValue(i,"upscale",n,r),w=t396_getFieldValue(i,"height_vh",n,r),g=t396_getFieldValue(i,"height",n,r),u=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!_&&c&&!s&&!w&&g&&!u){var h=parseFloat((a/n).toFixed(3)),f=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*h)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<f.length;o++)f[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i).forEach((function(t){t.style.zoom=h}))}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter((function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))})):[]}function t396_getFieldValue(t,e,i,a){var r,n=a[a.length-1];if(!(r=i===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+i)))for(var l=0;l<a.length;l++){var o=a[l];if(!(o<=i)&&(r=o===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return r}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page12916894.min.js?t=1772097512" 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-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-popup-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-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 --><!-- nominify begin --><style>
@media (min-width: 1200px) {
::-webkit-scrollbar {
width: 10px;
height: 0;
background: #17171b;
}
::-webkit-scrollbar-thumb {
background: #fff;
background-clip: padding-box;
border: 2px solid transparent;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
border-width: 1px;
}
}
</style><!-- 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="12916894" data-tilda-page-alias="blog" 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-page-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="rec215078178" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec215078178 .t396__artboard {height:630px;background-color:#17171b;}#rec215078178 .t396__filter {height:630px;}#rec215078178 .t396__carrier{height:630px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec215078178 .t396__artboard,#rec215078178 .t396__filter,#rec215078178 .t396__carrier {height:590px;}#rec215078178 .t396__filter {}#rec215078178 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec215078178 .t396__artboard,#rec215078178 .t396__filter,#rec215078178 .t396__carrier {height:570px;}#rec215078178 .t396__filter {}#rec215078178 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec215078178 .t396__artboard,#rec215078178 .t396__filter,#rec215078178 .t396__carrier {height:400px;}#rec215078178 .t396__filter {}#rec215078178 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec215078178 .t396__artboard,#rec215078178 .t396__filter,#rec215078178 .t396__carrier {height:570px;}#rec215078178 .t396__filter {}#rec215078178 .t396__carrier {background-attachment:scroll;}}#rec215078178 .tn-elem[data-elem-id="1588599780504"]{color:#ffffff;z-index:3;top:350px;;left:calc(50% - 600px + 20px);;width:1080px;height:auto;}#rec215078178 .tn-elem[data-elem-id="1588599780504"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:45px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.1;font-weight:300;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){#rec215078178 .tn-elem[data-elem-id="1588599780504"]{display:table;top:276px;;left:calc(50% - 480px + 10px);;width:870px;height:auto;text-align:left;}}@media screen and (max-width:959px){#rec215078178 .tn-elem[data-elem-id="1588599780504"]{display:table;top:248px;;left:calc(50% - 320px + 10px);;width:620px;height:auto;text-align:left;}#rec215078178 .tn-elem[data-elem-id="1588599780504"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px){#rec215078178 .tn-elem[data-elem-id="1588599780504"]{display:table;top:163px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}#rec215078178 .tn-elem[data-elem-id="1588599780504"] .tn-atom{font-size:30px;background-size:cover;}}@media screen and (max-width:479px){#rec215078178 .tn-elem[data-elem-id="1588599780504"]{display:table;top:163px;;left:calc(50% - 160px + 11px);;width:300px;height:auto;text-align:left;}}#rec215078178 .tn-elem[data-elem-id="1588600912776"]{color:#ffffff;z-index:3;top:160px;;left:calc(50% - 600px + 20px);;width:560px;height:auto;}#rec215078178 .tn-elem[data-elem-id="1588600912776"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:200px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.8;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){#rec215078178 .tn-elem[data-elem-id="1588600912776"]{display:table;top:140px;;left:calc(50% - 480px + 6px);;height:auto;}#rec215078178 .tn-elem[data-elem-id="1588600912776"] .tn-atom{font-size:140px;background-size:cover;}}@media screen and (max-width:959px){#rec215078178 .tn-elem[data-elem-id="1588600912776"]{display:table;top:133px;;left:calc(50% - 320px + 10px);;height:auto;}#rec215078178 .tn-elem[data-elem-id="1588600912776"] .tn-atom{font-size:120px;background-size:cover;}}@media screen and (max-width:639px){#rec215078178 .tn-elem[data-elem-id="1588600912776"]{display:table;top:95px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}#rec215078178 .tn-elem[data-elem-id="1588600912776"] .tn-atom{font-size:70px;background-size:cover;}}@media screen and (max-width:479px){#rec215078178 .tn-elem[data-elem-id="1588600912776"]{display:table;top:106px;;left:calc(50% - 160px + 10px);;width:220px;height:auto;}#rec215078178 .tn-elem[data-elem-id="1588600912776"] .tn-atom{font-size:50px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="215078178" data-artboard-screens="320,480,640,960,1200" data-artboard-height="630" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="570" data-artboard-height-res-480="400" data-artboard-height-res-640="570" data-artboard-height-res-960="590"> <div class="t396__carrier" data-artboard-recid="215078178"></div> <div class="t396__filter" data-artboard-recid="215078178"></div> <div class='t396__elem tn-elem tn-elem__2150781781588599780504' data-elem-id='1588599780504' data-elem-type='text' data-field-top-value="350" data-field-left-value="20" data-field-height-value="200" data-field-width-value="1080" 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-textfit-value="autoheight" data-field-fontsize-value="45" data-field-top-res-320-value="163" data-field-left-res-320-value="11" data-field-width-res-320-value="300" data-field-top-res-480-value="163" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-fontsize-res-480-value="30" data-field-top-res-640-value="248" data-field-left-res-640-value="10" data-field-width-res-640-value="620" data-field-fontsize-res-640-value="40" data-field-top-res-960-value="276" data-field-left-res-960-value="10" data-field-width-res-960-value="870"> <div class='tn-atom'field='tn_text_1588599780504'>Здесь мы рассказываем, как создают игры — так, чтобы это было понятно всем, а не только специалистам. Если хочешь больше узнать о геймдеве — заглядывай: мы ежедневно публикуем интересные видео и статьи</div> </div> <div class='t396__elem tn-elem tn-elem__2150781781588600912776' data-elem-id='1588600912776' data-elem-type='text' data-field-top-value="160" data-field-left-value="20" data-field-height-value="160" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="200" data-field-top-res-320-value="106" data-field-left-res-320-value="10" data-field-width-res-320-value="220" data-field-fontsize-res-320-value="50" data-field-top-res-480-value="95" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-fontsize-res-480-value="70" data-field-top-res-640-value="133" data-field-left-res-640-value="10" data-field-fontsize-res-640-value="120" data-field-top-res-960-value="140" data-field-left-res-960-value="6" data-field-fontsize-res-960-value="140"> <h1 class='tn-atom'field='tn_text_1588600912776'>МЕДИА</h1> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('215078178');});});</script> <!-- /T396 --> </div> <div id="rec215076877" class="r t-rec" style="background-color:#17171b; " data-animationappear="off" data-record-type="404" data-bg-color="#17171b"> <!-- T404 --> <!-- t-align_left --> <div class="t404"> <div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/mini-kurs-hard-surface-lite-ot-zheni-paka--po-fusion-360"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3832-6339-4137-b235-663665633332/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3832-6339-4137-b235-663665633332/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Мастер-класс Hard Surface LITE от Жени Пака — по Fusion 360</div> <div class="t404__descr t-descr t-descr_xs">Если хочешь научиться основам работы с одной из самых востребованных в индустрии программ-Fusion 360, и начать создавать простые Hard Surface-ассеты-переходи по ссылке и записывайся на курс. Тебя ждут 9 уроков, из которых 5 будут практическими, доступ к платформе XYZ School и отдельный Discord-сервер для общения с единомышленниками.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/chto-nuzhno-znat-ob-anatomii-chtoby-modelit-pravdopodobnyh-personazhey"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6232-6466-4138-a630-383039313162/imgonline-com-ua-Com.jpg" style="background-image: url('https://thb.tildacdn.com/tild6232-6466-4138-a630-383039313162/-/resizeb/20x/imgonline-com-ua-Com.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Что нужно знать об анатомии, чтобы моделить правдоподобных персонажей</div> <div class="t404__descr t-descr t-descr_xs">На чем прокалываются 3D-новички при создании персонажей </div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/kak-trideshniku-uluchshit-svoi-modeli-personazhey"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6336-6164-4763-a464-633731373766/imgonline-com-ua-Com.jpg" style="background-image: url('https://thb.tildacdn.com/tild6336-6164-4763-a464-633731373766/-/resizeb/20x/imgonline-com-ua-Com.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как тридешнику улучшить свои модели персонажей</div> <div class="t404__descr t-descr t-descr_xs">Каждый 3D-художник стремится улучшить свою модель. Некоторые начинают изучать новые методы скульпта, покупают кисти или смотрят гайды топовых скульпторов, но редко задумываются об изучении анатомии. </div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/anatomiya-dlya-stilizovannyh-personazhey"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3631-6165-4761-b566-663037666634/imgonline-com-ua-Com.jpg" style="background-image: url('https://thb.tildacdn.com/tild3631-6165-4761-b566-663037666634/-/resizeb/20x/imgonline-com-ua-Com.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Анатомия для стилизованных персонажей</div> <div class="t404__descr t-descr t-descr_xs">Что нужно знать об анатомии стилизованных персонажей</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/chto-delaet-geymdizayner"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6236-6564-4161-b931-666663323631/1.jpg" style="background-image: url('https://thb.tildacdn.com/tild6236-6564-4161-b931-666663323631/-/resizeb/20x/1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Что делает геймдизайнер</div> <div class="t404__descr t-descr t-descr_xs">В этой статье мы расскажем о профессии геймдизайнера, чем он занимается и какие бывают их виды. В конце мы дадим несколько советов как стать геймдизайнером. Если вы поймете, что эта специальность вам идеально подходит. Приготовьте на эту статью около 10 минут, чтобы разобраться в этой теме. </div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/unreal-engine--odin-iz-luchshih-dvizhkov-dlya-razrabotki-igr"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3639-3666-4837-b862-653537346536/1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3639-3666-4837-b862-653537346536/-/resizeb/20x/1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Unreal Engine — один из лучших движков для разработки игр</div> <div class="t404__descr t-descr t-descr_xs">В этой статье мы расскажем что такое Unreal Engine, почему это один из самых популярных движков для разработки игр, в чем преимущества Unreal Engine и какие перспективы тебя ждут, если ты научишься в нем работать. Если дочитаешь до конца, то получишь лайфхак, как создать свою первую игру на этом движке. Так что приготовь 8-10 минут свободного времени, чтобы больше разобраться в этой теме. Итак, приступим.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/sketching-kak-nachat-risovat-sketchi"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3163-3936-4936-b433-323166393663/1.png" style="background-image: url('https://thb.tildacdn.com/tild3163-3936-4936-b433-323166393663/-/resizeb/20x/1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Скетчинг. Как начать рисовать скетчи</div> <div class="t404__descr t-descr t-descr_xs">Статья поможет тебе разобраться, что такое скетчинг и кому он пригодится. Мы расскажем с чего начать, если ты вообще никогда не рисовал и где можно отточить своё мастерство. </div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotayut-konsolnye-shutery"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6334-3331-4232-a536-656265393433/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6334-3331-4232-a536-656265393433/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работают консольные шутеры — и почему они помогают игроку при прицеливании .</div> <div class="t404__descr t-descr t-descr_xs">Статья о том, как автоприцеливание и aim assist помогают игрокам в шутере. Узнай что такое магнетизм пуль, прилипание и как чувствительность аим-ассиста влияет на успех игрока.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-snimal-stenli-kubrik--sekrety-idealnoy-kartinki-polveka-nazad"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6364-3130-4562-b837-303037343862/Cover-2_3.png" style="background-image: url('https://thb.tildacdn.com/tild6364-3130-4562-b837-303037343862/-/resizeb/20x/Cover-2_3.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как снимал Стэнли Кубрик — секреты идеальной картинки полвека назад</div> <div class="t404__descr t-descr t-descr_xs">Разбираемся в визуальных решениях и технических хитростях главного визионера в истории кино.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/gonka-za-pervoe-mesto--sekret-uspeha-fall-guys"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6235-3931-4766-b063-623030373436/Cover-1_2.jpg" style="background-image: url('https://thb.tildacdn.com/tild6235-3931-4766-b063-623030373436/-/resizeb/20x/Cover-1_2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Секрет успеха Fall Guys: Ultimate Knockout. Разбираем феномен Fall Guys. </div> <div class="t404__descr t-descr t-descr_xs">Мы подробно изучили геймдизайнерские и психологические приемы Fall Guys: концепция риска, физика и образы персонажей, продвижение и многое другое. Разбор геймдизайна игры.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/ubeyte-skuku-kak-rabotaet-horoshee-obuchenie-v-igrah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6365-6531-4866-b536-336532303964/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6365-6531-4866-b536-336532303964/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Убейте скуку: как работает хорошее обучение в играх</div> <div class="t404__descr t-descr t-descr_xs">Современная индустрия перенасыщена самыми разными проектами, многие из которых даже не требуют денег за скачивание. Пользователю ничего не стоит забросить игру ещё в самом начале и переключиться на другую, если обучение его утомит. И даже несмотря на это многие студии будто нарочно делают туториалы затянутыми и скучными. Сегодня мы расскажем, как сделать хорошее обучение в игре, которое удержит игрока. А также разберёмся, почему даже опытные команды не всегда справляются с этой задачей.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/pochemu-my-lyubim-vrat--sekret-uspeha-among-us"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3838-6164-4162-b132-373330346431/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3838-6164-4162-b132-373330346431/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Почему мы любим врать — секрет успеха Among Us</div> <div class="t404__descr t-descr t-descr_xs">Among Us вышла в июне 2018 года и сначала не сумела привлечь игроков. Её создатели даже успели отчаяться и почти забросили работу. Всё изменилось в середине 2020-го, когда благодаря Twitch игра резко взлетела в топы. Как результат — 100 миллионов скачиваний к сентябрю 2020-го. Успех Among Us невозможно было предсказать, ведь похожих игр на рынке хватает. Но почему-то именно она среди всех прочих стала одной из главных сенсаций 2020-го. Мы изучили феномен игры, используя не только познания в геймдизайне, но и психологические и нейробиологические исследования. Ведь Among Us не просто хорошо работает как игра, но и искусно влияет на наше подсознательное желание врать.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-menyalsya-geymdizayn-shuterov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6538-6266-4466-b765-343535653561/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6538-6266-4466-b765-343535653561/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как менялся геймдизайн шутеров. Почему современные шутеры стали проще и хуже.</div> <div class="t404__descr t-descr t-descr_xs">20 лет назад шутеры заставляли игрока метко стрелять и быстро думать. Как проходила эволюция геймдизайна шутеров от одиночных до мультиплеерных и почему шутеры стали легче.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdat-postapokalipticheskiy-mir"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3461-3835-4633-a630-373765663461/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3461-3835-4633-a630-373765663461/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создать постапокалиптический мир в игре. Геймдизайн постапокалиптических игр.</div> <div class="t404__descr t-descr t-descr_xs">Разбираемся, как создать интересный постапокалиптический мир для игры без банальных клише. Как сделать пустоши и заброшенные города правдоподобными и не скучными для игрока.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-3d-pechat-menyaet-kino"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3639-6537-4239-b862-663132393532/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3639-6537-4239-b862-663132393532/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как 3D-печать меняет кино: костюм Железного человека и революция в стоп-моушн анимации</div> <div class="t404__descr t-descr t-descr_xs">Одна из самых трудных задач в кинопроизводстве — изготовление важных для сюжета объектов, будь то оружие, фигурки для анимации, сложные механизмы и футуристичные костюмы. Для всего этого необходимо подобрать подходящий материал. Обычно объекты создают вручную, на что уходит много времени и средств и часто приносит неудобства в эксплуатации. Решением проблемы может стать 3D-печать. Эту технологию уже применяли в кино и есть все предпосылки, что она значительно повлияет на индустрию в будущем.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-my-chut-ne-ostalis-bez-vedmaka-oshibki-cd-projekt-red"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6339-6163-4830-b833-633465306134/Cover_2.png" style="background-image: url('https://thb.tildacdn.com/tild6339-6163-4830-b833-633465306134/-/resizeb/20x/Cover_2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как мы чуть не остались без «Ведьмака»: ошибки CD Projekt Red</div> <div class="t404__descr t-descr t-descr_xs">Сейчас CD Projekt RED — это уважаемая и любимая игроками компания, создавшая одну из главных игр десятилетия. Но так было далеко не всегда. Чуть меньше двадцати лет назад в CD Projekt трудились всего несколько человек, а их первая амбициозная RPG чуть было не погибла в зародыше из-за множества неверных решений. При помощи многочисленных воспоминаний и интервью разработчиков разберёмся, как CD Projekt едва ли не чудом создали первого «Ведьмака».</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-nolan-pishet-scenarii"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3862-3862-4239-b262-343136306334/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3862-3862-4239-b262-343136306334/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как Нолан пишет сценарии</div> <div class="t404__descr t-descr t-descr_xs">Сценарии фильмов Кристофера Нолана могут показаться зрителю запутанной головоломкой. Но на самом деле все они очень похожи друг на друга, да и строятся по одинаковой формуле. Рассказываем, в чём секрет сценариев автора «Начала» и «Довода», и как сделать запутанный сюжет доступным зрителю. Теперь — в формате видео.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-iskusstvennyy-intellekt-v-stels-igrah--splinter-cell-blacklist"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3061-3665-4735-a134-633965353864/Cover.jpg" style="background-image: url('https://thb.tildacdn.com/tild3061-3665-4735-a134-633965353864/-/resizeb/20x/Cover.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает искусственный интеллект в стелс-играх — Splinter Cell: Blacklist</div> <div class="t404__descr t-descr t-descr_xs">Чтобы стелс получился интересным, правила игры должны быть «справедливыми», а противники — «умными». Но на практике эти два принципа часто вступают в конфликт. Рассказываем, как устроено восприятие противников в Splinter Cell: Blacklist — что они на самом деле видят, слышат и понимают, и с какими трудностями столкнулись разработчики при создании их искусственного интеллекта. Видеоверсия недавней статьи.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/pochemu-dark-souls-i-bloodborne-takie-slozhnye"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6430-3232-4663-a164-306132353765/Cover-3.png" style="background-image: url('https://thb.tildacdn.com/tild6430-3232-4663-a164-306132353765/-/resizeb/20x/Cover-3.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Геймдизайн Хидетаки Миядзаки — почему Dark Souls и Bloodborne такие сложные</div> <div class="t404__descr t-descr t-descr_xs">Создатель Dark Souls и Bloodborne Хидетака Миядзаки — вовсе не садист, а просто очень идейный разработчик. Его игры выходят такими сложными лишь потому, что он хочет, чтобы игроки испытывали положительные эмоции от преодоления испытаний. Собрали в материале главные заветы геймдизайнера, которые объясняют, почему Миядзаки не любит линейное повествование, как в своё время продвигал концепцию смерти и для кого оставляет в играх эксплойты.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-kristofer-nolan-pishet-scenarii"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6335-6435-4631-b463-336164386137/Cover-2.png" style="background-image: url('https://thb.tildacdn.com/tild6335-6435-4631-b463-336164386137/-/resizeb/20x/Cover-2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как Кристофер Нолан пишет сценарии</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем, как режиссёр “Довода” создаёт сложные истории. Одна из главных отличительных черт режиссёра Кристофера Нолана — изощрённые запутанные сценарии, которые изменили подход к созданию блокбастеров. Излишняя запутанность и пафос нолановских историй давно стали мемом, а простые зрители постоянно жалуются, что ничего не поняли после первого просмотра. Но так ли сложна работа над сценариями “Начала”, “Интерстеллара”, “Престижа” и другие фильмов? При детальном рассмотрении эти истории намного проще, чем кажутся. Нолан не скрывает, что подходит к кино как математик — его фильмы живут по определённым неизменным законам и базируются на единой структуре. В каком-то смысле все фильмы Нолана — это один и тот же фильм. Фундамент не меняется, различия лишь в надстройке. Разбираемся, из каких постоянных элементов состоят сценарии Кристофера Нолана и какие особенности характерны для его стиля.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/mnenie-programmista-aaa-igr-o-videokartah-geforce"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3631-6138-4137-b636-303731336231/Cover_2.png" style="background-image: url('https://thb.tildacdn.com/tild3631-6138-4137-b636-303731336231/-/resizeb/20x/Cover_2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Не революция, но шаг вперёд: мнение программиста ААА-игр о видеокартах GeForce RTX 3000</div> <div class="t404__descr t-descr t-descr_xs">1 сентября Nvidia провела презентацию своих новых видеокарт серии RTX 3000. В них лучше реализована технология трассировки лучей, особые ядра смогут самостоятельно достраивать анимации, а общий прирост мощностей относительно предыдущей флагманской видеокарты GeForce RTX 2080 Ti составил около 80%. Некоторые уже окрестили презентацию революционной. Мы побеседовали с программистом ААА-игр Александром Балакшиным, чтобы выяснить, так ли это на самом деле, а также на какие анонсы Nvidia действительно стоит обратить внимание.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotayut-nagrady-i-pochemu-oni-mogut-ubit-vashu-igru"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3338-6162-4462-b137-616364616532/Cover.png" style="background-image: url('https://thb.tildacdn.com/tild3338-6162-4462-b137-616364616532/-/resizeb/20x/Cover.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Геймдизайн: Как работают награды, и почему они могут убить вашу игру.</div> <div class="t404__descr t-descr t-descr_xs">Чем отличаются внутренние и внешние награды, что такое эффект чрезмерного обоснования в играх и как геймдизайнеру не переусердствовать с незаслуженными наградами в игре.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdayut-vizualnye-novelly--vampire-the-masquerade"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3331-3366-4338-b233-653132383836/Cover_4.png" style="background-image: url('https://thb.tildacdn.com/tild3331-3366-4338-b233-653132383836/-/resizeb/20x/Cover_4.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создают визуальные новеллы — Vampire: The Masquerade – Coteries of New York / интервью</div> <div class="t404__descr t-descr t-descr_xs">Взяли интервью у создателей визуальной новеллы Vampire: The Masquerade – Coteries of New York. Поговорили о том, как создать игру с уникальным визуальным стилем, как работать с популярными франшизами, как работать с референсами и, наконец, как сделать успешную визуальную новеллу.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/sozdal-dizayn-tanosa-i-ligi-spravedlivosti-snaydera-smog-dzherad-maranc"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3162-3437-4761-a337-373332623061/Cover-1_4.png" style="background-image: url('https://thb.tildacdn.com/tild3162-3437-4761-a337-373332623061/-/resizeb/20x/Cover-1_4.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Советы для начинающих 2D и 3D художников от концепт-художника Джерада Маранца.</div> <div class="t404__descr t-descr t-descr_xs">Джерад Маранц - один из главных специалистов по концепт арту, создавший дизайн Таноса. В этой статье мы собрали топ его цитат, которые будут полезны концепт-художникам.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/podrobnosti-o-geymplee-teardown--toy-vesyoloy-igry-v-stile-minecraft"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3037-3731-4364-b561-633965383239/Cover_4.png" style="background-image: url('https://thb.tildacdn.com/tild3037-3731-4364-b561-633965383239/-/resizeb/20x/Cover_4.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Подробности о геймплее Teardown — той весёлой игры в стиле Minecraft с разрушениями</div> <div class="t404__descr t-descr t-descr_xs">На Gamescom показали полноценный трейлер Teardown — воксельного симулятора ограблений с крутой физикой и разрушаемостью. Чуть позже вышел первый обзор демки на канале 2kliksphilip, а также видео с ответами блогера на вопросы по игре.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/hudozhniki-razbirayut-grafiku-vratarya-galaktiki"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6562-3761-4437-a566-333135366266/Cover-1_3.jpg" style="background-image: url('https://thb.tildacdn.com/tild6562-3761-4437-a566-333135366266/-/resizeb/20x/Cover-1_3.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Художники разбирают 3D-графику "Вратаря Галактики" - на что потратили миллиард.</div> <div class="t404__descr t-descr t-descr_xs">Концепт-артист Иван Растригин изучил промо-материалы и 3D-персонажей "Вратаря Галактики". Подробный разбор удачных и неудачных решений фильма в сфере компьютерной графики.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-dizayn-vsadnikov-iz-darksiders-pod-vliyaniem-komiksov-marvel"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6434-6462-4332-b935-613234383733/Cover_4.png" style="background-image: url('https://thb.tildacdn.com/tild6434-6462-4332-b935-613234383733/-/resizeb/20x/Cover_4.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали дизайн Всадников из Darksiders под влиянием комиксов Marvel и Нового Завета</div> <div class="t404__descr t-descr t-descr_xs">Четыре всадника Апокалипсиса — популярные в массовой культуре персонажи, но подробно их внешность и характеры нигде не описаны. Поэтому их и выбрали в качестве главных героев Darksiders — они дают художникам простор для воображения. Мы разобрались, как устроен дизайн Войны, Смерти, Ярости и Раздора, и почему они получились именно такими. А помогли нам в этом концепт-художник Иван Растригин и старшая художница по персонажам Тамара Бахлычева. Видеоверсия недавней статьи.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-red-dead-redemption-raskryvaet-temy-cherez-detali-igrovogo-mira"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6162-3239-4861-a563-623766636639/Cover_2.png" style="background-image: url('https://thb.tildacdn.com/tild6162-3239-4861-a563-623766636639/-/resizeb/20x/Cover_2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как Red Dead Redemption раскрывает темы через детали игрового мира</div> <div class="t404__descr t-descr t-descr_xs">Одно из главных достоинств первой Red Dead Redemption — уникальная атмосфера. Для воссоздания духа фронтира начала 20 века разработчики уделили особое внимание деталям: особенностям исторического контекста, поведению животных, оружию того времени, культурному колориту и репрезентации коренного населения. Подробно разбираем, как каждая из особенностей игрового мира раскрывает центральные проблемы сюжета Red Dead Redemption.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroen-dizayn-bossa-vergiliy-iz-devil-may-cry-3"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3061-3136-4434-b933-306135396531/Cover_2.png" style="background-image: url('https://thb.tildacdn.com/tild3061-3136-4434-b933-306135396531/-/resizeb/20x/Cover_2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроен дизайн босса: Вергилий из Devil May Cry 3. Геймплейный дизайн.</div> <div class="t404__descr t-descr t-descr_xs">Разбираемся, как устроен художественный и геймплейный дизайн Вергилия - финального босса в Devil May Cry 3 вместе с нарративным дизайнером и концепт-художником.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/moda-v-bloodborne-kak-dizayn-odezhdy-raskryvaet-personazhey-i-mir-igry"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6337-6431-4331-b031-393233643832/Cover_2.png" style="background-image: url('https://thb.tildacdn.com/tild6337-6431-4331-b031-393233643832/-/resizeb/20x/Cover_2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Мода в Bloodborne: как дизайн одежды раскрывает персонажей и мир игры</div> <div class="t404__descr t-descr t-descr_xs">В Bloodborne Хидетака Миядзаки стремился передать атмосферу готического ужаса — в том числе и через дизайн костюмов. Образы персонажей подчинены одной идее: поиск прекрасного в несовершенном и пугающем. Рассказываем чем она могла быть вдохновлена, как связана с современной японской модой, и как подобные детали работают на атмосферу. Если пропустили статью, то вот она в видеоформате.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/pokras-lampas-raboty-strit-art-chto-za-kalligrafuturizm-politika-krest-ipad"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3466-6366-4335-b537-386431656533/Cover_8.jpg" style="background-image: url('https://thb.tildacdn.com/tild3466-6366-4335-b537-386431656533/-/resizeb/20x/Cover_8.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Покрас Лампас: работы, стрит-арт, что за каллиграфутуризм, политика, крест, ipad и вДудь в интервью</div> <div class="t404__descr t-descr t-descr_xs">Мы взяли интервью у Покраса Лампаса во время партизанского фестиваля стрит-арта «Карт-бланш» в Екатеринбурге. Поговорили о методах работы, гигантских каллиграфити, социальных высказываниях и технологиях в современном искусстве. А также о том, почему Покрас решил нелегально написать манифест каллиграфутуризма ночью на «Уралмаше».</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/blueprints-i-c-v-unreal-engine-plyusy-i-minusy"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3734-3334-4162-b839-633663333233/Cover-1_5.jpg" style="background-image: url('https://thb.tildacdn.com/tild3734-3334-4162-b839-633663333233/-/resizeb/20x/Cover-1_5.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Визуальное программирование Blueprints и C++ в Unreal Engine: плюсы и минусы.</div> <div class="t404__descr t-descr t-descr_xs">С программистом ААА-игр разбираем преимущества и недостатки системы Blueprints и ее отличия от C++ в Unreal Engine. Действительно ли "блюпринты" не уступают программированию?</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroen-ii-v-stels-igrah--na-primere-splinter-cell-blacklist"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6132-6638-4663-b032-616135666530/Cover_6.jpg" style="background-image: url('https://thb.tildacdn.com/tild6132-6638-4663-b032-616135666530/-/resizeb/20x/Cover_6.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроен ИИ в стелс-играх — на примере Splinter Cell: Blacklist</div> <div class="t404__descr t-descr t-descr_xs">Создание искусственного интеллекта в стелс-играх обычно требует уникального подхода. В отличие от большинства экшенов или шутеров, в стелс-играх значительно чаще нужно наблюдать за поведением противников со стороны, а также постоянно ими манипулировать. Хорошие игры жанра заставляют игрока не только изучать эту систему, но и влиять на нее. В этом материале мы расскажем, как разработчики создают интересные модели восприятия у NPC — на примере Tom Clancy’s Splinter Cell: Blacklist. Для этого мы изучили статьи и лекции разработчиков </div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/hidetaka-miyadzaki--geymdizayner-kotoryy-skryvaet-svoi-idei-dazhe-ot-kolleg"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6561-3431-4639-b032-646430353137/Cover.jpg" style="background-image: url('https://thb.tildacdn.com/tild6561-3431-4639-b032-646430353137/-/resizeb/20x/Cover.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Хидетака Миядзаки — геймдизайнер, который скрывает свои идеи даже от коллег</div> <div class="t404__descr t-descr t-descr_xs">Вокруг Хидетаки Миядзаки в сообществе игроков ходит множество слухов. Одни считают, что геймдизайнеру нравится издеваться над игроками и завышать сложность в своих играх. Другие видят в нём идейного разработчика, который подчиняет себе весь цикл создания игры. Третьи уверены, что ему совсем нет дела до мнения игроков и подчинённых. Такая загадочность вызвана ещё и тем, что геймдизайнер не любит появляться на видео, часто просит журналистов не фотографировать себя, и вообще делится информацией неохотно. А вот разговорами в текстовом формате Хидетака Миядзаки не брезгует, чем мы и воспользовались.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotayut-animacii-na-osnove-fiziki-v-star-wars-jedi-fallen-order"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3430-3864-4433-b530-366566356338/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3430-3864-4433-b530-366566356338/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как использовали физику для создания анимаций в Star Wars Jedi: Fallen Order.</div> <div class="t404__descr t-descr t-descr_xs">О создании физических анимаций для Star Wars Jedi: Fallen Order и проблемах, с которыми столкнулись геймдизайнеры. Есть 3 способа подстроить анимации в игре под физику.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroen-dizayn-vsadnikov-iz-darksiders"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3537-3562-4933-b836-313136643962/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3537-3562-4933-b836-313136643962/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроен дизайн всадников из Darksiders. Образы Всадников Апокалипсиса. </div> <div class="t404__descr t-descr t-descr_xs">Вместе с концепт-художником Иваном Растригиным разбираем образы четырех Всадников из четырех частей Darksiders. Общий стиль и индивидуальность Войны, Смерти, Ярости и Раздора.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-raskryt-personazhey-s-pomoshchyu-muzyki"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6338-6164-4964-b363-643631663062/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild6338-6164-4964-b363-643631663062/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как раскрыть персонажей с помощью музыки: лекция композитора Mortal Kombat 11</div> <div class="t404__descr t-descr t-descr_xs">Композитор Mortal Kombat 11 Уилберт Роже рассказал, как использовать музыкальные темы и лейтмотивы для раскрытия сюжета и персонажей — даже если их так много, как в знаменитом файтинге. Мы побывали на лекции и пересказали её. Пригодится всем, кто хочет эффективно использовать музыку в повествовании.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-zastavit-syuzhet-i-geympley-dopolnyat-drug-druga"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3738-3130-4163-b038-626530313438/Cover-8.jpg" style="background-image: url('https://thb.tildacdn.com/tild3738-3130-4163-b038-626530313438/-/resizeb/20x/Cover-8.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как заставить сюжет и геймплей дополнять друг друга</div> <div class="t404__descr t-descr t-descr_xs">Советы от игрового сценариста. Американская писательница и сценарист Сьюзан О’Коннор работала над первыми двумя частями серии Gears of War, первой частью Bioshock и перезапуском Tomb Raider. С 2017 года Сьюзан не пишет сценарии самостоятельно, а лишь оказывает услуги внештатного консультанта по сценарным вопросам. В таком статусе она работала над Dishonored 2. В рамках своего выступления на GDC Summer 2020 Сьюзан порассуждала о вечном конфликте геймдизайнеров и сценаристов и о том, как его можно разрешить.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/ponyat-igrokov-kak-ubisoft-analiziruet-motivaciyu-i-vovlechenie"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3136-3134-4436-a438-363536353939/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3136-3134-4436-a438-363536353939/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Понять игроков: Как Ubisoft анализирует уровень мотивации и вовлечения игроков.</div> <div class="t404__descr t-descr t-descr_xs">В Ubisoft создали опрос чтобы узнать, что мотивирует игроков на прохождение игры. Рассказываем об основных видах мотивации игроков и ее влияние на вовлеченность и геймплей.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-procedurnuyu-razrushaemost-v-control"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3365-6665-4062-a430-376631666661/Cover.jpg" style="background-image: url('https://thb.tildacdn.com/tild3365-6665-4062-a430-376631666661/-/resizeb/20x/Cover.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали процедурную разрушаемость в Control. Оптимизация разрушений.</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем как 3D-художники работали над разрушаемым окружением в Control и совместили реалистичную физику разрушения объектов с техническими ограничениями платформ.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/bloodborne-i-moda-estetika-uzhasa-manyovrennost-i-simvolizm"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3861-6164-4133-b862-666534666364/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3861-6164-4133-b862-666534666364/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Bloodborne и мода: эстетика ужаса, маневренность и символизм от Хидетаки Миядзаки.</div> <div class="t404__descr t-descr t-descr_xs">Одежда персонажей в Bloodborne помогает расскрыть эстетику ужаса и символизм всей игры: истлевшие ткани и рваные края плащей охотников, кровавые пятна и потрепанные края шляп.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-muzyku-dlya-red-dead-redemption"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6333-3166-4133-a265-653463353434/dfgdfg_2.jpg" style="background-image: url('https://thb.tildacdn.com/tild6333-3166-4133-a265-653463353434/-/resizeb/20x/dfgdfg_2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали музыку для Red Dead Redemption</div> <div class="t404__descr t-descr t-descr_xs">Источники вдохновения, особенности создания, микширования и сведения саундтрека для первой Red Dead Redemption</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/tayna-v-videoigrah-kak-zaintrigovat-igroka"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6464-6637-4136-b838-363731366163/dfgdfg.jpg" style="background-image: url('https://thb.tildacdn.com/tild6464-6637-4136-b838-363731366163/-/resizeb/20x/dfgdfg.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Тайна в видеоиграх: как заинтриговать игрока</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем о сценарной методике и о том, как её применяют в интерактивных произведениях. Мы уже рассказывали о том, как с помощью окружения и геймплея разработчики нагнетают саспенс и удерживают внимание игрока. Саспенс — одна из трёх методик вовлечения игрока или зрителя в историю. Наряду с ней стоят тайна и драматическая ирония. В этом материале — о том, как в видеоиграх работает тайна.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-nelinejnost-vybor-bez-vybora"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3539-6263-4738-a362-623362376562/1beidj.png" style="background-image: url('https://thb.tildacdn.com/tild3539-6263-4738-a362-623362376562/-/resizeb/20x/1beidj.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает нелинейность. Выбор без выбора</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем, зачем в играх нужна нелинейность и как разработчики создают её иллюзию. А ещё делимся советами: как сэкономить и при этом не расстроить игроков. Сделали видеоверсию недавней статьи. Получился небольшой эксперимент с подачей — как вам?</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-markus-persson--sozdatel-minecraft-stavshiy-milliarderom"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3035-6231-4862-b164-363233626335/dfgdfg_2.jpg" style="background-image: url('https://thb.tildacdn.com/tild3035-6231-4862-b164-363233626335/-/resizeb/20x/dfgdfg_2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Маркус Перссон — создатель Minecraft, ставший миллиардером</div> <div class="t404__descr t-descr t-descr_xs">Сегодня о Маркусе Перссоне, также известном как Notch, вспоминают редко, но в начале десятилетия он был одним из главных деятелей игровой индустрии. Программист и геймдизайнер создал Minecraft — одну из самых популярных игр в мире, права на которую он затем продал Microsoft за 2,5 миллиарда долларов вместе со своей студией. Его часто обвиняли в неоднозначных и провокационных высказываниях, из-за которых имя Маркуса даже убрали из Minecraft. Однако его творческий путь выделяется интересными взглядами на индустрию и нестандартным подходом к разработке. В каждой своей игре Notch стремился к экспериментам и свободе для игроков.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-iskusstvennyy-intellekt-zhivotnyh-v-igrah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3761-3334-4561-a433-346335626165/Cover.jpg" style="background-image: url('https://thb.tildacdn.com/tild3761-3334-4561-a433-346335626165/-/resizeb/20x/Cover.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает искусственный интеллект животных в играх. Геймдизайн.</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем, как геймдизайнеры делают поведение виртуальных животных реалистичным, кто такие животные-компаньоны и боевые животные в играх. О разработке ИИ для игр.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroena-vysokaya-slozhnost"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3164-3065-4532-b965-383334626336/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3164-3065-4532-b965-383334626336/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Геймдизайн: Как устроена высокая сложность в играх разных жанров.</div> <div class="t404__descr t-descr t-descr_xs">Высокая сложность в играх необходима чтобы развлечь игрока. Узнай как рассчитать оптимальный уровень сложности для игр и как в этом может помочь динамическая сложность.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/vsyo-o-dizayne-zvuka-v-the-last-of-us-2"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3131-3538-4334-b965-343834376238/dfgdfg.png" style="background-image: url('https://thb.tildacdn.com/tild3131-3538-4334-b965-343834376238/-/resizeb/20x/dfgdfg.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Всё о дизайне звука в The Last of Us 2</div> <div class="t404__descr t-descr t-descr_xs">Можно по-разному относится к The Last of Us 2, но с чем точно бесполезно спорить — она хорошо звучит. В течение месяца после релиза саунд-дизайнеры Naughty Dog рассказывали о приёмах создания звука в игре в интервью и на личных страницах в твиттере. Мы собрали всю доступную информацию в один большой материал.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-whip-pan--operatorskiy-priyom-iz-la-la-lenda-i-oderzhimosti"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3136-3630-4664-b639-636262633534/dfgdfg.jpg" style="background-image: url('https://thb.tildacdn.com/tild3136-3630-4664-b639-636262633534/-/resizeb/20x/dfgdfg.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает whip-pan — операторский приём из «Ла-Ла Ленда» и «Одержимости»</div> <div class="t404__descr t-descr t-descr_xs">Оператор «Хардкора» объясняет, как работает приём, который Дэмьен Шазелл сделал неотъемлемой частью авторского стиля. Whip-pan — это резкое движение камеры от одного объекта к другому, во время которого изображение размывается. По сути, это классическая панорама, только очень быстрая. Часто режиссёры хотят сохранить сцены с этим приёмом без применения графики, поэтому операторам и гаферам приходится потрудиться. При столь резком перемещении попасть точно в объект, учитывая правило третей, быстро настраивая фокус и сохраняя правильную систему освещения — очень непросто. Поэтому сцены с таким резким панорамированием требуют долгой подготовки и множества дублей.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/sucker-punch-o-referensah-kulturnoy-identichnosti-v-ghost-of-tsushima-i-ps5"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6136-6638-4337-b863-623436363035/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6136-6638-4337-b863-623436363035/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Sucker Punch о референсах, культурной идентичности в Ghost of Tsushima и PS5</div> <div class="t404__descr t-descr t-descr_xs">Крис Тапселл из Eurogamer взял интервью у продюсера Sucker Punch Брайана Флеминга и арт-директора Джейсона Конелла. Мы выбрали из материала главное о референсах, рисёрче и смене консольных поколений.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/montazh-i-operatorskaya-rabota-v-treylere-far-cry-6"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3163-3633-4430-a534-386136336235/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3163-3633-4430-a534-386136336235/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Монтаж и операторская работа в трейлере Far Cry 6</div> <div class="t404__descr t-descr t-descr_xs">Не всем нравится, когда игры анонсят с помощью синематиков, ведь геймплей нагляднее. Но что поделать — ролики с нарративом эмоционально вовлекают аудиторию. Вспомните, сколько обсуждений было после трейлера Cyberpunk 2077 с Ривзом, или сколько выходило разборов роликов из Death Stranding, в которых игроки пытались хоть немного разгадать игру. С учетом того, что сейчас игры длятся в среднем 40–50 часов — неудивительно, что 10 минут геймплея вряд ли что-то расскажут о ней и продадут игру. Ubisoft всегда умели делать цепляющие синематики. Рецепт одинаковый — харизматичный актёр в роли злодея и максимально сжатая история, которая описывает основной конфликт игры. И это постоянно срабатывает. Ubisoft создают ролики будто по учебнику, но у них есть чему поучиться, если вы хотите понять, как за пять минут хронометража рассказать короткую и запоминающуюся историю. Мы разобрали первый трейлер Far Cry 6 и рассказываем, какие кинематографические приёмы в нём использованы.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/rossiyskaya-industriya-mozhet-povtorit-uspeh-polskoy-intervyu-s-sozdatelem"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3238-3935-4662-a336-336363306332/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3238-3935-4662-a336-336363306332/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">«Российская индустрия может повторить успех польской»: интервью с создателем «Гвинта»</div> <div class="t404__descr t-descr t-descr_xs">Ведущий геймдизайнер третьего «Ведьмака» — о творческих принципах, управлении студией, уходе из AAA и заблуждениях о переработках. Дамьен Монье — бывший ведущий геймдизайнер третьего «Ведьмака», а также соавтор легендарной мини-игры «Гвинт» и оригинальной игры на её основе. Не так давно Монье покинул CD Projekt Red и основал собственную независимую студию — Exit Plan.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/chestnaya-igra-kak-razrabotchiki-obmanyvayut-igrokov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3134-3934-4666-b264-396363306566/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3134-3934-4666-b264-396363306566/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">«Честная» игра: уловки и хитрости разработчиков. Как игра подстраивается под игрока.</div> <div class="t404__descr t-descr t-descr_xs">Геймдизарнерам приходится лукавить, подкручивать одни механики в пользу игрока, а другие- скрывать, чтобы геймплей казался честным. Как игры "подыгрывают" игроку.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/optimizaciya-grafika-v-substance-designer"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3361-3532-4261-b739-366466643739/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3361-3532-4261-b739-366466643739/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Оптимизация графика в Substance Designer. Как сделать материал легким и быстрым.</div> <div class="t404__descr t-descr t-descr_xs">Разберем все нюансы технической и визуальной оптимизации графика в Substance Painter, научимся организововать график, оптимизировать размер нод и получать быстрый материал.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-i-zachem-minecraft-primenyayut-v-obrazovanii"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3030-3461-4034-a135-613836346365/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3030-3461-4034-a135-613836346365/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как и зачем Minecraft применяют в образовании</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем, как онлайн-конструктор превратился в инструмент для обучения. Методы интерактивного обучения становятся всё более популярными. Специалисты называют одним из главных трендов современного образования геймификацию — систему приёмов, которые превращают образовательный процесс в игровой.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-nil-drakmann--scenarist-kotoryy-ne-zhaleet-fanatov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6262-3535-4335-b464-663864353761/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6262-3535-4335-b464-663864353761/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Нил Дракманн — сценарист, который не жалеет фанатов</div> <div class="t404__descr t-descr t-descr_xs">Сейчас мало какого разработчика проклинают так же часто, как Нила Дракманна. Правда, его это, похоже, не очень смущает. Дракманну не нравится, когда оскорбляют его коллег, актёров из его игр, журналистов, но критику самого себя сценарист переносит спокойно. Начав работу в игровой индустрии стажёром-программистом, Нил Дракманн вскоре стал сценаристом, а потом и геймдиректором. В своих играх он ставит на первое место историю и персонажей и хочет быть с фанатами предельно честным, — даже если эта честность не всем по душе. Мы изучили интервью (1, 2, 3, 4, 5, 6, 7, 8) Нила Дракманна и выбрали оттуда самые интересные цитаты, о взглядах, приёмах, мнениях и творческом подходе неоднозначного сценариста.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-procedurnaya-generaciya-pomogaet-sozdavat-otkrytye-miry"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3233-3338-4638-b437-663739326561/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3233-3338-4638-b437-663739326561/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как процедурная генерация помогает создавать открытые миры. Алгоритмы генерации.</div> <div class="t404__descr t-descr t-descr_xs">Программист ААА-проектов рассказывает как создаются игры с процедурно-генерируемым миром. Какие алгоритмы и программы помогут сгенерировать небольшую деревню или целый город.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-mehaniki-razvivayutsya-na-protyazhenii-igry"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3662-3332-4634-b030-376135303465/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3662-3332-4634-b030-376135303465/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Развитие механик на протяжении игры: игровые механики и их преобразования.</div> <div class="t404__descr t-descr t-descr_xs">Если механики в игре не будут меняться - игрок заскучает. Узнай как правильно развивать существующие механики, что такое ментальное и вертикальное развитие механик.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/razbiraem-dizayn-bossa-tancovshchica-holodnoy-doliny-iz-dark-souls-3"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6638-3932-4666-b266-663733643832/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6638-3932-4666-b266-663733643832/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Разбираем дизайн босса: Танцовщица Холодной Долины из Dark Souls 3</div> <div class="t404__descr t-descr t-descr_xs">Танцовщица Холодной долины из Dark Souls III — пример босса, в дизайне которого механика и эстетика переплетаются, чтобы лучше раскрывать друг друга. Разбираем Танцовщицу вместе с нашими преподавателями — геймдизайнером, концепт-художником и левел-дизайнером. Зачем ей длинная вуаль, почему её арена устроена именно так, и как боевые приёмы рассказывают историю персонажа. Видеоверсия недавней статьи.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotayut-pleytesty"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3338-3734-4762-b364-313061343239/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3338-3734-4762-b364-313061343239/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Что такое плейтесты и как сделать их полезными и эффективными для геймплея.</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем где искать плейтестеров и как анализировать полученный фидбэк. Что такое даталоггинг, биологический фидбэк и чем внутринние плейтесты лучше одноразовых.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/ne-hochu-snimat-kino-dlya-desyati-zriteley-oleg-trofim--o-lde-klipah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3939-3461-4135-a461-333639383337/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3939-3461-4135-a461-333639383337/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">«Не хочу снимать кино для десяти зрителей». Олег Трофим — о «Льде», клипах и коммерческом кино</div> <div class="t404__descr t-descr t-descr_xs">Вторая часть интервью с режиссёром «Майора Грома» и одним из главных современных русских клипмейкеров. В продолжении большого интервью с режиссёром Олегом Трофимом мы обсудили его предыдущие проекты: дебютный фильм «Лёд», рекламу и коммерческие клипы, а также авторские мини-фильмы, которые он фактически бесплатно снимает для малоизвестных музыкантов.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroen-dizayn-bossa-tancovshchica-holodnoy-doliny-iz-dark-souls-iii"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6438-3063-4235-a638-396236383332/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6438-3063-4235-a638-396236383332/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроен дизайн игровых боссов: танцовщица холодной долины из Dark Souls III.</div> <div class="t404__descr t-descr t-descr_xs">Вместе с геймдизайнером и концепт-художником разбираемся как устроены дизайн и механики боя Танцовщицы и сражение с ней. Дизайн игровых боссов в Dark Souls 3.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/spektakli-v-minecraft-zachem-ih-delayut-kakaya-ot-nih-polza"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3233-3764-4035-a138-633430653038/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3233-3764-4035-a138-633430653038/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Спектакли в Minecraft: зачем их делают, какая от них польза и при чём тут школьники</div> <div class="t404__descr t-descr t-descr_xs">Один из создателей Minecraft-спектаклей от БДТ объяснил, как они пришли к такому формату, и рассказал о его перспективах.Во время карантина Большой драматический театр им. Товстоногова создал онлайн-платформу «БДТ Digital», предназначенную для экспериментов с онлайн-форматами и виртуальной реальностью. Самым заметным продуктом платформы стали первые в своём роде Minecraft-спектакли: 14 июня в мир игры перенесли «Вишнёвый сад», а 29 июня показали «кубическую» версию «Моцарта и Сальери».</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotayut-butylochnye-gorlyshki-v-shuterah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6466-3435-4039-b639-643532663135/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6466-3435-4039-b639-643532663135/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работают "бутылочные горлышки" в шутерах. Узкие места в левел-дизайне.</div> <div class="t404__descr t-descr t-descr_xs">Расскажем как устроены, и зачем нужны узкие места в шутерах и отсечки видимости. Как левел-дизайнеру не перестараться с приемом "бутылочного горлышка" в левел-дизайне шутера.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-iskusstvennyy-intellekt-vragov-pri-gruppovom-boe"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6561-6665-4636-a133-663133316239/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6561-6665-4636-a133-663133316239/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает искусственный интеллект врагов при групповом бое. Системы AI врагов.</div> <div class="t404__descr t-descr t-descr_xs">Расскажем как работает логика врагов в групповых битвах, как регулировать искусственный интеллект мобов и организовать их вокруг игрока. Что такое таргетлок и файт-директор.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-igry-portiruyut-na-nintendo-switch--intervyu-s-saber-interactive"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3438-3866-4363-a365-653732653163/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3438-3866-4363-a365-653732653163/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как игры портируют на Nintendo Switch — интервью с Saber Interactive</div> <div class="t404__descr t-descr t-descr_xs">Мы пообщались с представителями отдела портирования Saber Interactive — студии, ответственной за версию третьего «Ведьмака» для Nintendo Switch, и узнали, как происходит этот процесс, и чем разработчикам приходится жертвовать при переносе игры на более слабую консоль.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/coy-apolitichnost-i-minimum-grafiki-kak-snimali-mayor-grom-chumnoy-doktor"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6536-6638-4161-b132-386231313236/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6536-6638-4161-b132-386231313236/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Цой, аполитичность и минимум графики. Как снимали «Майор Гром: Чумной доктор»</div> <div class="t404__descr t-descr t-descr_xs">Большое интервью с режиссёром Олегом Трофимом о съёмке первого русского кинокомикса. В конце мая Bubble Studios представили трейлер фильма «Майор Гром: Чумной доктор» — первого российского кинокомикса, премьера которого состоится в 2021 году. Мы связались с режиссёром фильма Олегом Трофимом, чтобы обсудить съёмочный процесс и ряд проблем, связанных с режиссурой жанра: постановку экшн-сцен, использование практических спецэффектов, поиск локаций, работу со звуком и многое другое.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/mark-cerni--programmist-i-geymdizayner-stavshiy-arhitektorom-playstation-5"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6464-3733-4162-a434-303035396638/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6464-3733-4162-a434-303035396638/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Марк Церни — программист и геймдизайнер, ставший архитектором PlayStation 5</div> <div class="t404__descr t-descr t-descr_xs">За свою карьеру Марк Церни успел поработать геймдизайнером и программистом, открыть миру Naughty Dog и Insomniac Games, а также разработать архитектуру культовых консолей. Об одной из самых впечатляющих историй успеха в игровой индустрии — в нашем материале.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/o-kurse-draft"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6364-6234-4266-b434-636634613131/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6364-6234-4266-b434-636634613131/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Отзывы реальных студентов курса Draft Punk по 3D-моделированию от XYZ School.</div> <div class="t404__descr t-descr t-descr_xs">Все еще сомневаешься что не сможешь освоить 3D-моделирование? Посмотри как быстро растут наши студенты на курсе Draft Punk с нуля и присоединяйся. Мечта не так далеко!</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdat-zapominayushchegosya-bossa"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6234-3536-4534-b837-636461313137/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6234-3536-4534-b837-636461313137/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создать запоминающегося босса в игре. Дизайн и игровые механики босса.</div> <div class="t404__descr t-descr t-descr_xs">Разбираемся в чем секрет создания запоминающегося босса и какую роль в сражении играют локации и механика. Геймдизайнер о важности истории босса в игре и фазировании боя.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-napugat-igroka-bez-krikov-i-pryzhkov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3133-6533-4135-b434-336233383539/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3133-6533-4135-b434-336233383539/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как напугать игрока без криков и прыжков: интервью с автором Those Who Remain</div> <div class="t404__descr t-descr t-descr_xs">28 мая состоялся релиз хоррора Those Who Remain — о небольшом городке, в котором происходят таинственные исчезновения. Мы пообщались с создателем игры Рикардо Сестейро о современных хоррорах и способах вызвать страх у игрока.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/delay-to-chto-nravitsya-geymdizayn-po-timu-sheyferu"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6664-3365-4565-b930-653436386430/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6664-3365-4565-b930-653436386430/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Тим Шейфер: как геймдизайнер и сценарист создает странные и притягательные игры.</div> <div class="t404__descr t-descr t-descr_xs">Игры Шейфера построены вокруг странных сюжетов, своеобразного юмора, драматургии и необычных персонажей. Геймдизайн по Шейферу и почему самые плохие идеи - лучшие.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/pochemu-grafika-v-igrah-s-prezentacii-playstation-ne-vpechatlyaet"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3564-6366-4932-a165-303032656466/Cover.png" style="background-image: url('https://thb.tildacdn.com/tild3564-6366-4932-a165-303032656466/-/resizeb/20x/Cover.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Почему графика в играх с презентации PlayStation не впечатляет. Александр Балакшин.</div> <div class="t404__descr t-descr t-descr_xs">Вместе с программистом ААА-проектов разбираемся почему переход на новое поколение консолей PlayStation не означает скачок в области игровой графики и почему так происходит.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdayut-illyuziyu-masshtabnogo-mira-v-igrah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6430-3537-4561-b362-393666316661/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6430-3537-4561-b362-393666316661/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создают иллюзию масштабного мира в играх</div> <div class="t404__descr t-descr t-descr_xs">Даже в играх с линейными уровнями разработчики стремятся к достоверности — вы должны прочувствовать, что сражаетесь на гигантской космической базе и бредёте через настоящий город. Рассказываем о базовых приёмах, которые помогают создать иллюзию масштабного живого мира.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-uderzhat-vnimanie-igroka"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3634-3762-4333-a539-303030383661/Cover-1_2.png" style="background-image: url('https://thb.tildacdn.com/tild3634-3762-4333-a539-303030383661/-/resizeb/20x/Cover-1_2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как удержать внимание игрока</div> <div class="t404__descr t-descr t-descr_xs">Ни глубокие механики, ни потрясающий арт не спасут вашу игру, если она не сможет добиться главного — удержать внимание игрока. Рассказываем, как геймдизайнеры решают эту задачу. Тут очень много разных тонкостей — от объёма информации на экране до темпа повествования. Видеоверсия.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/o-chyom-rasskazyvayut-kostyumy-iz-deus-ex"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6538-6165-4564-a165-363866313135/Cover-2.png" style="background-image: url('https://thb.tildacdn.com/tild6538-6165-4564-a165-363866313135/-/resizeb/20x/Cover-2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Кибер-Ренессанс. О чем рассказывают костюмы из Deus Ex: Human Revolution. </div> <div class="t404__descr t-descr t-descr_xs">Кибернетические протезы и одежда эпохи Ренессанса: как концепт-художники игр Deus Ex предложили новую трактовку киберпанка и воплотили ее в треугольниках и жаккарте. </div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kompozitor-the-last-of-us-i-obladatel-dvuh-oskarov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3839-6330-4438-b335-373963323665/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3839-6330-4438-b335-373963323665/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Густаво Сантаолалья — композитор The Last of Us и обладатель двух «Оскаров»</div> <div class="t404__descr t-descr t-descr_xs">Не каждый музыкант может ещё в детстве превзойти своего учителя, в юношестве попробовать себя во всех возможных жанрах, попасть в индустрию большого кино, и при всём это сохранить собственный стиль. А Густаво Сантаолалья — смог. Музыка Густаво может быть очень разной — в мультфильме «Книга Жизни» она заигрывает с поп-культурой, в игре The Last of Us предлагает уникальный взгляд на звучание постапокалипсиса, а в собственных альбомах музыканта — аргентинский колорит. Но она всегда остаётся авторской: Сантаолалья не любит жертвовать творчеством ради проекта и всеми путями отстаивает своё видение.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sdelat-igru-vdvoyom-i-ne-stat-eksklyuzivom-playstation--intervyu"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3034-6337-4339-b862-356463653166/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3034-6337-4339-b862-356463653166/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как сделать игру вдвоём и не стать эксклюзивом PlayStation — интервью с создателями Spirit of the North</div> <div class="t404__descr t-descr t-descr_xs">О Sony, покупке ассетов и видеоигровых лисицах. 7 мая в Steam и на Nintendo Switch вышла Spirit of the North — медитативная игра о лисе, вдохновлённая финским фольклором. Мы пообщались с её создателями — художниками Джейкобом Саттоном и Тайлером Кристенсеном.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/razbor-geympleya-the-last-of-us-2-ot-geymdizaynera-leveldizaynera-i-lucaya-"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3961-3665-4864-b536-363337376361/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3961-3665-4864-b536-363337376361/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Разбор геймплея The Last of Us 2 от геймдизайнера, левелдизайнера и Луцая </div> <div class="t404__descr t-descr t-descr_xs">Мы попросили Сергея Праздничнова, — геймдизайнера, работавшего над Rainbow Six Siege и другими AAA-проектами, — и левел-дизайнера Crytek Михаила Кадикова прокомментировать видео с геймплеем The Last of Us Part II. А заодно рассказали о том, что заметили сами. В этом видео — главные наблюдения о стелсе, поведении врагов, левел-дизайне и навигации. Видеоверсия.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/pochemu-animacii-v-the-last-of-us-part-ii--problema-dlya-level-dizaynera"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3630-3538-4830-a634-646434633138/Cover-3.png" style="background-image: url('https://thb.tildacdn.com/tild3630-3538-4830-a634-646434633138/-/resizeb/20x/Cover-3.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Почему анимации 3D-моделей The Last Of Us Part II — проблема для левел-дизайнера.</div> <div class="t404__descr t-descr t-descr_xs">Объясняем почему анимационный контроллер The Last Of Us Part II сделал работу левел-дизайнеров гораздо сложнее. Как анимации влияют на визуальный язык в левел-дизайне.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/ya-ne-ponimal-gde-ekrany-a-gde-realnost-sozdateli-mandalorca-o-virtualnom"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3063-3338-4233-b637-643938633538/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3063-3338-4233-b637-643938633538/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">«Я не понимал, где экраны, а где реальность»: создатели «Мандалорца» о виртуальном продакшне и UE4</div> <div class="t404__descr t-descr t-descr_xs">Основные тезисы и важные факты из недавнего эпизода документального сериала «Галерея Disney: Мандалорец». На стриминговом сервисе Disney+ с начала мая выходит документальный сериал о создании сериала «Мандалорец». Стандартные элементы из формата «фильм о фильме», вроде интервью и съёмок за кадром, разбавляют круглые столы, где причастные к проекту люди обсуждают связанные с ним темы. Каждая серия посвящена отдельной составляющей работы над сериалом: режиссёрам, актёрам, наследию «Звёздных войн» и так далее.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/geympley-the-last-of-us-part-ii--vpechatleniya-i-nablyudeniya"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6537-3866-4266-b561-353365376535/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6537-3866-4266-b561-353365376535/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Геймплей The Last Of Us Part II - обзор от профессионального геймдизайнера.</div> <div class="t404__descr t-descr t-descr_xs">Обсуждаем анимацию, искусственный интеллект врагов, боевую систему, игровое пространство и окружение в The Last Of Us Part II с профессионалами индустрии геймдизайна.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-karlos-danda--hudozhnik-sozdavshiy-dizayn-personazhey-batman-arkham"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6633-3464-4133-a264-336237333536/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6633-3464-4133-a264-336237333536/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Карлос Д’Анда — художник, создавший дизайн персонажей Batman: Arkham</div> <div class="t404__descr t-descr t-descr_xs">Талантливых художников, посвятивших себя комиксам, десятки, а то и сотни. Но лишь единицы из них выходили за пределы жанра и проявляли себя в других сферах искусства. Карлос Д’Анда как раз из таких. Работа в игровой индустрии стала прямым продолжением его деятельности как комиксиста. Карлос с юных лет работал в издательстве DC, и в итоге стал одним из главных специалистов по персонажам издательства, которых разработчики из Rocksteady Studios собирались воплотить в Batman: Arkham Asylum.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/operator-duraka-i-mayora--o-tom-pochemu-v-rossii-boyatsya-snimat-kino"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6362-3734-4934-a635-383237616439/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6362-3734-4934-a635-383237616439/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Оператор «Дурака» и «Майора» – о том, почему в России боятся снимать кино о будущем</div> <div class="t404__descr t-descr t-descr_xs">Кирилл Клепалов объясняет, почему везде, кроме нашего кино, возник тренд на футуристичную научную фантастику и рассказывает, как её снять при небольшом бюджете. В рубрике «Монолог» мы даём профессионалам из индустрии игр и кино возможность высказаться на тему, которая их искренне волнует. Оператор «Дурака», «Майора», «Я худею» и ещё множества популярных проектов Кирилл Клепалов восхищается «Миром Дикого Запада» и «Чёрным зеркалом» и не понимает, почему в России боятся снимать о будущем так же.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/sport-vo-vremya-covid-19-kak-formula-1-provodit-virtualnye-gonki-na-twitch"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3936-3266-4132-b332-383465616562/Cover-2.png" style="background-image: url('https://thb.tildacdn.com/tild3936-3266-4132-b332-383465616562/-/resizeb/20x/Cover-2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Спорт во время Covid-19: как «Формула-1» проводит виртуальные гонки на Twitch</div> <div class="t404__descr t-descr t-descr_xs">Как пилоты относятся к онлайн-гонкам и почему не любят официальную игру по лицензии. Из-за пандемии многие гоночные ассоциации и чемпионаты запустили онлайн-аналоги своих заездов, но самым заметным (если судить по количеству зрителей на Twitch) стал эксперимент «Формулы-1». Когда в марте этого года стало ясно, что гоночный сезон-2020 откладывается, организаторы объявили о запуске онлайн-заездов в официальной игре F1 2019 от Codemasters.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-peredat-ideyu-cherez-estetiku-kritika-korporaciy-v-the-outer-worlds"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3766-3664-4939-a535-356130643730/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3766-3664-4939-a535-356130643730/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как передать идею через эстетику: критика корпораций в The Outer Worlds</div> <div class="t404__descr t-descr t-descr_xs">Многие слышали историю о том, как Obsidian после разработки Fallout: New Vegas не получила от Bethesda премиальные миллион долларов. Ситуация абсурдная: по договорённости Obsidian должна была получить деньги, если бы игра набрала на Metacritic 85 баллов. New Vegas же застряла на 84-х.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/iz-chego-sostoyat-solnechnye-protivopolozhnosti-prizemlyonnyy-rik-i-morti"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3965-3732-4263-b233-613837656538/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3965-3732-4263-b233-613837656538/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Из чего состоят «Солнечные противоположности»: приземлённый «Рик и Морти», ситкомы и антиутопия</div> <div class="t404__descr t-descr t-descr_xs">Разбираем новый мультсериал от авторов «Рика и Морти». Четверо пришельцев прибывают на Землю после разрушения утопичной планеты Шлорп. Двое из них зрелые особи: учёный-сноб Корво и задорный бездельник Терри. Ещё двое — их репликаты Юмьюлак и Джесси, принявшие условную роль детей-подростков. Помимо них на корабле прибыло загадочное жёлтое существо Пупа — в будущем оно должно разрастись до огромных размеров и терраформировать Землю. Пока же пришельцы обустроились в обычном доме посреди небольшого американского городка и постепенно вливаются в мир людей.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sdelat-svoyu-pervuyu-igru-i-zaklyuchit-sdelku-s-epic-games"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3763-6232-4433-b831-663664356532/Cover.png" style="background-image: url('https://thb.tildacdn.com/tild3763-6232-4433-b831-663664356532/-/resizeb/20x/Cover.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Интервью с автором Before We Leave. История создания игры от разработчика.</div> <div class="t404__descr t-descr t-descr_xs">Before We Leave - градостроительный симулятор с планетами поселений. Разработчик игры рассказал нам как родилась идея игры и развивалась концепция, о сделке с Epic Games .</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-popast-v-geymdev-iz-modderov--v-razrabotchiki"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3638-3261-4562-b733-663739653664/Cover-2.png" style="background-image: url('https://thb.tildacdn.com/tild3638-3261-4562-b733-663739653664/-/resizeb/20x/Cover-2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как попасть в геймдев: из моддеров — в разработчики</div> <div class="t404__descr t-descr t-descr_xs">Вдохновляющие истории и практические советы. Создание модов — это не только развлечение, но и отличный способ попасть в игровую индустрию. Создатели успешных модификаций часто получают работу в крупных студиях, а иногда открывают свои. В этом материале мы расскажем, как пройти путь от создателя модификаций до профессионального разработчика. Для этого мы изучили интервью известных моддеров и взяли комментарий у левел-дизайнеров Дениса Куандыкова из VOID Interactive и Макса Пирса из CD Projekt RED.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/sozdayom-material-stekla-v-substance-painter-i-marmoset"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3963-6630-4633-b530-303232396631/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3963-6630-4633-b530-303232396631/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создать и настроить материал стекла в Substance Painter и Marmoset. </div> <div class="t404__descr t-descr t-descr_xs">Стекло - непростой материал. Узнай как создать шейдер для текстуры стекла, настроить текстурный сет в Substance Painter, сделать стекло прозрачным и импортировать в Marmoset .</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/ot-tarantino-do-transformerov-kak-snyat-meksikanskuyu-duel"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6636-3437-4231-b663-646661643931/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6636-3437-4231-b663-646661643931/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">От Тарантино до «Трансформеров». Как снять мексиканскую дуэль</div> <div class="t404__descr t-descr t-descr_xs">Мы попросили режиссёра фильма «Папа, сдохни» Кирилла Соколова разобрать, из чего состоит один из самых эффектных тропов в истории кинематографа. Мексиканская дуэль — это вооружённое противостояние, в котором участвуют три или более персонажей, которые угрожают друг другу с равной силой, образуя тем самым почти что патовую ситуацию. Чаще всего герои не знают, в кого выстрелит каждый из противников, но даже если мотивация двух участников ясна, то всегда остаётся вопрос: что будет делать третий? Этот приём активно используют в кинематографе с середины прошлого века: сцены «мексиканского противостояния» помогают создать саспенс и добавить психологизма.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-interaktivnye-tury-v-mire-assassins-creed-ispolzuyut-v-obrazovanii"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3535-3762-4636-b765-643530353364/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3535-3762-4636-b765-643530353364/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как интерактивные туры в мире Assassin’s Creed используют в образовании</div> <div class="t404__descr t-descr t-descr_xs">16 мая Ubisoft запустила в своём магазине бесплатную раздачу интерактивных туров по Древнему Египту и Древней Греции. Discovery Tour — отдельный проект с образовательным уклоном, основанный на игровых мирах Assassin’s Creed Origins и Odyssey. Первому туру уже больше двух лет, поэтому у школ и профессоров по всему миру уже сложилось представление об экскурсиях от Ubisoft.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-survival-igry-manipuliruyut-igrokom"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6438-6564-4139-b637-336133646630/Cover_24.jpg" style="background-image: url('https://thb.tildacdn.com/tild6438-6564-4139-b637-336133646630/-/resizeb/20x/Cover_24.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как survival-игры манипулируют игроком</div> <div class="t404__descr t-descr t-descr_xs">«Выживание» в играх бывает утомительным: мало кому интересно раз за разом совершать одинаковые действия, чтобы добыть еды. Но разработчики неизменно находят способы сделать этот процесс захватывающим. Мы разобрались, как устроены увлекательные «выживалки», и какие тут есть секреты. А помогли нам в этом разработчики отечественных проектов — Breathedge, Frozen Flame и Population Zero. Видеоверсия недавней статьи.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kratko-pro-dizayn-tony-hawks-pro-skater"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6363-3162-4238-b539-313661663937/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6363-3162-4238-b539-313661663937/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Кратко про дизайн Tony Hawk's Pro Skater</div> <div class="t404__descr t-descr t-descr_xs">Activision анонсировала Tony Hawk's Pro Skater 1+2 — ремейк первых двух игр серии. Алексей Луцай поиграл в Pro Skater 2, чтобы освежить воспоминания, и рассказывает о минималистичных механиках игры, а также о том, чему современным разработчикам стоит у неё поучиться. Видеоверсия недавней статьи для наглядности.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-socialnyy-stels-v-hitman"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6431-6163-4137-b365-333163646138/Cover-2.png" style="background-image: url('https://thb.tildacdn.com/tild6431-6163-4137-b365-333163646138/-/resizeb/20x/Cover-2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает социальный стелс в Hitman</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем, как в Hitman используется концепция социальных пространств для создания стелса.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/zapechka-bake-stilizovannogo-personazha"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6661-6637-4064-a330-633736646535/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild6661-6637-4064-a330-633736646535/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Запечка стилизованного персонажа по ААА-пайплайну. Как запечь low poly модель.</div> <div class="t404__descr t-descr t-descr_xs">Запекание - технический этап ААА-пайплайна для переноса детализации на лоуполи модель с помощью Normal Map и других специальных карт. Для запекания карты необходимо:</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/rabota-hudozhnika-interfeysov-v-13-voprosah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3034-3234-4139-b838-656539313337/Cover-2.png" style="background-image: url('https://thb.tildacdn.com/tild3034-3234-4139-b838-656539313337/-/resizeb/20x/Cover-2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Работа художника интерфейсов в 13 вопросах</div> <div class="t404__descr t-descr t-descr_xs">Как заставить пользователя нажать туда, куда тебе нужно. Мы пообщались с художником интерфейсов Арвидасом Браздейкисом: раньше он принимал участие в работе над такими франшизами, как Mass Effect и Dragon Age, а сейчас занимает должность ведущего UI/UX-дизайнера в Game Insight. Узнали, как устроена работа UI-художника, и в чём секрет хорошего интерфейса.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/unreal-engine-5-i-ego-vozmozhnosti-mnenie-programmista-aaa-igr"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6561-3562-4138-b437-343439313262/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild6561-3562-4138-b437-343439313262/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Новый движок Unreal Engine 5 и его возможности. Мнение программиста ААА-игр.</div> <div class="t404__descr t-descr t-descr_xs">Геймплей-программист Александр Балашкин поделился мыслями и впечатлениями от анонса Unreal Engine 5. Новые технологии и возможности UE5, как движок изменит пайплайн.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/chem-byl-krut-dizayn-tony-hawks-pro-skater"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3937-3935-4530-a630-343236343931/Cover-2.jpg" style="background-image: url('https://thb.tildacdn.com/tild3937-3935-4530-a630-343236343931/-/resizeb/20x/Cover-2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Чем был крут дизайн Tony Hawk’s Pro Skater</div> <div class="t404__descr t-descr t-descr_xs">Activision анонсировали Tony Hawk’s Pro Skater 1+2 — ремейк первых двух частей игры. Захотелось вспомнить, а чем эти игры были так хороши — запустил Tony Hawk’s Pro Skater 2. Оказалось, что это до сих пор отличная игра, и у неё есть чему поучиться современным дизайнерам. Pro Skater — спортивный симулятор, концепция которого зародилась во времена платформеров Spyro the Dragon и Crash Bandicoot. И если вы запустите её сейчас, то заметите насколько жанр повлиял на подход к локациям и механики.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-simuliruyut-igrokov-peysing-i-mehaniki"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6337-6265-4266-b765-633232373932/Cover.jpg" style="background-image: url('https://thb.tildacdn.com/tild6337-6265-4266-b765-633232373932/-/resizeb/20x/Cover.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как симулируют игроков. Пейсинг и механики</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем, как дизайнеры поддерживают вовлечённость игроков с помощью механик, левел-дизайна и простых психологических уловок.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-animacii-robotov-iz-horizon-rodilis-iz-virusnyh-video-s-youtube"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3632-3638-4163-b364-636634323761/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3632-3638-4163-b364-636634323761/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Какая связь между роботами из Horizon Zero Dawn и вирусными видео в YouTube</div> <div class="t404__descr t-descr t-descr_xs">Прототипами и референсами для роботов в Horizon Zero Dawn стали животные. Так мы получили роботизированых морских слонов, медведей, панд и небанальную анимацию персонажей.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/koncept-hudozhnik-naughty-dog-i-osnovatel-studii-one-pixel-"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3739-6630-4234-b335-346532643061/1423832736-007-main-.jpg" style="background-image: url('https://thb.tildacdn.com/tild3739-6630-4234-b335-346532643061/-/resizeb/20x/1423832736-007-main-.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Шэдди Сафади — концепт-художник Naughty Dog и основатель студии One Pixel Brush</div> <div class="t404__descr t-descr t-descr_xs">Шэдди Сафади — опытный концепт-художник и признанный в индустрии мастер. Он более десяти лет работает над AAA-проектами и долгое время сотрудничал с Naughty Dog, где принимал участие в создании игр серии Uncharted. Также Сафади наряду с Джоном Суини стал человеком, который определил визуальный стиль The Last of Us.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdat-futuristichnuyu-pulyu-vo-fusion-360"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6130-3534-4939-b962-643032306135/Cover_11.jpg" style="background-image: url('https://thb.tildacdn.com/tild6130-3534-4939-b962-643032306135/-/resizeb/20x/Cover_11.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создать 3D-модель футуристичной пули во Fusion 360. Показывает Евгений Пак.</div> <div class="t404__descr t-descr t-descr_xs">Разбираем основы работы во Fusion 360 на примере дизайна 3D-модели пули. Учимся делать нестандартные формы с помощью 3d-моделирования с 3D-художником - Евгением Паком.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-survival-igry-zastavlyayut-borotsya-za-zhizn"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6438-6564-4139-b637-336133646630/Cover_24.jpg" style="background-image: url('https://thb.tildacdn.com/tild6438-6564-4139-b637-336133646630/-/resizeb/20x/Cover_24.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как survival-игры заставляют бороться за жизнь</div> <div class="t404__descr t-descr t-descr_xs">«Выживание» в играх бывает утомительным: мало кому интересно раз за разом совершать одинаковые действия, чтобы добыть еды. Но разработчики неизменно находят способы сделать этот процесс захватывающим. Мы разобрались, как устроены увлекательные «выживалки», и какие тут есть секреты. А помогли нам в этом разработчики отечественных проектов — Breathedge, Frozen Flame и Population Zero.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-delayut-remeyki"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3165-6132-4465-b539-613033336130/Cover_21.jpg" style="background-image: url('https://thb.tildacdn.com/tild3165-6132-4465-b539-613033336130/-/resizeb/20x/Cover_21.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как делают ремейки</div> <div class="t404__descr t-descr t-descr_xs">Final Fantasy VII, Resident Evil 3, Warcraft: Reforged — в последнее время ремейки и ремастеры старых игр, кажется, выходят особенно часто. А обсуждают их порой даже активнее, чем полностью новые проекты. Юрий Кулагин подробно разобрался в том, как разработчики работают над ремейками, и как сохраняют баланс, чтобы угодить и старым, и новым игрокам. Видеоверсия недавней статьи.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ogranichit-otkrytyy-mir-i-ne-slomat-pogruzhenie"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3961-6234-4038-b763-356165323031/photo.jpg" style="background-image: url('https://thb.tildacdn.com/tild3961-6234-4038-b763-356165323031/-/resizeb/20x/photo.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как ограничить открытый мир игры и не сломать эффект погружения. Левел-дизайн.</div> <div class="t404__descr t-descr t-descr_xs">С помощью границ, ориентиров и точек интересов левел-дизайнеры ограничивают открытый мир игры так, чтобы границы не нарушали эффект погружения и вписывались в повествование.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/operatorskaya-rabota-v-igrah-kak-rabotayut-virtualnye-kamery-i-priyomy"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6464-3166-4366-a332-623634366638/Cover_4.jpg" style="background-image: url('https://thb.tildacdn.com/tild6464-3166-4366-a332-623634366638/-/resizeb/20x/Cover_4.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Операторская работа в играх. Как работают виртуальные камеры и приёмы</div> <div class="t404__descr t-descr t-descr_xs">Раньше игры повально заимствовали операторские приёмы из кино. Теперь — кино снимают при помощи виртуальных камер, которые изначально создавали для игр. Рассказываем, какими бывают виртуальные камеры, для чего они нужны, и как их используют в играх и кино. Видеоверсия нашей статьи с дополнениями.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-dzhonatan-blou-sozdatel-braid-i-the-witness"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6337-3831-4435-b032-353066656535/Cover_40.jpg" style="background-image: url('https://thb.tildacdn.com/tild6337-3831-4435-b032-353066656535/-/resizeb/20x/Cover_40.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Джонатан Блоу, создатель Braid и The Witness</div> <div class="t404__descr t-descr t-descr_xs">Джонатан Блоу работал программистом, писал код для Deus Ex и Thief, и даже не задумывался о том, чтобы стать геймдизайнером. Но в какой-то момент ему просто захотелось сделать собственную игру. И вот он — один из известнейших инди-разработчиков последних лет. По ссылке — яркие высказывания Блоу о его карьере, подходе к геймдизайну и к индустрии, которая, по его мнению, становится всё более «антиинтеллектуальной».</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/intervyu-s-sozdatelem-peace-death-i-draw-chilly"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6461-6161-4037-a261-353434636162/Cover_36.jpg" style="background-image: url('https://thb.tildacdn.com/tild6461-6161-4037-a261-353434636162/-/resizeb/20x/Cover_36.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">«В играх я беру ник ULTRAG4Y». Интервью с создателем Peace, Death и Draw Chilly</div> <div class="t404__descr t-descr t-descr_xs">Пообщались с Азаматом Байзулаевым, автором Peace Death, Gun Done, Draw Chilly и Who is Awseome — игр с вызывающими названиями и простым геймплеем. О том, как начать делать игры, как придумывать механики на основе названий, как добавлять в игру известных персонажей и политиков, чтобы ни у кого не возникло претензий, и о многом другом. Ну и, конечно, выяснили, что будет делать Азамат, когда все матерные каламбуры закончатся.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/klyuchevoy-art-assassins-creed-valhalla--razbor-ot-koncept-hudozhnika"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6236-3535-4061-b630-343534336636/Cover_33.jpg" style="background-image: url('https://thb.tildacdn.com/tild6236-3535-4061-b630-343534336636/-/resizeb/20x/Cover_33.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Ключевой арт Assassin's Creed Valhalla - разбор от Ивана Растригина.</div> <div class="t404__descr t-descr t-descr_xs">Художник BossLogic 8 часов рисовал ключевой арт для Assassin's Creed Valhalla в режиме трансляции. Обсуждаем результат и принципы создания ключевых артов для игр.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/delaem-beton-v-substance-designer"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3336-3939-4236-a464-383564663564/Cover_31.jpg" style="background-image: url('https://thb.tildacdn.com/tild3336-3939-4236-a464-383564663564/-/resizeb/20x/Cover_31.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Делаем процедурную текстуру бетона в Substance Designer. Инструкция для новичков.</div> <div class="t404__descr t-descr t-descr_xs">На примере текстуры бетона научись работать в Substance Painter и Designer, создавать реалистичные процедурные текстуры с нуля на уровне профессионалов индустрии.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-delayut-remeyki-novoe-iz-starogo"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6465-3533-4234-b437-323264363731/Cover_12.jpg" style="background-image: url('https://thb.tildacdn.com/tild6465-3533-4234-b437-323264363731/-/resizeb/20x/Cover_12.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как делают ремейки: новое из старого</div> <div class="t404__descr t-descr t-descr_xs">Final Fantasy VII, Resident Evil 3, Warcraft: Reforged — в последнее время ремейки и ремастеры старых игр, кажется, выходят особенно часто. А обсуждают их порой даже активнее, чем полностью новые проекты. Юрий Кулагин подробно разобрался в том, как разработчики работают над ремейками, и как сохраняют баланс, чтобы угодить и старым, и новым игрокам.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/3d-zvuk-v-playstation-5-trassirovka-luchey-i-druzhba-so-steam"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3663-6132-4539-b764-653534623563/Cover_8.jpg" style="background-image: url('https://thb.tildacdn.com/tild3663-6132-4539-b764-653534623563/-/resizeb/20x/Cover_8.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">3D звук в PlayStation 5: трассировка лучей и дружба со Steam (Valve). Технологии новых консолей</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем, как технология трёхмерного аудио в PlayStation 5 может повлиять на геймдизайн и производство игр, а также о принципах работы звука с помощью трассировки лучей. Бонусом разобрались, как Sony пришла к созданию Tempest Engine, и подружилась со</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroeny-virtualnye-kamery"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6435-3934-4637-a635-316139343938/Cover_9.jpg" style="background-image: url('https://thb.tildacdn.com/tild6435-3934-4637-a635-316139343938/-/resizeb/20x/Cover_9.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроены виртуальные камеры в играх. Влияние ракурса камер на геймплей.</div> <div class="t404__descr t-descr t-descr_xs">Рассматриваем виды расположения камер в играх разных жанров, статические и динамические камеры. Чем хорош виртуальный продакш игр и работа с камерой в смешанном пространстве.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotayut-filmy-o-zombi-tropy-syuzhety-i-istoriya-zhanra"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6563-6637-4237-b561-343662613962/Cover_6.jpg" style="background-image: url('https://thb.tildacdn.com/tild6563-6637-4237-b561-343662613962/-/resizeb/20x/Cover_6.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работают фильмы о зомби. Тропы, сюжеты и история жанра</div> <div class="t404__descr t-descr t-descr_xs">COVID-19, конечно, мало похож на зомби-вирус, но параллели из поп-культуры напрашиваются сами собой. В изначальной версии сценария эпидемия в «Войне миров Z» началась именно в Китае, а желание многих корона-скептиков посещать бары до последнего дня работы — это будто бы цитата из «Шона живых мертвецов». Рассказываем об основных сценарных законах зомби-фильмов и о том, чем они напоминают реальную пандемию. Видеоверсия нашей статьи для наглядности.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-mett-nava-art-direktor-journey-i-abz"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3466-3337-4336-a262-663563336535/Cover_2.jpg" style="background-image: url('https://thb.tildacdn.com/tild3466-3337-4336-a262-663563336535/-/resizeb/20x/Cover_2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Мэтт Нава, арт-директор Journey и Abzû</div> <div class="t404__descr t-descr t-descr_xs">К Мэтту Наве успех пришёл невероятно рано. Сразу после защиты диплома он устроился арт-директором в thatgamecompany — в этой должности он занимался и концептами, и 3D-моделированием, и анимациями. Первая игра, над которой он работал от начала и до конца — легендарная Journey. По ссылке — высказывания художника о творческом пути и подходе к созданию игр, а также множество потрясающих артов к Journey и Abzû.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/chto-skryvaet-odezhda-geroev-nier-automata"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6363-3632-4563-b632-366533623432/Cover_8.jpg" style="background-image: url('https://thb.tildacdn.com/tild6363-3632-4563-b632-366533623432/-/resizeb/20x/Cover_8.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Что скрывает одежда героев NieR: Automata</div> <div class="t404__descr t-descr t-descr_xs">Продолжаем рассказывать о том, что стоит за дизайном костюмов в популярных играх. В этом материале — об одежде из NieR: Automata. Как костюмы роботов и андроидов доносят идеи создателей игры, чем вдохновлялись Йоко Таро и Акихико Йосида, и при чём тут японская субкультура «лолит».</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ishchut-lokacii-dlya-syomok-kino"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6532-6538-4166-b637-376432666333/Cover_2.jpg" style="background-image: url('https://thb.tildacdn.com/tild6532-6538-4166-b637-376432666333/-/resizeb/20x/Cover_2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как ищут локации для съёмок кино</div> <div class="t404__descr t-descr t-descr_xs">Николай Кубрак пообщался с экспертами из индустрии и досконально разобрался в том, как устроен процесс поиска подходящих мест для съёмок фильмов и клипов. Из этого материала вы узнаете, как устроена профессия локейшн-менеджера, и почему постоянные путешествия по миру в поисках живописных локаций — это далеко не так весело и приятно, как многие представляют.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-igry-sozdayut-dramaticheskoe-napryazhenie"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6634-3038-4931-a264-363762373934/Cover_12.jpg" style="background-image: url('https://thb.tildacdn.com/tild6634-3038-4931-a264-363762373934/-/resizeb/20x/Cover_12.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как игры создают драматическое напряжение</div> <div class="t404__descr t-descr t-descr_xs">Интерес к произведению зависит от грамотно расставленных пиков и спадов драматического напряжения. Слишком мало драматичных моментов — станет скучно. Слишком много — потеряется эффект. Разбираемся, как игры управляют напряжением, используя четыре инструмента: ожидание, неизвестность, сложность и страх.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdayut-oruzhie-i-tehniku-dlya-aaa-igr"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3661-6137-4262-b036-383933613065/Cover_14.jpg" style="background-image: url('https://thb.tildacdn.com/tild3661-6137-4262-b036-383933613065/-/resizeb/20x/Cover_14.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создают оружие и технику для AAA-игр (Outriders, Call of Duty, Love Death & Robots). Женя Пак</div> <div class="t404__descr t-descr t-descr_xs">Взяли интервью у 3D-художника Жени Пака — он создавал футуристические ассеты для Call of Duty: Infinite Warfare и Subnautica, а сейчас живёт в Польше и работает в People Can Fly. Женя рассказал о своей карьере и «плохих заказчиках», работе в команде и на фрилансе, а также о том, чем опасны «сломанное мышление» и перфекционизм.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/realizm-vo-blago-geymdizayn-po-danielyu-vavre"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6466-6433-4134-a462-333830343965/Cover_10.jpg" style="background-image: url('https://thb.tildacdn.com/tild6466-6433-4134-a462-333830343965/-/resizeb/20x/Cover_10.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Реализм во благо: геймдизайн по Даниэлю Вавре</div> <div class="t404__descr t-descr t-descr_xs">После выхода Kingdom Come: Deliverance многие критиковали Даниэля Вавру за то, что он слишком увлёкся погоней за «реализмом», и в итоге заставил игроков заниматься скучной рутиной. Но за стремлением геймдизайнера «сделать всё, как в жизни» стоит довольно стройная теория. Рассказываем о необычных принципах геймдизайна, которые Вавра сформировал ещё во времена работы над Mafia: The City of Lost Heaven.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-niklas-okerblad--avtor-kislotnyh-oblozhek"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6636-3632-4262-b031-376361376262/Cover_1.jpg" style="background-image: url('https://thb.tildacdn.com/tild6636-3632-4262-b031-376361376262/-/resizeb/20x/Cover_1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Никлас Окерблад — автор кислотных обложек и саундтрека Hotline Miami</div> <div class="t404__descr t-descr t-descr_xs">Никлас Окерблад — художник и композитор, прославившийся обложками и саундтреком к культовой Hotline Miami. Его история жизни — под стать творчеству: уже в школьные годы учителя звонили родителям Никласа из-за его «странных» кровавых рисунков. В этом материале мы собрали психоделические арты и треки Никласа, а также его наиболее яркие высказывания. Почему Hotline Miami получилась именно такой, как творчество позволяет не сойти с ума, и почему настоящий художник не должен думать об авторском праве.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-kino-o-zombi-virusah-evolyuciya-i-tropy"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3538-6662-4132-b162-313465373134/Cover_4.jpg" style="background-image: url('https://thb.tildacdn.com/tild3538-6662-4132-b162-313465373134/-/resizeb/20x/Cover_4.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает кино о зомби-вирусах: эволюция и тропы</div> <div class="t404__descr t-descr t-descr_xs">COVID-19, конечно, мало похож на зомби-вирус, но параллели из поп-культуры напрашиваются сами собой. В изначальной версии сценария эпидемия в «Войне миров Z» началась именно в Китае, а желание многих корона-скептиков посещать бары до последнего дня работы — это будто бы цитата из «Шона живых мертвецов». Рассказываем об основных законах зомби-фильмов и о том, чем они напоминают реальную пандемию.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ne-rabotaet-kor-geympley-v-sikvelah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6464-3130-4932-b436-356361373730/Cover_2.jpg" style="background-image: url('https://thb.tildacdn.com/tild6464-3130-4932-b436-356361373730/-/resizeb/20x/Cover_2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как не работает кор-геймплей в сиквелах: Resident Evil 3 Remake, Half-Life Alyx, Doom Eternal</div> <div class="t404__descr t-descr t-descr_xs">Сиквелам часто бывает сложно найти верный баланс между старым и новым. С одной стороны нужно привнести что-то уникальное, а с другой — сохранить кор-геймплей, за который эту серию полюбили. Doom Eternal, Half-Life: Alyx и Resident Evil 3 Remake подошли к этой задаче тремя очень разными способами. В этом видео разбираемся, что из этого вышло.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/3d-kak-iskusstvo-pochemu-vazhno-eksperimentirovat-i-razvivatsya-tvorcheski"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3539-3934-4762-b030-343238383366/Cover_1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3539-3934-4762-b030-343238383366/-/resizeb/20x/Cover_1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">3D для души: почему важно экспериментировать и развиваться творчески.</div> <div class="t404__descr t-descr t-descr_xs">3D художники о том, почему 3d-моделирование - не только работа, но и занятие для души. Как относиться к 3D как к искусству самовыражения, развиваться и экспериментировать.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-snyat-film-v-zamknutom-prostranstve-5-variantov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3761-6138-4232-b166-633531646437/Cover_5.jpg" style="background-image: url('https://thb.tildacdn.com/tild3761-6138-4232-b166-633531646437/-/resizeb/20x/Cover_5.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как снять фильм в замкнутом пространстве: 5 вариантов</div> <div class="t404__descr t-descr t-descr_xs">Чем занять себя на карантине? Почему бы не снять фильм! В этом материале мы собрали пять инструкций о том, как снять полноценное кино, не покидая замкнутого пространства — с советами режиссёров и разбором технологий съёмки.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/level-dizayn-v-aaa-igrah-intervyu"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6634-3138-4233-b039-653763383861/Cover_2.jpg" style="background-image: url('https://thb.tildacdn.com/tild6634-3138-4233-b039-653763383861/-/resizeb/20x/Cover_2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Левел-дизайн в AAA-играх: интервью с Максом Пирсом (The Division и одна польская экшн-рпг)</div> <div class="t404__descr t-descr t-descr_xs">Съездили в Польшу и взяли большое интервью о левел-дизайне у преподавателя курса OutBlock Макса Пирса: раньше он создавал уровни для The Division, а сейчас работает в CD Projekt Red. Поговорили о том, как попасть в профессию, как работать с художниками и тестровщиками, чем хороший уровень отличается от плохого, как работать над открытыми мирами, — и о многом другом.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/personazhi-rodivshiesya-iz-mehanik"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6236-6237-4137-b635-346162643566/Cover1.jpg" style="background-image: url('https://thb.tildacdn.com/tild6236-6237-4137-b635-346162643566/-/resizeb/20x/Cover1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Персонажи, родившиеся из механик: как геймплей определяет нарратив</div> <div class="t404__descr t-descr t-descr_xs">Некоторых персонажей, которых мы знаем и любим, изначально вводили в игру лишь для того, чтобы раскрыть или обосновать определённую механику, а каких-то — и вовсе в качестве элемента интерфейса. Рассказываем о персонажах-функциях, которые начали жить собственной жизнью.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sdelat-chtoby-povyshenie-urovnya-prinosilo-radost-6-sovetov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3662-3264-4635-a234-653334366230/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3662-3264-4635-a234-653334366230/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Геймдизайн: как сделать так, чтобы повышение уровня приносило игроку радость.</div> <div class="t404__descr t-descr t-descr_xs">Механику повышения уровня персонажа геймдизайнеры используют чтобы мотивировать игроков играть дальше. Расскажем как мотивировать игрока прокачиваться и проходить новые уровни.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroen-dizayn-bayonetty"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6161-3034-4963-a665-303261663837/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6161-3034-4963-a665-303261663837/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроен дизайн Байонетты — БДСМ, каблуки-револьверы, костюм из волос и очки. Bayonetta</div> <div class="t404__descr t-descr t-descr_xs">Дизайн костюмов может многое рассказать как об отдельных персонажах, так и о мире игры в целом. В этом видео подробно разбираем моду из Dishonored: как авторы искали нужную эстетику, почему женщины Островной империи носят пиджаки и штаны вместо платьев, и при чём тут модный журнал Vogue. Экранизировали нашу статью.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/moda-v-dishonored-kak-dizayn-odezhdy-rasskazyvaet-istoriyu-v-igrah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3461-6235-4130-b465-353163393164/badge1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3461-6235-4130-b465-353163393164/-/resizeb/20x/badge1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Мода в Dishonored. Как дизайн одежды рассказывает историю в играх</div> <div class="t404__descr t-descr t-descr_xs">Дизайн костюмов может многое рассказать как об отдельных персонажах, так и о мире игры в целом. В этом видео подробно разбираем моду из Dishonored: как авторы искали нужную эстетику, почему женщины Островной империи носят пиджаки и штаны вместо платьев, и при чём тут модный журнал Vogue. Экранизировали нашу статью.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/dzhon-suini--hudozhnik-kotoryy-pridumyvaet-okruzhenie-dlya-igr-naughty-dog"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3463-6637-4530-a537-613930643737/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3463-6637-4530-a537-613930643737/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Джон Суини – художник, который придумывает окружение для игр Naughty Dog</div> <div class="t404__descr t-descr t-descr_xs">Джон Суини с юности мечтал работать в Naughty Dog и даже специально затачивал свой стиль под проекты студии. Теперь он — арт-директор, а легендарные локации для Uncharted и The Last of Us создают по его концептам. По ссылке, по традиции — история успеха, вдохновляющие цитаты и лучшие работы.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/eksperimenty-v-half-life-alyx--proveryaem-igru-na-prochnost"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3366-3062-4166-b933-333138363437/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3366-3062-4166-b933-333138363437/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Эксперименты в Half-Life: Alyx — проверяем игру на прочность</div> <div class="t404__descr t-descr t-descr_xs">Судя по восторженным отзывам, кажется, что в Half-Life: Alyx возможно вообще всё. Но мы, разумеется, относимся к этому со скепсисом. В этом видео мы проверили игру на прочность с помощью экспериментов.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/dag-chiang--dizayner-opredelivshiy-vneshniy-oblik-novyh-zvyozdnyh-voyn"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6231-6664-4364-a565-346431336439/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6231-6664-4364-a565-346431336439/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Даг Чианг — дизайнер, определивший внешний облик новых «Звёздных войн»</div> <div class="t404__descr t-descr t-descr_xs">За свою впечатляющую карьеру дизайнер и художник Даг Чианг успел поработать над «Терминатором 2», «Джуманджи», «Маской», «Беовульфом» и многими другими фильмами. Но его настоящей страстью всегда были «Звёздные войны». По ссылке — вдохновляющая история о том, как преданный фанат франшизы в итоге оказался в кресле креативного директора Lucasfilm. А ещё — пять принципов дизайна, которым он следует.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavat-koncept-art--polishing-i-bolvanki"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3661-6636-4838-a135-376133366134/Cover_2.jpg" style="background-image: url('https://thb.tildacdn.com/tild3661-6636-4838-a135-376133366134/-/resizeb/20x/Cover_2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создать концепт-арт персонажа: полишинг и болванки в Photoshop.</div> <div class="t404__descr t-descr t-descr_xs">Задача болванки - упростить процесс рендеринга или визуализации. Показываем как отполировать болванку, поработать над позой, поставить свет и добавить объема модели персонажа.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/chego-zhdat-ot-devyatogo-pokoleniya-konsoley"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3262-6261-4439-a536-633130303435/Cover.jpg" style="background-image: url('https://thb.tildacdn.com/tild3262-6261-4439-a536-633130303435/-/resizeb/20x/Cover.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Чего ждать от девятого поколения консолей</div> <div class="t404__descr t-descr t-descr_xs">В середине марта Sony и Microsoft опубликовали много информации о Xbox Series X и PlayStation 5. Выяснилось, что две компании придерживаются очень разного подхода к созданию консолей нового поколения. Изучили официальные презентации, аналитические разборы от Digital Foundry и мнения отдельных разработчиков, чтобы выяснить, куда новые консоли могут повести игровую индустрию.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdali-gravipushku-v-half-life-2-i-graviperchatki"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3335-3564-4431-b963-623931383166/IMG_20200326_113921_.jpg" style="background-image: url('https://thb.tildacdn.com/tild3335-3564-4431-b963-623931383166/-/resizeb/20x/IMG_20200326_113921_.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создали гравипушку в Half-Life 2 и гравиперчатки в Half-Life: Alyx</div> <div class="t404__descr t-descr t-descr_xs">Гравитационная пушка из Half-Life 2 превращает обычный уровень в «парк развлечений» — можно швыряться во врагов объектами или даже перехватывать гранаты на лету. А ведь эта «фирменная» механика появилась в игре практически случайно. Рассказываем, как Valve дали игрокам экспериментировать с физикой, и как гравитация используется в Half-Life: Alyx. Видеоверсия нашей статьи.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-delayut-indi-igry"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6163-3062-4137-a130-346565346661/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6163-3062-4137-a130-346565346661/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как делают инди-игры: The Friends of Ringo Ishikawa и Arrest of a stone Buddha. Интервью с Yeo</div> <div class="t404__descr t-descr t-descr_xs">Мы пригласили в студию разработчика игр The friends of Ringo Ishikawa и Arrest of a stone Buddha, известного под ником Yeo. Поговорили о том, как делать игры в одиночку: как искать художников, проводить тесты, просить отца рисовать пиксель-арт, придумывать механики и выкидывать их. А ещё о том, как не бросить геймдев после провального релиза.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-urovni-dlya-fallout-3-i-skyrim"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6566-3338-4231-a237-323962383236/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6566-3338-4231-a237-323962383236/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали уровни для Fallout 3 и Skyrim. Работа левел-дизайнеров Bethesda.</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем про итеративный подход в левел-дизайне, создание модульного дизайна уровня и эволюцию китов. На примере создания уровней для игр Fallout и The Elder Scrolls.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kto-sozdal-dizayn-serii-final-fantasy"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6461-3639-4564-b439-633033396136/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6461-3639-4564-b439-633033396136/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Кто создал дизайн серии Final Fantasy: история и стиль Ёситака Амано</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем о жизни и творчестве Ёситаки Амано — художника, стоявшего у истоков серии Final Fantasy. Вы узнаете, как Амано создал облик FF и постепенно терял над ним контроль, как он работал над «Сэндменом» вместе с Нилом Гейманом, и почему он старается ничего не планировать заранее. Традиционная видеоверсия нашей статьи.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-gravitacionnuyu-pushku-iz-half-life"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6236-3639-4938-b336-313336346237/bagde.jpg" style="background-image: url('https://thb.tildacdn.com/tild6236-3639-4938-b336-313336346237/-/resizeb/20x/bagde.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали гравитационную пушку из Half-Life</div> <div class="t404__descr t-descr t-descr_xs">Гравитационная пушка из Half-Life 2 превращает обычный уровень в «парк развлечений» — можно швыряться во врагов любыми объектами или даже перехватывать гранаты на лету. А ведь эта механика появилась в игре практически случайно. Рассказываем, как Valve дали игрокам экспериментировать с физикой, и как гравитация будет использоваться в грядущей Half-Life: Alyx.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/psihologiya-cveta-v-igrah-video"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3862-6433-4261-a665-666464656334/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3862-6433-4261-a665-666464656334/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Психология цвета в играх</div> <div class="t404__descr t-descr t-descr_xs">Цвет в играх используют для создания атмосферы, разграничения противоборствующих сторон, навигации, создания визуальной иерархии и многого другого. Рассказываем, что о влиянии цвета на эмоции и поведении игрока говорят психологи и разработчики. Видеоверсия недавней статьи.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-fen-chzhu-kontsept-hudozhnik-mesti-sithov-gears-of-war-i-ality"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6534-3637-4862-b030-663233656538/photo.jpg" style="background-image: url('https://thb.tildacdn.com/tild6534-3637-4862-b030-663233656538/-/resizeb/20x/photo.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Фэн Чжу, концепт-художник «Мести ситхов», Gears of War и «Алиты»</div> <div class="t404__descr t-descr t-descr_xs">Сегодня Фэн Чжу — один из самых востребованных и влиятельных концепт-художников в индустрии развлечений. В его портфолио — самые разнообразные проекты: от Dead Space и Wolfenstein до третьего эпизода «Звёздных войн», над которым он работал вместе с Джорджем Лукасом. Делимся наиболее интересными высказываниями, советами и историями художника, а заодно — его лучшими работами.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/dizayn-kostyumov-v-dishonored"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6662-3532-4638-a438-343435323235/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6662-3532-4638-a438-343435323235/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Дизайн костюмов в Dishonored. Что одежда может рассказать о героях и их мире.</div> <div class="t404__descr t-descr t-descr_xs">Различия одежды социальных классов, общая мода и стиль персонажей, скрытые смыслы. Разбираемся, что можно увидеть, присмотревшись к одежде героев, на примере игры Dishonored. </div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-snimayut-russkie-klipy-rezhissyor-maks-shishkin"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3938-3434-4065-b863-356438613235/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3938-3434-4065-b863-356438613235/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как снимают русские клипы: Дорн, Би-2, Элджей, Джа Калиб, Лакоста и Матранг. Режиссёр Макс Шишкин</div> <div class="t404__descr t-descr t-descr_xs">Алексей Луцай взял интервью у режиссёра Макса Шишкина. Макс снимал клипы Элджея, Лакосты, Дорна, Джа Калиба, Матранга и Би-2. Он рассказал о работе с заказчиками, об утверждении сценария, монтаже, боевой хореографии, а также разобрал несколько сцен из своих работ. Например, съёмку клипа одним кадром.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/rabota-hudozhnika-postanovschika-v-7-voprosah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3536-6362-4632-b439-613634393436/photo.jpg" style="background-image: url('https://thb.tildacdn.com/tild3536-6362-4632-b439-613634393436/-/resizeb/20x/photo.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Работа художника-постановщика в 7 вопросах</div> <div class="t404__descr t-descr t-descr_xs">Художник-постановщик «Звоните ДиКаприо» и фильмов Германа-младшего Эльдар Кархалёв поделился с нами секретами своего ремесла и подробно рассказал о работе над конкретными фильмами. Эльдар объяснил, почему иногда художнику не обязательно уметь рисовать, описал разницу между российским и западным производством, а также рассказал, почему «обжить» декорации так же сложно, как и построить.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/yositaka-amano--glavnyy-hudozhnik-final-fantasy"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3334-6439-4633-b365-656534653638/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3334-6439-4633-b365-656534653638/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Ёситака Амано — главный художник Final Fantasy</div> <div class="t404__descr t-descr t-descr_xs">Осталось меньше месяца до выхода ремейка Final Fantasy VII. По этому случаю рассказываем о жизни и творчестве Ёситаки Амано — художника, стоявшего у истоков серии. Из материала вы узнаете, как Амано создал облик Final Fantasy и постепенно терял над ним контроль, как он работал над «Сэндменом» вместе с Нилом Гейманом, и почему он старается ничего не планировать заранее.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/skrytye-kamery-nacistskiy-poezd-i-badcomedian"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6433-3763-4230-b566-633532313039/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6433-3763-4230-b566-633532313039/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Скрытые камеры, нацистский поезд и BadComedian: интервью с художником «Дау» и «Звоните ДиКаприо»</div> <div class="t404__descr t-descr t-descr_xs">Взяли большое интервью у художника-постановщика «Дау», «Тряпичного союза» и «Звоните ДиКаприо» Эльдара Кархалёва. Из него вы узнаете, почему тоталитарный аттракцион Хржановского — «классный эксперимент», каково работать с Алексеем Германом-младшим и почему «Самый лучший день» на самом деле — «авторский проект».</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kakie-igry-sozdayut-arhitektory-video"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3531-3366-4236-a237-363466323362/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3531-3366-4236-a237-363466323362/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Какие игры создают архитекторы. Дизайн уровней The Witness, Control и земля будущего в Minecraft</div> <div class="t404__descr t-descr t-descr_xs">Любому левел-дизайнеру полезно разбираться в архитектуре и ландшафтном дизайне. Но что будет, если за создание игровых пространств возьмётся профессиональный архитектор? Рассказываем, как над играми работают архитекторы без опыта в индустрии, что у них получается, и есть ли смысл привлекать таких специалистов к работе. Традиционная видеоверсия нашей статьи.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/cvet-i-psihologiya-na-chto-vliyaet-cvet-v-videoigrah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6232-6562-4865-a232-656537313237/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6232-6562-4865-a232-656537313237/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Цвет и геймдизайн: как цвета влияют на ощущения от видеоигры и поведение игроков.</div> <div class="t404__descr t-descr t-descr_xs">Цветовая палитра игры влияет на эмоции и поведение игроков. Узнай какие цвета геймдизайнеры используют для навигации, разграничения противников или визуальной иерархии.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/videoigry-i-dzen-kak-zastavit-igroka-rasslabitsya"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3235-3534-4235-b131-633535623366/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3235-3534-4235-b131-633535623366/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Видеоигры и «дзен»: как заставить игрока расслабиться</div> <div class="t404__descr t-descr t-descr_xs">Видеоигры — это не только об экшене и драматичных моментах, но и о умиротворении и медитации. Рассказываем, что стояло за созданием игр, в которых некуда спешить — от Animal Crossing и Stardew Valley до Journey и Abzû.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/sid-mid--dizayner-kiberpanka-begushchego-po-lezviyu"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3433-3964-4264-a135-626632333934/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3433-3964-4264-a135-626632333934/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Сид Мид — дизайнер киберпанка Бегущего по лезвию, футуризма и фантастики в кино. История и стиль</div> <div class="t404__descr t-descr t-descr_xs">30 декабря 2019 года скончался Сид Мид — легендарный концепт-художник, работавший над «Бегущим по лезвию» и «Троном». Его называли гением; визионером, опередившим время, и даже «дедушкой концепт-дизайна». Сделали видеоверсию статьи о том, почему Сида Мида так почитают в профессиональной среде, и как он повлиял на индустрию. А помогли нам в этом российские концепт-художники.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kakie-igry-sozdayut-arhitektory"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6138-6632-4134-a637-363632663863/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6138-6632-4134-a637-363632663863/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Какие игры создают архитекторы. Как архитектору пойти в левел-дизайн.</div> <div class="t404__descr t-descr t-descr_xs">Архитектурный подход полезен в работе над любой 3D-игрой. Узнай как профессиональные архитекторы без опыта в геймдеве принимают участие в создании дизайна уровней.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-motion-capture-aktyory-i-budushchee"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3632-3933-4564-a435-623865326431/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3632-3933-4564-a435-623865326431/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает Motion Capture: актёры и будущее</div> <div class="t404__descr t-descr t-descr_xs">Почему каст игр зачастую больше, чем актёрский состав блокбастеров; сколько человек «играют» одного персонажа; как часто звёзды на самом деле появляются на съёмочной площадке и переживёт ли Motion Capture конкуренцию с Deepfake? На все эти вопросы мы вместе с экспертами отвечаем в продолжении большого материала о технологии захвата движения. В этот раз — о том, как устроена работа мокап-актёров, и о потенциале Motion Capture.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-zastavit-igrokov-tvorit-filosofiya-media-molecule"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6137-6263-4661-b338-646537386265/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6137-6263-4661-b338-646537386265/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как заставить игроков творить: философия Media Molecule, создателей Dreams</div> <div class="t404__descr t-descr t-descr_xs">Dreams — одновременно и игра, и невероятно удобный инструмент для создания собственных игр и других произведений искусства. Её главная идея — сделать из игроков полноценных творцов. Сделали видеоверсию нашей статьи о философии, стоявшей за созданием этого необычного проекта.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-motion-capture-evolyutsiya-i-zakulise"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3364-3734-4162-b232-376432643234/beidj.jpg" style="background-image: url('https://thb.tildacdn.com/tild3364-3734-4162-b232-376432643234/-/resizeb/20x/beidj.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает Motion Capture: эволюция и закулисье</div> <div class="t404__descr t-descr t-descr_xs">30 лет назад создатель «Принца Персии» записывал движения брата, чтобы перенести их в игру. Сейчас в создании ААА-проектов участвуют сотни актёров, а одного персонажа порой играют сразу четыре человека. С помощью российских специалистов по захвату движения объясняем, зачем актёры ползают по полу в странных костюмах, и почему такой съёмочный процесс совсем не похож на киношный.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/intervyu-kak-sozdavali-simulyator-korolya-yes-your-grace"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3630-3466-4461-a638-323765303764/_.jpg" style="background-image: url('https://thb.tildacdn.com/tild3630-3466-4461-a638-323765303764/-/resizeb/20x/_.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Интервью: как создавали симулятор короля Yes, Your Grace</div> <div class="t404__descr t-descr t-descr_xs">Геймдизайнеру и художнику Рафалю Бриксу понадобилось шесть лет, чтобы довести до ума визуальный стиль Yes, Your Grace — изначально ему недоставало навыков рисования, и весь арт пришлось переделывать несколько раз. Мы взяли у Брикса небольшое интервью о создании игры по случаю долгожданного завершения разработки — «симулятор короля» выйдет уже 6 марта.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-muzyku-k-the-banner-saga-istoriya-saundtreka-ostina-uintori"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6332-6265-4435-b032-353466656233/123.jpg" style="background-image: url('https://thb.tildacdn.com/tild6332-6265-4435-b032-353466656233/-/resizeb/20x/123.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали музыку к The Banner Saga. История саундтрека Остина Уинтори</div> <div class="t404__descr t-descr t-descr_xs">Сделали видеоверсию нашей статьи о том, как саундтрек Banner Saga создавали в условиях жёсткой экономии. В этом видео есть распиленная гитара, экзотические инструменты, судебный иск — и очень много красивой музыки.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-patrik-okifi-art-direktor-chelovek-pauk-cherez-vselennye"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6362-6363-4739-a361-396463373633/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6362-6363-4739-a361-396463373633/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Патрик О'Кифи, арт-директор «Человек-паук: Через вселенные»</div> <div class="t404__descr t-descr t-descr_xs">В 2008 году начинающего художника Патрика О'Киффи наняли рисовать граффити для новой Need for Speed. Спустя десять лет он стал арт-директором инновационного мультфильма «Человек-паук: Через вселенные». В новом выпуске #смог — рассказы о карьере и непростой работе арт-директора, высказывания об индустрии и советы о поисках собственного стиля.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/pochemu-sida-mida-schitayut-geniem-koncept-arta"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3533-6630-4565-b536-333435626261/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3533-6630-4565-b536-333435626261/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Почему Сида Мида считают гением концепт-арта. Визуальный футуризм Сиднея Мида.</div> <div class="t404__descr t-descr t-descr_xs">Обсуждаем наследие, творчество и влияние на все отрасли концепт-арта художника-футуриста Сиднея Джея Мида. Прорывные идеи Мида в промышленном дизайне и вклад в жанр киберпанка.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-zastavit-igrokov-tvorit-filosofiya-media-molecule-sozdatelej-dreams"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3964-3536-4636-b837-306431636264/render.jpg" style="background-image: url('https://thb.tildacdn.com/tild3964-3536-4636-b837-306431636264/-/resizeb/20x/render.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как заставить игроков творить: философия Media Molecule, создателей Dreams </div> <div class="t404__descr t-descr t-descr_xs">В феврале на PS4 вышла Dreams – то ли игра про всё на свете, то ли мощный движок для создания игр, музыки и мультфильмов, то ли и то, и другое. Студия Media Molecule шла к этому проекту с самого своего основания — разработчики всегда были увлечены идеей дать игрокам возможность творить. Рассказываем о философии студии и разбираемся, за счёт чего «Грёзы» работают как творческая экосистема.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavalas-the-longing--igra-v-kotoroy-nuzhno-zhdat-400-dney"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3030-3833-4137-b432-633732373333/bdge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3030-3833-4137-b432-633732373333/-/resizeb/20x/bdge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавалась The Longing — игра, в которой нужно ждать 400 дней</div> <div class="t404__descr t-descr t-descr_xs">5 марта выходит The Longing — одна из самых необычных инди-игр года. Чтобы её пройти, можно просто подождать 400 дней реального времени — игру при этом даже не нужно держать включённой. Рассказываем, как автор игры придумал и воплотил в жизнь эту странную на первый взгляд концепцию — вдохновившись собственным одиночеством, старинной немецкой легендой, музыкой жанра Dungeon Synth и... мобильными кликерами.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-razrabotchiki-ori-and-the-blind-forest-imitirovali-animaciyu"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3864-3033-4137-a162-333036316264/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3864-3033-4137-a162-333036316264/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как разработчики Ori and the Blind Forest достигли эффекта классической анимации.</div> <div class="t404__descr t-descr t-descr_xs">Разнообразие анимаций в игре Ori and the Blind Forest достигается программными средствами и грамотным совмещением 3D и 2D. Имитация эффекто в трехмерном пространстве.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-shigenori-soedzima-art-direktor-persona-i-catherine"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3237-3762-4265-a461-396134366335/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3237-3762-4265-a461-396134366335/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Шигенори Соедзима, арт-директор Persona и Catherine</div> <div class="t404__descr t-descr t-descr_xs">Новый герой рубрики #смог — Шигенори Соедзима, арт-директор легендарной серии Persona. Изучили многочисленные интервью художника и теперь рассказываем, какую музыку он включает во время работы над персонажами, где находит вдохновляющие образы и почему согласился рисовать эротику.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-koncepty-dragon-age-inquisition-video"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3864-6335-4832-a365-386636336465/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3864-6335-4832-a365-386636336465/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали концепты Dragon Age: Inquisition</div> <div class="t404__descr t-descr t-descr_xs">Изучили лекции арт-директора и сценариста Dragon Age: Inquisition и рассказываем, как художники BioWare создавали атмосферу игры, фракции и персонажей, вдохновляясь картинами эпохи Возрождения. Традиционная видеоверсия статьи для наглядности.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/pochemu-hudozhnik-dolzhen-znat-i-2d-i-3d"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3766-3734-4162-a333-303964323466/badge2.jpg" style="background-image: url('https://thb.tildacdn.com/tild3766-3734-4162-a333-303964323466/-/resizeb/20x/badge2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Почему художник должен знать и 2D и 3D. Развееваем главный миф концепт-арта.</div> <div class="t404__descr t-descr t-descr_xs">2D и 3D художники делают разную работу, но всем им необходимо освоить инструменты и 2D-рисования и 3D-моделирования. Зачем и как это помогает на практике расскажет Иван Растригин.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroeny-dveri-v-shuterah-dizayn-urovney"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3566-3136-4664-b836-626261646332/badge1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3566-3136-4664-b836-626261646332/-/resizeb/20x/badge1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроены двери в шутерах. Дизайн уровней</div> <div class="t404__descr t-descr t-descr_xs">Об устройстве дверей в мультиплеерных шутерах мало кто задумывается — а ведь они могут радикально изменить геймплей. Объясняем, почему в одних играх двери работают не так, как в реальном мире, а в других дверей вообще нет. Видеоверсия недавней статьи.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-boevuyu-sistemu-kingdom-come-deliverance-video"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3435-6335-4635-a338-626464363338/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild3435-6335-4635-a338-626464363338/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали боевую систему Kingdom Come: Deliverance</div> <div class="t404__descr t-descr t-descr_xs">Авторы Kingdom Come: Deliverance попытались воссоздать в игре реалистичные средневековые поединки, — для этого они сотрудничали с историками и реконструкторами и даже изучали старинные трактаты о фехтовании. Мы написали об этом статью, а теперь сделали видеоверсию для тех кому не хватило наглядности.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-fire-emblem-zastavlyaet-soperezhivat-yunitam"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6532-6632-4134-b137-626538353064/Cover_1.jpg" style="background-image: url('https://thb.tildacdn.com/tild6532-6632-4134-b137-626538353064/-/resizeb/20x/Cover_1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как Fire Emblem заставляет сопереживать юнитам. Связи между персонажами.</div> <div class="t404__descr t-descr t-descr_xs">Разбираемся почему фанаты любят персонажей Fire Emblem, и как серия научила игроков ценить каждого бойца. Система поддержки, окончательная смерть и взаимоотношения героев.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/principy-postanovki-sveta-v-igre-s-vidom-sverhu"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3465-6562-4633-b466-333931646263/fdgdfgw.jpg" style="background-image: url('https://thb.tildacdn.com/tild3465-6562-4633-b466-333931646263/-/resizeb/20x/fdgdfgw.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Принципы постановки света в игре с видом сверху</div> <div class="t404__descr t-descr t-descr_xs">3D-художник Антон Агеев, работавший над «Блицкриг 3» и World of Tanks, рассказал о принципах постановки света. На примере освещения домов в игре с видом сверху объясняем, как сделать так, чтобы объекты в кадре не теряли объём.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroen-balans-v-igrah-blizzard"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3731-6239-4463-b566-366135323932/Cover_16.jpg" style="background-image: url('https://thb.tildacdn.com/tild3731-6239-4463-b566-366135323932/-/resizeb/20x/Cover_16.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроен баланс в играх Blizzard. Правила и приемы для балансировки игр.</div> <div class="t404__descr t-descr t-descr_xs">На примере игр от Blizzard разбираем как геймдизайнеры могут сбалансировать игру на этапе разработки и после релиза. Какими приемами нужно пользоваться, чтобы не допустить дисбаланс.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-pridumat-scenariy-igry-a-ne-filma-syuzhet--eto-ne-tekst"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3439-3033-4561-b264-613039326639/sfghgfhs.jpg" style="background-image: url('https://thb.tildacdn.com/tild3439-3033-4561-b264-613039326639/-/resizeb/20x/sfghgfhs.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как придумать сценарий игры, а не фильма. Сюжет — это не текст</div> <div class="t404__descr t-descr t-descr_xs">Алексей Луцай в своём эссе рассказывает, как начать думать на языке игр.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ostin-uintori-sozdaval-muzyku-dlya-banner-saga"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6161-6239-4365-b234-323838623033/43525.jpg" style="background-image: url('https://thb.tildacdn.com/tild6161-6239-4365-b234-323838623033/-/resizeb/20x/43525.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как Остин Уинтори создавал музыку для Banner Saga</div> <div class="t404__descr t-descr t-descr_xs">Композитор Journey и Abzû Остин Уинтори в течение шести лет создавал саундтрек для Banner Saga. У студии вечно не хватало средств, и Уинтори шёл на ухищрения, чтобы добиться «дорогого». В этой истории есть распиленная гитара, музыкант по имени Викинг-Иисус, экзотические инструменты и судебный иск:</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/level-dizayn-v-mmorpg-upadok-i-pererozhdenie"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3066-3333-4564-b839-633637363336/13462135462456.jpg" style="background-image: url('https://thb.tildacdn.com/tild3066-3333-4564-b839-633637363336/-/resizeb/20x/13462135462456.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Левел-дизайн в MMORPG: упадок и перерождение</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем, как идеи из классических MMORPG формируют левел-дизайн лутер-шутеров, «выживалок» и «королевских битв». Онлайн-игры развиваются, но многие из основных принципов построения локаций остаются прежними.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smog-raf-grassetti-art-direktor-santa-monica-studio"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6431-6663-4763-a263-366666613138/Cover_8.jpg" style="background-image: url('https://thb.tildacdn.com/tild6431-6663-4763-a263-366666613138/-/resizeb/20x/Cover_8.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Смог: Раф Грассетти, арт-директор Santa-Monica Studio</div> <div class="t404__descr t-descr t-descr_xs">Запускаем новую рубрику — будем собирать советы и просто интересные высказывания от выдающихся людей из индустрии и показывать их работы. В первом выпуске — Рафаэль Грассетти, который прошёл путь от 3D-художника бразильской рекламы до арт-директора Santa Monica Studio, а по пути поработал над Mass Effect и The Order: 1886.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-igrovye-dvizhki-menyayut-kino"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3030-6230-4534-a462-316231623233/123.jpg" style="background-image: url('https://thb.tildacdn.com/tild3030-6230-4534-a462-316231623233/-/resizeb/20x/123.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как игровые движки меняют кино</div> <div class="t404__descr t-descr t-descr_xs">Игровой движок Unreal Engine 4 вовсю используют в кино. Например, в «Мандалорце» создавали виртуальные объекты прямо на съёмочной площадке. Рассказываем, как технология из игровой индустрии радикально меняет подход к съёмкам блокбастеров. Видеоверсия недавней статьи.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/analiz-form-i-proporcij"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3838-3461-4664-b961-663865663138/photo.jpg" style="background-image: url('https://thb.tildacdn.com/tild3838-3461-4664-b961-663865663138/-/resizeb/20x/photo.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Анализ форм и пропорций</div> <div class="t404__descr t-descr t-descr_xs">Игорь Дятлов составил гайд о том, как надо правильно анализировать формы и пропорции предметов перед созданием 3D-модели. Эта техника может сэкономить кучу времени, - хотя поначалу будет казаться, что всё наоборот.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroen-level-dizayn-v-mmorpg"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6264-6139-4734-b266-303238386131/1423546.jpg" style="background-image: url('https://thb.tildacdn.com/tild6264-6139-4734-b266-303238386131/-/resizeb/20x/1423546.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Принципы левел-дизайна в MMORPG. Особенности левел-дизайна игр MMO жанра.</div> <div class="t404__descr t-descr t-descr_xs">Разбираемся, как работает дизайн уровня в MMORPG, как он развивался и какие особенности стоит учитывать: ориентиры и границы, энкаунтеры, типы контента, каналы и фазирование.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/hudozhnik-blasphemous-o-piksel-arte"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3762-3236-4565-a133-336235626633/Cover1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3762-3236-4565-a133-336235626633/-/resizeb/20x/Cover1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Художник-аниматор Blasphemous о пиксель-арте. Пиксель-артист Андрей Гогия.</div> <div class="t404__descr t-descr t-descr_xs">Интересное о пиксель-арте. Интервью от художника из индустрии пиксель-арта: как рисовать пикселями, зачем нужны карандаши с пластилином, секрет создания идеального босса. </div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-sistemu-fehtovaniya-dlya-kingdom-come-deliverance"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6332-6338-4131-b838-666139373132/Cover_6.jpg" style="background-image: url('https://thb.tildacdn.com/tild6332-6338-4131-b838-666139373132/-/resizeb/20x/Cover_6.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали систему фехтования для Kingdom Come:Deliverance. Геймдизайн.</div> <div class="t404__descr t-descr t-descr_xs">Разбираемся как создавали систему боя от первого лица и разрабатывали хореографию фехтования геймдизайнеры Kingdom Come:Deliverance. Тонкости реального средневекового боя.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/3d-hudozhniki-razbirayut-personazhey-godfall"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3130-6531-4563-b737-363863386161/Cover_1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3130-6531-4563-b737-363863386161/-/resizeb/20x/Cover_1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Разбор персонажей Godfall 3D-художниками. Ошибки в Godfall- первой игре для PS5.</div> <div class="t404__descr t-descr t-descr_xs">Обзор на Godfall от 3D-художника Евгения Пака. Оценка архетипов, силуэтов и стилистики персонажей Godfall- первой игры для PlayStation 5. Рецензия на ошибки в Godfall.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/za-chto-dayut-tehnicheskie-oskary"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6535-3737-4564-b235-376536386433/beidj.png" style="background-image: url('https://thb.tildacdn.com/tild6535-3737-4564-b235-376536386433/-/resizeb/20x/beidj.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">За что дают технические «Оскары»</div> <div class="t404__descr t-descr t-descr_xs">В преддверии «Оскара» мы подготовили масштабный гайд по техническим номинациям — совместно с российскими операторами, художниками-постановщиками, звукорежиссёрами и другими экспертами. Рассказываем, чем «Лучший звук» отличается от «Лучшего звукового монтажа», и как академики отличают хороший монтаж от плохого.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/optimizaciya-pochemu-vremya-vazhnee-poligonov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6131-6535-4365-b039-383838326561/hg.png" style="background-image: url('https://thb.tildacdn.com/tild6131-6535-4365-b039-383838326561/-/resizeb/20x/hg.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроена оптимизация, и почему количество полигонов тут - не ключевой фактор.</div> <div class="t404__descr t-descr t-descr_xs">Не трать время впустую на сокращение полигонов. Узнай как значение вызовов отрисовки, динамический батчинг и уровни детализации влияют на стоимость отрисовки кадра.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/razrabotka-manifold-garden-kak-nadelat-oshibok-i-vsyo-ispravit"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3038-6461-4131-b039-666264643761/ygyjg.png" style="background-image: url('https://thb.tildacdn.com/tild3038-6461-4131-b039-666264643761/-/resizeb/20x/ygyjg.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Разработка Manifold Garden: как наделать ошибок и всё исправить</div> <div class="t404__descr t-descr t-descr_xs">Как-то раз художник и бывший физик без опыта в геймдеве вдохновился фильмом «Начало» и взялся разрабатывать игру о физических законах и теории струн. Конечно, он наделал кучу ошибок, а разработка затянулась на шесть лет — но в итоге всё закончилось хорошо. Вдохновляющая история — внутри. </div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/3d-modelirovanie-kak-zagoretsya-i-ne-peregoret"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3238-3964-4064-a236-666566376435/photo.png" style="background-image: url('https://thb.tildacdn.com/tild3238-3964-4064-a236-666566376435/-/resizeb/20x/photo.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">3D-моделирование. С чего начать, как сделать карьеру в 3D и не перегореть.</div> <div class="t404__descr t-descr t-descr_xs">Как построить карьеру в 3д, сколько программ нужно знать, как развиваться и не повязнуть в рутине - профессиональный 3D-художник Евгений Пак делится ценным опытом.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-unreal-engine-ispolzuyut-v-kino"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6137-3966-4766-b638-343830666461/_.png" style="background-image: url('https://thb.tildacdn.com/tild6137-3966-4766-b638-343830666461/-/resizeb/20x/_.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как Unreal Engine используют в кино</div> <div class="t404__descr t-descr t-descr_xs">Игровой движок Unreal Engine 4 вовсю используют в кино. Например, в «Мандалорце» создавали виртуальные объекты прямо на съёмочной площадке. Рассказываем, как технология из игровой индустрии радикально меняет подход к съёмкам блокбастеров. Возможно, хромакей скоро будет не нужен.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-goroda-perenosyat-v-igry-referensy-sudy-shpionazh-i-puteshestviya"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6534-3061-4037-b830-303065383636/2beidj.png" style="background-image: url('https://thb.tildacdn.com/tild6534-3061-4037-b830-303065383636/-/resizeb/20x/2beidj.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как города переносят в игры? Референсы, суды, шпионаж и путешествия</div> <div class="t404__descr t-descr t-descr_xs">В этом видео: на что идут разработчики игр, чтобы добиться максимальной реалистичности. У нас была статья, но так — нагляднее.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavali-kontsepty-dragon-age-inquisition"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3561-3034-4135-b838-356235393731/rendersmall.png" style="background-image: url('https://thb.tildacdn.com/tild3561-3034-4135-b838-356235393731/-/resizeb/20x/rendersmall.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавали концепты Dragon Age: Inquisition. Главные референсы и идеи игры.</div> <div class="t404__descr t-descr t-descr_xs">О процессе создания концепт-арта для игры и персонажей Dragon Age: Inquisition и главных источниках вдохновения. Рассказывает арт-директор Dragon Age - Нил Томпсон. </div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-dobyvayut-referensy-puteshestviya-sudy-shpionazh"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3361-6531-4236-b937-343439656638/_.png" style="background-image: url('https://thb.tildacdn.com/tild3361-6531-4236-b937-343439656638/-/resizeb/20x/_.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создатели игр исследуют мир и добывают референсы: путешествия, суды, шпионаж.</div> <div class="t404__descr t-descr t-descr_xs">Чтобы создать в игре город или мир, разработчикам нужны сотни референсов. Рассказываем о разных способах сбора референсов на примерах разработчиков Far Cry 4 и GTA: Vice City.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-snimali-film-mayak"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3432-3937-4738-b035-343962373465/Cover.png" style="background-image: url('https://thb.tildacdn.com/tild3432-3937-4738-b035-343962373465/-/resizeb/20x/Cover.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Разбираем "Маяк": допотопные камеры, мифы и пьяный Паттинсон в самом необычном хорроре года</div> <div class="t404__descr t-descr t-descr_xs">Собрали информацию для тех, кто мечтает стать дизайнером уровней: стоит ли делать моды, как презентовать портфолио, что нужно работодателю.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/pokraska-drafta-tsvetom"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3139-3830-4031-a564-616231643234/beidj.png" style="background-image: url('https://thb.tildacdn.com/tild3139-3830-4031-a564-616231643234/-/resizeb/20x/beidj.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Покраска драфта цветом</div> <div class="t404__descr t-descr t-descr_xs">Куратор курса DRAFT PUNK Эдуарт Витер написал статью об основных принципах покраски драфта — а заодно объяснил, как человеческий глаз воспринимает цвет. Пригодится всем, кто занимается 3D — удачно покрашенная модель всегда смотрится выигрышнее «серой».</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-ustroeny-dveri-v-shuterah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6263-3237-4234-b033-323636316462/siteBeidj.png" style="background-image: url('https://thb.tildacdn.com/tild6263-3237-4234-b033-323636316462/-/resizeb/20x/siteBeidj.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как устроены двери в шутерах. Почему двери всегда открыты или их вовсе нет. </div> <div class="t404__descr t-descr t-descr_xs">Левел-дизайнер Денис Куандыков объясняет проблему дверей в мультиплеерных шутерах - и почему их там зачастую вообще нет,- а также делится советами по теме.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/besplatnyj_kurs_ozdaj_svoyu_pervuyu_3d_model"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3535-3830-4831-b361-333862396535/cY1E-IV4xXU.jpg" style="background-image: url('https://thb.tildacdn.com/tild3535-3830-4831-b361-333862396535/-/resizeb/20x/cY1E-IV4xXU.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Бесплатный курс - Создай свою первую 3D модель</div> <div class="t404__descr t-descr t-descr_xs">За 7 дней ты войдешь в профессию 3D художника и разберешь основу работы в программах, которые нужно знать любому трёхмерщику</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-kritikovat-igry-voyna-iz-za-the-last-of-us-2-"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6166-6434-4062-b138-383935643262/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6166-6434-4062-b138-383935643262/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как критиковать игры: война из-за The Last of Us 2. </div> <div class="t404__descr t-descr t-descr_xs">The Last of Us Part 2 спровоцировала войну, которая коснулась, пожалуй, всех, кто интересуется играми. Журналисты не сумели правильно рассказать об игре аудитории, а многие игроки не разобрались, как в ней работает язык игр. В этом эссе Алексей Луцай рассуждает о правильной критике игр, а также разбирает некоторые нюансы дизайна и подачи сюжета самой обсуждаемой игры года.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sdelat-igru-strashnoy"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6663-3233-4635-b538-326661363363/Cover-2.png" style="background-image: url('https://thb.tildacdn.com/tild6663-3233-4635-b538-326661363363/-/resizeb/20x/Cover-2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как сделать игру страшной. Интервью с авторами Layers of Fear, Observer и Blair Witch</div> <div class="t404__descr t-descr t-descr_xs">До пандемии мы побывали в Кракове и взяли интервью у Bloober Team — создателей Observer, Layers of Fear, Blair Witch, анонсированной недавно Medium и других необычных хорроров. В этом интервью разработчики подробно рассказывают, как работает жанр, и разбирают конкретные подходы и механики, с помощью которых вызывают страх.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdat-bossa-v-igre_video"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6532-3266-4664-a165-366264636364/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6532-3266-4664-a165-366264636364/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создать босса в игре</div> <div class="t404__descr t-descr t-descr_xs">Босс — это не просто противник, а своего рода награда за прохождение уровня. Очень важно, чтобы бой с ним принёс игроку положительные эмоции — на это должны работать и механики, и его визуальный дизайн, и построение арены. Разбираемся, как создать идеального босса — вместе с геймдизайнером Сергеем Праздничновым, левел-дизайнером Денисом Куандыковым и 3D-художником Николаем Цысом. Видеоверсия недавней статьи</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-uderzhivat-vnimanie-igroka"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6532-6461-4261-a233-643733616662/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6532-6461-4261-a233-643733616662/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как удержать внимание игрока и вовлечь его в игровой процесс элементами геймдизайна.</div> <div class="t404__descr t-descr t-descr_xs">Умение эффективно управлять вниманием игрока - основа успеха любой игры. Узнай какие механики удержания помогут продлить погружение и добровольное внимание игрока в геймплей.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/emerdzhentnost--kak-igroki-sozdayut-opyt-sistemnye-igry"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3364-3935-4336-b131-316537313930/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild3364-3935-4336-b131-316537313930/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Эмерджентность — как игроки создают опыт. Системные игры</div> <div class="t404__descr t-descr t-descr_xs">Эмерджентность — это когда игроку дают набор правил и механик, а он получает из них непредсказуемый опыт. Рассказываем, в чём польза и вред такого подхода в дизайне игр.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/narrativnyy-dizayn-v-igrah-kak-the-outer-worlds-kritikuet-kapitalizm"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3834-6636-4533-b963-313832343132/Cover-2.png" style="background-image: url('https://thb.tildacdn.com/tild3834-6636-4533-b963-313832343132/-/resizeb/20x/Cover-2.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Нарративный дизайн в играх: как The Outer Worlds критикует капитализм</div> <div class="t404__descr t-descr t-descr_xs">Донести до игроков идею можно не только при помощи сюжета и диалогов — разработчики делают это более тонко, посредством окружения, архитектуры, костюмов и прочих визуальных деталей. Разбираемся, как создатели The Outer Worlds настраивают нас против «хищнического» капитализма, умело работая с историческим контекстом и визуальными образами. Видеоверсия недавней статьи..</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/hudozhnik-po-okruzheniyu-cyberpunk-2077"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6339-3232-4265-a464-363231663733/Cover-1.png" style="background-image: url('https://thb.tildacdn.com/tild6339-3232-4265-a464-363231663733/-/resizeb/20x/Cover-1.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Художник по окружению Cyberpunk 2077 о том, как создают окружение в играх</div> <div class="t404__descr t-descr t-descr_xs">Взяли интервью у Ильи Иванова — художника по окружению из CD Projekt Red. Илья работал над Call of Duty: Infinite Warfare, Metro: Exodus и Mutant Year Zero. Смотрите вдохновляющий рассказ о карьере в геймдеве: от первой жёсткой критики на онлайн-форумах до переезда в Польшу ради работы над Cyberpunk 2077.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/milahi-v-horizon-zero-dawn-"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3632-3638-4163-b364-636634323761/Cover-1.jpg" style="background-image: url('https://thb.tildacdn.com/tild3632-3638-4163-b364-636634323761/-/resizeb/20x/Cover-1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Милахи в Horizon Zero Dawn </div> <div class="t404__descr t-descr t-descr_xs">Всем известно, что просмотр роликов с животными на ютубе — пустая трата времени. Но только если вы не аниматор Guerilla Games. Показываем, как движения морских слонов, малых панд и обычных куриц превращаются во впечатляющие боевые анимации огромных роботов из Horizon Zero Dawn. Видеоверсия недавней статьи.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-v-igrah-ogranichivayut-otkrytyy-mir"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3865-6430-4161-b535-343130393438/Cover_17.jpg" style="background-image: url('https://thb.tildacdn.com/tild3865-6430-4161-b535-343130393438/-/resizeb/20x/Cover_17.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как в играх ограничивают открытый мир</div> <div class="t404__descr t-descr t-descr_xs">Невидимые стены, в которые утыкаешься, добежав до края карты, не нравятся никому. Но есть и более удачные способы ограничить открытый мир — границу можно вписать в повествование, или же сделать так, чтобы игроку просто не захотелось к ней идти. Разобрались в том, какие тут есть хитрости, и взяли комментарий у левел-дизайнера Crytek Михаила Кадикова. Видеоверсия нашей недавней статьи.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/geymdizayn-danielya-vavry-kingdom-come-i-mafia"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6337-3432-4335-b061-363063636163/Cover_22.jpg" style="background-image: url('https://thb.tildacdn.com/tild6337-3432-4335-b061-363063636163/-/resizeb/20x/Cover_22.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Принципы реалистичного геймдизайна Даниэля Вавры: Kingdom Come и Mafia.</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем о необычных принципах геймдизайна и стремлении Даниэля Вавры "сделать все, как в жизни" в играх Kingdome Come:Deliverance и Mafia:The City Of Lost Heaven.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-napryazhenie-uglublyaet-geympley"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3030-6333-4032-b130-316437666535/Cover_17.jpg" style="background-image: url('https://thb.tildacdn.com/tild3030-6333-4032-b130-316437666535/-/resizeb/20x/Cover_17.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как напряжение углубляет геймплей. Кривая напряжения в играх и механики</div> <div class="t404__descr t-descr t-descr_xs">Интерес к произведению зависит от грамотно расставленных пиков и спадов драматического напряжения. Слишком мало драматичных моментов — станет скучно. Слишком много — потеряется эффект. Разбираемся, как игры управляют напряжением, используя четыре инструмента: ожидание, неизвестность, сложность и страх. Видеоверсия нашей статьи.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/hard-surface-v-zbrush--osnovnye-kisti-i-sozdanie-drafta"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3939-3938-4339-a361-626337346537/Cover_10.jpg" style="background-image: url('https://thb.tildacdn.com/tild3939-3938-4339-a361-626337346537/-/resizeb/20x/Cover_10.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Hard Surface в ZBrush. Основные кисти и создание драфта собственной модели. XYZ</div> <div class="t404__descr t-descr t-descr_xs">Мини-туториал по созданию собственной модели в ZBrush. 3D-художник Евгений Пак рассказывает о процессе поиска идей и их воплощении с помощью основных кистей zbrush.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-sozdavat-koncept-art-breynshtorm-i-sbor-referensov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6662-3635-4665-a532-653137356433/badge.jpg" style="background-image: url('https://thb.tildacdn.com/tild6662-3635-4665-a532-653137356433/-/resizeb/20x/badge.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как создавать концепт арт: брейншторм и сбор референсов. Концепт-арт персонажа.</div> <div class="t404__descr t-descr t-descr_xs">Покажем как определить сеттинг и стилистику, собрать и организовать референсы и мудборд, определить формы и текстуры для создания концепт-арта детализированного персонажа. </div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rabotaet-makgaffin"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6533-3662-4234-a361-613936373033/beidj.png" style="background-image: url('https://thb.tildacdn.com/tild6533-3662-4234-a361-613936373033/-/resizeb/20x/beidj.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как работает Макгаффин. Сценарные приёмы в кино и играх</div> <div class="t404__descr t-descr t-descr_xs">Сюжет игр и фильмов часто вращается вокруг некоего важного предмета, который все хотят заполучить. Такой сценарный приём называется «МакГаффин». Разобрались, как устроен этот приём, и почему с МакГаффином всё не так просто, как кажется. А помогли нам сценарист Николай Куликов и киновед Всеволод Коршунов.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-rasskazat-istoriyu-cherez-prostranstvo-v-igrah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6430-6261-4866-b564-396163653639/sitebeidj.png" style="background-image: url('https://thb.tildacdn.com/tild6430-6261-4866-b564-396163653639/-/resizeb/20x/sitebeidj.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как рассказать историю через пространство в играх</div> <div class="t404__descr t-descr t-descr_xs">В новом видео: как подойти к художественному воплощению локации, чтобы рассказать историю и не разрушить погружение.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/professiya-hudozhnika-urovnej-v-10-voprosah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3263-3462-4830-b737-346231646463/photo.png" style="background-image: url('https://thb.tildacdn.com/tild3263-3462-4830-b737-346231646463/-/resizeb/20x/photo.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">10 вопросов левел-артисту об особенностях профессии. Отвечает Елена Кодрашина.</div> <div class="t404__descr t-descr t-descr_xs">Кто такой левел артист, как им стать, какие навыки нужны и где им обучиться? Все эти вопросы мы задали профессиональной левел-артистке, работавшей над локациями Atomic Heart.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-najti-rabotu-level-dizajneru"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3836-3263-4238-b535-346462353632/photo.jpg" style="background-image: url('https://thb.tildacdn.com/tild3836-3263-4238-b535-346462353632/-/resizeb/20x/photo.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как найти работу левел-дизайнеру. Советы от успешных деятелей индустрии.</div> <div class="t404__descr t-descr t-descr_xs">С чего начать, как формировать портфолио, какие навыки нужны работодателю. Мы составили подборку советов для тех, кто мечтает устроиться на работу в студию левел-дизайнером. </div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/my-prodelali-udivitelnuyu-rabotu-no-ya-boyus-raznosa-ot-badcomedian"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6639-3262-4261-b037-343965623833/1.jpg" style="background-image: url('https://thb.tildacdn.com/tild6639-3262-4261-b037-343965623833/-/resizeb/20x/1.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Концепт-художница Александра Дрозд о работе над конкретными проектами.</div> <div class="t404__descr t-descr t-descr_xs">Концепт-художник "Вторжения" - о работе над российскими блокбастерами, клипами Imagine Dragons и фильмом во вслеленной "Чужого". Профессиональный концепт-арт.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/aleksej-lutsaj-zadal-voprosy-elene-kondrashinoj-hudozhnitse-urovnej-v-mor"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3264-3339-4466-b437-353133353338/Cover3.png" style="background-image: url('https://thb.tildacdn.com/tild3264-3339-4466-b437-353133353338/-/resizeb/20x/Cover3.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Алексей Луцай задал вопросы Елене Альт, художнице уровней в «Мор» (2019) и Atomic Heart</div> <div class="t404__descr t-descr t-descr_xs">Елена Альт рассказала о пути в индустрию, задачах, необычных дизайн-документах Ice-Pick Lodge, работе с Дыбовским и повествовании через окружение. </div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/smert-korolya-artura-istoriya-sozdaniya-3d-personazha"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3334-3531-4638-a133-323036386163/beidj.png" style="background-image: url('https://thb.tildacdn.com/tild3334-3531-4638-a133-323036386163/-/resizeb/20x/beidj.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">3D-сцена "Смерть короля Артура". Как Марат Латыпов создавал 3D-персонажа для Art Station.</div> <div class="t404__descr t-descr t-descr_xs">3D персонаж - умирающий от ран король Артур - история создания модели легендарного короля Артура 3D-художником Маратом Латыповым для конкурса на Art Station.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/raznyj-level-dizajn-dlya-raznyh-zhanrov"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3132-6131-4063-b236-376637316638/siteback.png" style="background-image: url('https://thb.tildacdn.com/tild3132-6131-4063-b236-376637316638/-/resizeb/20x/siteback.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Разный левел-дизайн для разных жанров. Хоррор, стелс-экшен, онлайн-шутер.</div> <div class="t404__descr t-descr t-descr_xs">Как создать атмосферу хоррора, заставить игрока почувствовать себя героем или создать соревновательную среду, где все равны. Рассказываем о левел-дизайне игр разных жанров.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/professiya-kontsept-hudozhnika-v-13-voprosah"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6262-3538-4032-b830-303137653963/siteback.png" style="background-image: url('https://thb.tildacdn.com/tild6262-3538-4032-b830-303137653963/-/resizeb/20x/siteback.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Профессия концепт-художника. Где учиться и как попасть в индустрию.</div> <div class="t404__descr t-descr t-descr_xs">Концепт-художница, работавшая над "Вторжением" отвечает на вопросы: что и как делает концепт-художник, какое образование нужно, как прокачивать скиллы в концепт-арте.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-level-dizajnery-sozdayut-urovni"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6563-3962-4537-b535-383263613466/rendersmall.jpg" style="background-image: url('https://thb.tildacdn.com/tild6563-3962-4537-b535-383263613466/-/resizeb/20x/rendersmall.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как левел-дизайнеры создают уровни. Инструменты и этапы разработки.</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем, какими инструментами пользуется профессиональный левел-дизайнер и как устроен процесс создания Рассказываем какими инструментами пользуется профессиональный левел-дизайнер и как устроен процесс создания уровня. От метрик и блокаута до создания White box уровня.. При подготовке материала использовалась информация из блога преподавателя XYZ Михаила Кадикова и комментарии Дениса Куандыкова, преподавателя курса по левел-дизайну «OutBlock».</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/tsvet-i-osveschenie-universalnye-pravila-za-pyat-minut"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6632-3366-4165-b336-303932346430/sitesmall.png" style="background-image: url('https://thb.tildacdn.com/tild6632-3366-4165-b336-303932346430/-/resizeb/20x/sitesmall.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Цвет и освещение: универсальные правила за пять минут</div> <div class="t404__descr t-descr t-descr_xs">Рассказываем об основных принципах работы с цветом и освещением вместе с концепт-художницей «Вторжения».</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/rol-level-dizajnera"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6263-3439-4736-b731-343163633237/sitepreview.png" style="background-image: url('https://thb.tildacdn.com/tild6263-3439-4736-b731-343163633237/-/resizeb/20x/sitepreview.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Роль левел-дизайнера</div> <div class="t404__descr t-descr t-descr_xs">Почти в любой игре есть пространство, по которому перемещается игрок — и кто-то должен его проектировать. Тем не менее, не все представляют себе, чем конкретно занимается дизайнер уровней, и чем он отличается, например, от aгеймдизайнера или левел-артиста.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kvesty-dlya-pervichnogo-izucheniya-blender--kurs-intro"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6664-6637-4734-b630-646362376363/image_2019-10-18_17-.png" style="background-image: url('https://thb.tildacdn.com/tild6664-6637-4734-b630-646362376363/-/resizeb/20x/image_2019-10-18_17-.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Квесты для первичного изучения Blender | Курс INTRO</div> <div class="t404__descr t-descr t-descr_xs">Квесты - в упрощенной форме без занудных туториалов позволяют изучить, и что самое главное - привыкнуть к софту.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/uv-razvyortka-stilizovannogo-personazha"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6131-6430-4030-a532-303831613934/sitepreview.png" style="background-image: url('https://thb.tildacdn.com/tild6131-6430-4030-a532-303831613934/-/resizeb/20x/sitepreview.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как легко сделать UV-развертку 3D-модели. Чек-лист по развертке в Maya.</div> <div class="t404__descr t-descr t-descr_xs">Что такое развертка 3d-модели в Maya или Blender, как правильно делать разрезы на UV, прятать швы и размещать шеллы, чтобы на них можно было положить текстуры.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/aktsenty-i-simmetriya"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3632-6139-4432-b162-376464623436/photo.png" style="background-image: url('https://thb.tildacdn.com/tild3632-6139-4432-b162-376464623436/-/resizeb/20x/photo.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Акценты и симметрия</div> <div class="t404__descr t-descr t-descr_xs">В этой статье мы рассмотрим что такое акценты, зачем они нужны и как их создавать</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/aaa-pajplajn-stilizovannyh-personazhej-statya-1-iz-4"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3637-3663-4365-b265-616261653764/photo.png" style="background-image: url('https://thb.tildacdn.com/tild3637-3663-4365-b265-616261653764/-/resizeb/20x/photo.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">ААА-пайплайн создания стилизованных 3D-персонажей. Все этапы 3D-моделирования.</div> <div class="t404__descr t-descr t-descr_xs">Знание пайплайна поможет тебе замоделить любого персонажа. Это универсальная последовательность этапов моделирования и разработки 3D-моделей персонажей для игр.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/trilogiya-o-pajplajne-ili-kak-ya-izuchal-grammatiku-trehmernogo-mira"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6432-6165-4033-a538-363932653734/_.png" style="background-image: url('https://thb.tildacdn.com/tild6432-6165-4033-a538-363932653734/-/resizeb/20x/_.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Трилогия о пайплайне, или как я изучал грамматику трехмерного мира.</div> <div class="t404__descr t-descr t-descr_xs">Самое простое объяснение пайплайна – это конвейер, порядок работы, к которому все привыкли и которому нужно обучиться. Но в реальности все чуть-чуть сложнее. Чтобы хорошо играть в трехмерку, нужно понимать правила игры. Иначе можно застрять и потерять интерес.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak-napisat-soprovoditelnoe-pismo-na-rabotu-mechty"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3061-6438-4166-b134-346432326362/photo.png" style="background-image: url('https://thb.tildacdn.com/tild3061-6438-4166-b134-346432326362/-/resizeb/20x/photo.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как написать сопроводительное письмо на работу мечты.</div> <div class="t404__descr t-descr t-descr_xs">Привет, дружище! Годное письмо работодателю — 70% успеха при трудоустройстве. Иногда даже все 100%. В этой статье мы дадим пару советов, как сделать твое сопроводительное письмо лучше.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/normal-map-prakticheskoe-rukovodstvo"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3134-3839-4164-b364-373537643438/Normal_map.png" style="background-image: url('https://thb.tildacdn.com/tild3134-3839-4164-b364-373537643438/-/resizeb/20x/Normal_map.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Normal Map. Практическое руководство</div> <div class="t404__descr t-descr t-descr_xs">В этой статье будет много матчасти. Сетка — это технический этап, и он требует понимания технологий. Статья вышла не простой, и мы приложили все усилия, чтобы сделать ее максимально доступной для всех. Прежде чем говорить о работе с lowpoly и highpoly давай разберём из чего состоят все модели и какие особенности игровых движков нужно знать. </div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak_novichku_popast_v_igrovuju_industriju_i_nachat_delat_3d_modeli"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3337-3736-4134-b835-666331373166/Cover_66.png" style="background-image: url('https://thb.tildacdn.com/tild3337-3736-4134-b835-666331373166/-/resizeb/20x/Cover_66.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Как новичку попасть в игровую индустрию и начать делать 3D модели</div> <div class="t404__descr t-descr t-descr_xs">Сейчас в больших играх сложность и количество контента настолько выросли, что кроме 20-30 моделеров внутри самой студии, крупные компании нанимают до 50 человек удалённо.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/kak_prokachalis_nashi_studenty"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6435-3561-4832-a233-623263663534/InT6LrtF74w.jpg" style="background-image: url('https://thb.tildacdn.com/tild6435-3561-4832-a233-623263663534/-/resizeb/20x/InT6LrtF74w.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">От драфта до крутой 3D-модели для портфолио на курсе Draft Punk от XYZ School.</div> <div class="t404__descr t-descr t-descr_xs">В этой статье, на примере работ студентов курса Draft Punk, ты увидишь как они прокачались в 3d и что им в этом помогло. Реальные результаты обучения в XYZ School.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/s_chego_nachinayutsya_ogromnye_modeli_dlya_topovyh_igr_i_kino"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6364-3237-4164-a135-653838623966/lLJNSPN2IKM-2.jpg" style="background-image: url('https://thb.tildacdn.com/tild6364-3237-4164-a135-653838623966/-/resizeb/20x/lLJNSPN2IKM-2.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">С чего начинаются огромные модели для топовых игр и кино?</div> <div class="t404__descr t-descr t-descr_xs">Ключевая ошибка начинающих — они не делают качественных драфтов или делают их спустя рукава.</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/3-pravila-horoshego-silueta"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6466-6461-4632-a165-323731616332/Rectangle_Copy_11.png" style="background-image: url('https://thb.tildacdn.com/tild6466-6461-4632-a165-323731616332/-/resizeb/20x/Rectangle_Copy_11.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">3 правила хорошего силуэта</div> <div class="t404__descr t-descr t-descr_xs">Мы составили 3 обязательных правила, которые помогут сделать твой драфт интереснее.</div> </div> </a> </div> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/chudesa-v-trehmerke-ili-zakonomernost"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3066-6665-4661-b932-353362343038/l_aBJIMyJmk.jpg" style="background-image: url('https://thb.tildacdn.com/tild3066-6665-4661-b932-353362343038/-/resizeb/20x/l_aBJIMyJmk.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Чудеса в трёхмерке или закономерность? </div> <div class="t404__descr t-descr t-descr_xs">Хорошая трехмерка требует планомерной и системной работы. И любой, кто готов посвятить себя этому делу, научится достойно моделить!</div> </div> </a> </div> </div><div class="t-container"> <div class="t404__col t-col t-col_6 t-align_left "> <a class="t404__link" href="/blog/dyrki"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3465-6537-4439-a564-613661643766/4.jpg" style="background-image: url('https://thb.tildacdn.com/tild3465-6537-4439-a564-613661643766/-/resizeb/20x/4.jpg');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Дырки</div> <div class="t404__descr t-descr t-descr_xs">Рано или поздно каждый начинающий 3D художник сталкивается с необходимостью замоделить отверстия в геометрии.</div> </div> </a> </div> </div> </div> <script>t_onReady(function() {var rec=document.getElementById('rec215076877');if(rec) {t_onFuncLoad('t404_unifyHeights',function() {t404_unifyHeights('215076877');window.addEventListener('resize',t_throttle(function() {t404_unifyHeights('215076877');},200));});if(typeof jQuery!=='undefined') {$('.t404').on('displayChanged',function() {t404_unifyHeights('215076877');});} else if(rec.querySelector('.t404')) {rec.querySelector('.t404').addEventListener('displayChanged',function() {t_onFuncLoad('t404_unifyHeights',function() {t404_unifyHeights('215076877');});});}
window.onload=function() {t404_unifyHeights('215076877');};}});</script> <style> #rec215076877 .t404__uptitle{line-height:1.6;text-transform:uppercase;}#rec215076877 .t404__title{font-size:24px;line-height:1.3;color:#ffffff;font-family:'BebasRoboto';font-weight:600;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec215076877 .t404__title{font-size:16px;}}#rec215076877 .t404__descr{font-size:18px;line-height:1.6;font-family:'BebasRoboto';font-weight:400;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec215076877 .t404__descr{font-size:14px;}}</style> <style> #rec215076877 .t404__tag{line-height:1.6;text-transform:uppercase;}#rec215076877 .t404__date{line-height:1.6;text-transform:uppercase;}</style> </div> <div id="rec1240873806" 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>
.t404 .t-container {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 16px;
max-width: 1160px;
}
.t404 .t-container:before, .t404 .t-container:after {
display: none;
}
.t404 .t404__col {
margin: 0;
padding: 24px;
box-sizing: border-box;
background-color: #23232a;
border-radius: 24px;
max-width: calc(50% - 8px);
}
.t404 .t404__imgbox {
border-radius: 16px;
overflow: hidden;
}
.t404__textwrapper {
margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
.t404 .t-container {
max-width: 940px;
}
}
@media screen and (max-width: 959px) {
.t404 .t-container {
max-width: 620px;
}
.t404 .t-container .t404__col {
max-width: 100%;
}
.t404 .t404__imgbox {
width: 100%;
margin-right: 0;
}
.t404 .t404__textwrapper {
width: 100%;
margin-bottom: 8px;
}
.t404__title {
margin-top: 16px;
}
}
@media screen and (max-width: 639px) {
.t404 .t-container {
max-width: 320px;
}
.t404 .t-container .t404__col {
padding: 16px;
border-radius: 16px;
}
.t404 .t404__imgbox {
border-radius: 8px;
}
.t404__title {
margin-top: 0;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec215076880" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec215076880 .t396__artboard {height:430px;background-color:#8080FF;}#rec215076880 .t396__filter {height:430px;}#rec215076880 .t396__carrier{height:430px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec215076880 .t396__artboard,#rec215076880 .t396__filter,#rec215076880 .t396__carrier {height:450px;}#rec215076880 .t396__filter {}#rec215076880 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec215076880 .t396__artboard,#rec215076880 .t396__filter,#rec215076880 .t396__carrier {height:440px;}#rec215076880 .t396__filter {}#rec215076880 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec215076880 .t396__artboard,#rec215076880 .t396__filter,#rec215076880 .t396__carrier {height:490px;}#rec215076880 .t396__filter {}#rec215076880 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec215076880 .t396__artboard,#rec215076880 .t396__filter,#rec215076880 .t396__carrier {height:630px;}#rec215076880 .t396__filter {}#rec215076880 .t396__carrier {background-attachment:scroll;}}#rec215076880 .tn-elem[data-elem-id="1564554044037"]{color:#ffffff;text-align:center;z-index:3;top:70px;;left:calc(50% - 600px + 290px);;width:620px;height:auto;}#rec215076880 .tn-elem[data-elem-id="1564554044037"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:45px;font-family:var(--t-text-font,Arial);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;--t396-shadow-text-opacity:100%;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){#rec215076880 .tn-elem[data-elem-id="1564554044037"]{display:table;top:90px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec215076880 .tn-elem[data-elem-id="1564554044037"]{display:table;top:70px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec215076880 .tn-elem[data-elem-id="1564554044037"]{display:table;top:70px;;left:calc(50% - 240px + 40px);;width:400px;height:auto;}}@media screen and (max-width:479px){#rec215076880 .tn-elem[data-elem-id="1564554044037"]{display:table;top:60px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}}#rec215076880 .tn-elem[data-elem-id="1564554130456"]{color:#000000;text-align:center;z-index:3;top:171px;;left:calc(50% - 600px + 415px);;width:370px;height:auto;}#rec215076880 .tn-elem[data-elem-id="1564554130456"] .tn-atom{vertical-align:middle;color:#000000;font-size:16px;font-family:var(--t-text-font,Arial);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;--t396-shadow-text-opacity:100%;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){#rec215076880 .tn-elem[data-elem-id="1564554130456"]{display:table;top:175px;;left:calc(50% - 480px + 295px);;height:auto;}}@media screen and (max-width:959px){#rec215076880 .tn-elem[data-elem-id="1564554130456"]{display:table;top:163px;;left:calc(50% - 320px + 135px);;height:auto;}}@media screen and (max-width:639px){#rec215076880 .tn-elem[data-elem-id="1564554130456"]{display:table;top:212px;;left:calc(50% - 240px + 55px);;height:auto;}}@media screen and (max-width:479px){#rec215076880 .tn-elem[data-elem-id="1564554130456"]{display:table;top:325px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;color:#000000;text-align:left;}#rec215076880 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#000000;background-size:cover;}}#rec215076880 .tn-elem[data-elem-id="1564554178466"]{z-index:3;top:219px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec215076880 .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){#rec215076880 .tn-elem[data-elem-id="1564554178466"]{display:table;top:238px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec215076880 .tn-elem[data-elem-id="1564554178466"]{display:table;top:228px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec215076880 .tn-elem[data-elem-id="1564554178466"]{display:table;top:265px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}}@media screen and (max-width:479px){#rec215076880 .tn-elem[data-elem-id="1564554178466"]{display:table;top:378px;;left:calc(50% - 160px + 30px);;width:200px;height:auto;}}#rec215076880 .tn-elem[data-elem-id="1564876573371"]{color:#000000;text-align:center;z-index:3;top:291px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec215076880 .tn-elem[data-elem-id="1564876573371"] .tn-atom{vertical-align:middle;color:#000000;font-size:16px;font-family:var(--t-text-font,Arial);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;--t396-shadow-text-opacity:100%;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){#rec215076880 .tn-elem[data-elem-id="1564876573371"]{display:table;top:325px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec215076880 .tn-elem[data-elem-id="1564876573371"]{display:table;top:315px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec215076880 .tn-elem[data-elem-id="1564876573371"]{display:table;top:347px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec215076880 .tn-elem[data-elem-id="1564876573371"]{display:table;top:505px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}#rec215076880 .tn-elem[data-elem-id="1564876573371"] .tn-atom{font-size:14px;background-size:cover;}}#rec215076880 .tn-elem[data-elem-id="1565701393805"]{color:#000000;text-align:center;z-index:3;top:336px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec215076880 .tn-elem[data-elem-id="1565701393805"] .tn-atom{vertical-align:middle;color:#000000;font-size:16px;font-family:var(--t-text-font,Arial);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;--t396-shadow-text-opacity:100%;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){#rec215076880 .tn-elem[data-elem-id="1565701393805"]{display:table;top:370px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec215076880 .tn-elem[data-elem-id="1565701393805"]{display:table;top:360px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec215076880 .tn-elem[data-elem-id="1565701393805"]{display:table;top:397px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec215076880 .tn-elem[data-elem-id="1565701393805"]{display:table;top:550px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}#rec215076880 .tn-elem[data-elem-id="1565701393805"] .tn-atom{font-size:14px;background-size:cover;}}#rec215076880 .tn-elem[data-elem-id="1625820535655"]{color:#000000;text-align:center;z-index:3;top:360px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec215076880 .tn-elem[data-elem-id="1625820535655"] .tn-atom{vertical-align:middle;color:#000000;font-size:16px;font-family:var(--t-text-font,Arial);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;--t396-shadow-text-opacity:100%;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){#rec215076880 .tn-elem[data-elem-id="1625820535655"]{display:table;top:390px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec215076880 .tn-elem[data-elem-id="1625820535655"]{display:table;top:380px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec215076880 .tn-elem[data-elem-id="1625820535655"]{display:table;top:421px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec215076880 .tn-elem[data-elem-id="1625820535655"]{display:table;top:572px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}#rec215076880 .tn-elem[data-elem-id="1625820535655"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="215076880" data-artboard-screens="320,480,640,960,1200" data-artboard-height="430" data-artboard-valign="center" data-artboard-upscale="grid" 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="215076880"></div> <div class="t396__filter" data-artboard-recid="215076880"></div> <div class='t396__elem tn-elem tn-elem__2150768801564554044037' data-elem-id='1564554044037' data-elem-type='text' data-field-top-value="70" data-field-left-value="290" data-field-height-value="82" data-field-width-value="620" 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-textfit-value="autoheight" 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__2150768801564554130456' data-elem-id='1564554130456' data-elem-type='text' data-field-top-value="171" data-field-left-value="415" data-field-height-value="21" data-field-width-value="370" 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-textfit-value="autoheight" 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__2150768801564554178466' data-elem-id='1564554178466' data-elem-type='form' data-field-top-value="219" data-field-left-value="320" data-field-height-value="90" 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="px" data-field-widthunits-value="px" data-field-heightmode-value="hug" 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="var(--t-text-font,Arial)" 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="var(--t-text-font,Arial)" data-field-buttonfontsize-value="16" data-field-buttonfontweight-value="100" data-field-receivers-value="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__2150768801564876573371' data-elem-id='1564876573371' data-elem-type='text' data-field-top-value="291" data-field-left-value="445" data-field-height-value="42" data-field-width-value="310" 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-textfit-value="autoheight" 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__2150768801565701393805' data-elem-id='1565701393805' data-elem-type='text' data-field-top-value="336" data-field-left-value="445" data-field-height-value="21" data-field-width-value="310" 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-textfit-value="autoheight" 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'><a href="https://network-xyz.com/ru/info/agreement"target="_blank"style="color: inherit"><u>Договор Публичной Оферты</u></a></div> </div> <div class='t396__elem tn-elem tn-elem__2150768801625820535655' data-elem-id='1625820535655' data-elem-type='text' data-field-top-value="360" data-field-left-value="445" data-field-height-value="21" data-field-width-value="310" 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-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="572" 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="421" data-field-left-res-480-value="85" data-field-top-res-640-value="380" data-field-left-res-640-value="165" data-field-top-res-960-value="390" data-field-left-res-960-value="325"> <div class='tn-atom'><a href="https://network-xyz.com/ru/info/privacy-policy"target="_blank"style="color: inherit"><u>Политика конфиденциальности</u></a></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('215076880');});});</script> <!-- /T396 --> </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>