CINXE.COM

<!DOCTYPE html> <head> <script> window.accountUserId = -1; window.requestIp = "8.222.208.146"; window.isSublogined = false; window.accountId = 476640; window.gcSessionId = 0; window.controllerId = "page"; window.actionId = "0"; window.nowTime = new Date(2024, 10, 27, 07, 31, 46); window.dateOffset = 3; window.userInfo = {"isAdmin":false,"isInAccount":false,"isTeacher":false}; window.currencyLabels = {"RUB":"RUB","USD":"USD","EUR":"EUR","GBP":"GBP","BYR":"BYR","BYN":"BYN","KZT":"KZT","UAH":"UAH","AUD":"AUD","DKK":"DKK","CHF":"CHF","SEK":"SEK","ZAR":"ZAR","AMD":"AMD","RON":"RON","BRL":"BRL","ILS":"ILS","MYR":"MYR","SGD":"SGD","KGS":"KGS","CAD":"CAD","MXN":"MXN","JPY":"JPY","UZS":"UZS","PLN":"PLN","AZN":"AZN","AED":"AED","TRY":"TRY","INR":"INR","RSD":"RSD","CZK":"CZK","MNT":"MNT","NZD":"NZD","BGN":"BGN","IDR":"IDR","CNY":"CNY","GEL":"GEL","COP":"COP","ARS":"ARS","PEN":"PEN","CLP":"CLP","VND":"VND","PHP":"PHP","DOP":"DOP","KRW":"KRW","TWD":"TWD","MDL":"MDL","TJS":"TJS","NOK":"NOK","POINTS":""}; window.accountSafeUserName = "Guest"; window.accountUserThumbnail = "<img class=\"user-profile-image user-default-profile-image\" src=\"\/public\/img\/default_profile_50.png\" width=\"50\" alt=\"\">"; window.language = "en"; window.csrfToken = "XMrX9DP7ZZUe1kDzVjtgtaZ0sX0GPYdK-Wjgb4xNUR40vq6ScqlQ41udD7o3YTTg7DnhOjV1tA6KN4k7-yNnag=="; window.requestTime = 1732681906; window.requestSimpleSign = "a3f4e74f429eae9e7b69bf013a776056"; window.gcUniqId = "35521173386746a0b2cc3d09.92907247.1732681906.8366"; window.mailingVisibility = 0; window.isSupportChatEnabled = false; window.disableCaptchaForConfirmPhone = true; window.allowRevealPassword = false; window.globalCheckboxEnabled = true; window.globalCheckboxText = "I have read and agree to <a href=\"\/cms\/system\/legal\" target=\"_blank\">Terms and Conditions<\/a>"; window.persodataConfirm = false; window.checkboxMailingEnabled = false; window.checkboxMailingChecked = false; window.checkboxMailingText = "I agree to receive informational and marketing mailings (you can unsubscribe from receiving emails in your personal account at any time)"; window.params_52 = 0; window.gcsObjectId = 3004018; window.isSessionLocalStorageEnabled = true; window.isWhatsappIconEnabled = false; window.file_upload_blocking = false; window.storage_usage_percent = null; window.used_storage_size = null; window.max_storage_size = null; window.fileserviceThumbnailHost = "fs-thb01.getcourse.ru"; window.fileserviceMainHost = "fs20.getcourse.ru"; window.fileserviceUploadHost = "fs23.getcourse.ru"; window.fileserviceTusFeatureEnabled = true; window.iCanSelectGridOffset = true; window.isEnabledSecureUpload = 1; window.webinarWebsocketHosts = ["stream01.gcfiles.net","ws02.getcourse.ru"]; window.webSocketHost = "ws04.getcourse.ru"; window.fdsrevEnabled12 = true; window.isDisabledFacebook = true; window.metaIsAnExtremismOrganizationText = "\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f Meta \u043f\u0440\u0438\u0437\u043d\u0430\u043d\u0430 \u044d\u043a\u0441\u0442\u0440\u0435\u043c\u0438\u0441\u0442\u043a\u043e\u0439 \u0432 \u0420\u0424."; window.isTestingV2 = false; window.testingV2VersionCheck = false; window.isDisabledVK = false; window.autoGenerateSubtitlesSectionEnabled = true; window.internalDomains = ["hou2touch.com","hou-2-touch.getcourse.ru"]; window.vhApiHost = "player02.getcourse.ru"; window.vhsRegion = "ru"; window.videoLinkFeatureUsed = 0; window.helpdeskEnabledFeature = false; window.helpdeskTalksEnabledFeature = false; window.enabledTariffsPage = true; window.relatedUsersOnActiveBlock = true; window.rulePluginRequestOptimizationFeature = true; window.inSegmentLoopFeature = true; window.UShort = "Wy0xXQ.jJngIW2QSnfFxbKezdLYP2FR2h3jyUBmQY6Vzkz7EaA"; window.ULong = "Wy0xXQ.jJngIW2QSnfFxbKezdLYP2FR2h3jyUBmQY6Vzkz7EaA"; window.ruleCustomFieldIdFeature = true; window.gcRedesign = {"isLessonRedesignEnabled":false}; </script> <script type="text/javascript"> window.userInfo = {"isAdmin":false,"isManager":false,"isInAccount":false,"isTeacher":false,"canCms":false,"canEditHelp":false,"isHumanDesign":"0"}; </script> <link rel="shortcut icon" href="https://fs24.getcourse.ru/fileservice/file/download/a/476640/sc/213/h/5c63f9b9de6594c4a87acd2286f4c812.png"> <link href="/nassets/adafa055/glyphicons.css?v=1727033016" rel="stylesheet"> <link href="/nassets/d15964b7/css/reveal-password.css?v=1732621471" rel="stylesheet"> <link href="/nassets/css/superlite-block-d9b27cb5fd7332c16fa81a9ad7c0b958.css?v=1732632215" rel="stylesheet" async="async"> <link href="/public/fonts/gfonts/open-sans/open-sans-cyr-swap.css" rel="stylesheet" async="async"> <link href="/public/fonts/gfonts/roboto/roboto-cyr-swap.css" rel="stylesheet" async="async"> <link href="/nassets/a9f792d5/css/all.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/v5-font-face.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/v4-font-face.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/v4-shims.css?v=1727033016" rel="stylesheet"> <link href="/nassets/a9f792d5/css/old.css?v=1727033016" rel="stylesheet"> <link href="/nassets/c5143804/css/button.css?v=1727033020" rel="stylesheet"> <link href="/nassets/341a0a65/deps/css/bootstrap-modal.min.css?v=1727033018" rel="stylesheet"> <link href="/nassets/341a0a65/css/blocks-modal.css?v=1727033018" rel="stylesheet"> <link href="/nassets/341a0a65/deps/css/bootstrap-table.min.css?v=1727033018" rel="stylesheet"> <link href="/nassets/c4ee8f9e/css/modal.css?v=1727033017" rel="stylesheet"> <link href="/nassets/341a0a65/css/basket.css?v=1727033018" rel="stylesheet"> <link href="/nassets/12427aee/proxima.css?v=1727033016" rel="stylesheet"> <link href="/nassets/5d1d7cc7/notice.css?v=1727033016" rel="stylesheet"> <script src="/nassets/584d89d6/jquery.min.js?v=1727033019"></script> <script src="/nassets/59757da8/js/global-function.js?v=1727033016"></script> <script src="/nassets/d15964b7/js/reveal-password.js?v=1732621471"></script> <script src="/nassets/33313f15/js/JsTrans.min.js?v=1727033017"></script> <script src="/nassets/dcb7b6d/dictionary-gen-8232beb872fb76d91a80fe0cb453c98195f529dd.js?v=1732629600"></script> <title>TouchDesigner 102: Extreme</title> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:title" content="TouchDesigner 102: Extreme"/> <meta name="description" property="og:description" content="TouchDesigner 102: Extreme Intensive introductory Course with extremely fast diving into concept of TouchDesigner and oriented for practical results. It's oriented to beginner and intermediate Media Artists interested in generative art, VJing, Audio Visual performances, and interactive technologies."/> <meta property="og:image" content="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/4f9517535088f57e5a71bee400a7af12.jpg/s/600x/a/476640/sc/100"/> <meta property="og:url" content="https://hou2touch.com/102"/> <meta property="fb:app_id" content="1437814016454992"/>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '910806457157277'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=910806457157277&ev=PageView&noscript=1" /></noscript>  </head> <body class="gc-user-guest"> <div class="gc-main-content gc-both-main-content no-menu front-page-content gc-user-guest"> <div class="lite-page block-set"> <style> #ltBlock1873139952 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1873139952" data-block-id="1873140073" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-cf4d5" > <div class="lt-block-wrapper"> <style id="rawCss8015597">@font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/cb6d52ed66350f26dd18b00c533a198b.ttf/a/531213/sc/183) format('truetype'); font-weight: 400; } @font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/b13ad516159ba36e28914d02af9ac216.woff2/a/476640/sc/130) format('woff2'); font-weight: 600; } @font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/8cabcef865d0b2af17b1e490426e5eb5.ttf/a/531213/sc/333) format('truetype'); font-weight: 700; } @font-face { font-family: "Bebas Neue"; src: url(/fileservice/file/download/h/bac5026d1c2ab786d3abee509cddf656.ttf/a/476640/sc/377) format('truetype'); font-weight: 700; }</style> </div></div> <style> #ltBlock1875511689 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1875511689" data-block-id="1875511691" class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block" data-code="b-c0e2b" > <div class="lt-block-wrapper"> <script language="javascript" id="rawJs3632025"> $(function() { $('.toggle-button').on('click', function() { $('.dropdown-content').toggleClass('show'); }) }); $(function() { $('.close-item').on('click', function() { $('.dropdown-content').removeClass('show'); }) }); $(function() { $('.goUp').click(function (){ $('body,html').animate({ scrollTop:0 }, 200); return false; }); }); $(function() { $('.active-auth-text1').on('click', function() { $('.hidden-auth-text1').toggleClass('active'); $('.active-auth-text1').toggleClass('select'); }) $('.active-auth-text2').on('click', function() { $('.hidden-auth-text2').toggleClass('active'); $('.active-auth-text2').toggleClass('select'); }) $('.active-auth-text3').on('click', function() { $('.hidden-auth-text3').toggleClass('active'); $('.active-auth-text3').toggleClass('select'); }) $('.active-auth-text4').on('click', function() { $('.hidden-auth-text4').toggleClass('active'); $('.active-auth-text4').toggleClass('select'); }) }); </script> </div></div> <style> #ltBlock1875511579 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1875511579" data-block-id="1875511582" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-e046e" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings"> Link to this page location: <a class="anchor" data-anchor="top" name='top' id='top' href="#top">#top</a> </div> </div></div> <style> #ltBlock1873140069 .lt-block-wrapper { padding-top: 0px; padding-bottom: 75px } </style> <div id="ltBlock1873140069" data-block-id="1873140074" class="lt-block lt-view raw-html lt-raw lt-raw-html" data-code="b-868d5" > <div class="lt-block-wrapper"> <div id="rawHtml5329148" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <link href = "https://hou2touch.com/pl/cms/layout/css?id=32091&hash=cc1fd10ee1b203ff39a27bd4799ff6e8&bundle=1" rel="stylesheet"> </div> </div></div> <style> #ltBlock1873139879 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1873139879" data-block-id="1873140075" class="lt-block lt-view raw-html lt-raw lt-raw-html menu-container" data-code="b-f0760" > <div class="lt-block-wrapper"> <div id="rawHtml2624414" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <nav class="customMenu"> <div class="menu-column menu-column_left"> <a class="logo"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/181/h/e36054ae60120a3a92d9143c6b7ebb9f.svg"></a> <a class="logo_black"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/324/h/f710bd0bc90c84ab04d12dd5a9c47f8b.svg"></a> </div> <div class="menu-column menu-column_lright"> <ul class="visible-item"> <li><a href="https://hou2touch.com/course">hou2touch</a></li> <li><a href="https://hou2touch.com/school">courses</a></li> <li><a href="https://hou2touch.com/about">who we are</a></li> <li><a href="https://hou2touch.com/blog">blog</a></li> <li><a href="https://hou2touch.com/subscribe">subscribe</a></li> <li><a href="#contacts">contact us</a></li> </ul> </div> <a href="https://hou2touch.com/my" class="lk-button"><span>sign in</span></a> </nav> <div class="dropdown"> <button class="toggle-button"><img class="toggle-btn_white" src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/204/h/a9c670b261a67754b8bb9b7cfcb94626.svg"> <img class="toggle-btn_black" src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/128/h/056431bb6312c8a167be711ee525ae4c.svg"> </button> <div class="dropdown-content"> <div class="close-item"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/424/h/0833541baa3eee2e6d63fd2c3fcf6bdc.svg"></div> <ul class="visible-item"> <li><a href="https://hou2touch.com/course">hou2touch</a></li> <li><a href="https://hou2touch.com/school">courses </a></li> <li><a href="https://hou2touch.com/about">who we are</a></li> <li><a href="https://hou2touch.com/blog">blog</a></li> <li><a href="https://hou2touch.com/subscribe">subscribe</a></li> <li><a href="#contacts">contact us</a></li> <a href="https://hou2touch.com/my" class="lk-button"><span>sign in</span></a> </ul> </div> </div> </div> </div></div> <style> #ltBlock1938462270 .f-header { font-family: 'Bebas Neue', sans-serif; } #ltBlock1938462270 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1938462270 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1938462270" data-block-id="1938462908" data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-0b5f2" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-center" style=""> <div id="builder9354409" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field67721" data-item-name="field67721" data-title="Element" data-animation-mode="appear" style="margin-bottom: 5PX; margin-top: 10px; border-radius: ; " data-setting-editable="true" class="builder-item part-header animated-element before-animation" id="a0d05b13f0" > <div data-editable=true data-param='items/parts/field67721/inner/text' class='f-header f-header-52'><p><span class="redactor-inline-converted"><span style="color: rgb(237, 57, 2);" class="redactor-inline-converted"> Real Lights <span style="color: rgb(255, 255, 255);" class="redactor-inline-converted">Extended course </span> offline</span></span></p></div> <div class="add-redesign-subblock" data-id="1938462908"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a0d05b13f0 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder9354409 input[type="radio"]').length == 1 && $('#builder9354409 input[type="radio"]').prop('checked') ) { $('#builder9354409 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> <style> #ltBlock1938462270 .block-box { color:#ffffff; background-color:#070707;padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;border: 0px solid #F63B00; } </style> </div></div> <script> $( '#ltBlock1938462270' ).click( function() { window.open('https://hou2touch.com/204extended') } ); </script> <style> #ltBlock1938462270 { cursor: pointer; } </style> <style> #ltBlock1931322563 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322563" data-block-id="1931323261" class="lt-block lt-view raw-html lt-raw lt-raw-html" data-code="b-23770" > <div class="lt-block-wrapper"> <div id="rawHtml6395390" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <link href = "https://getmaket.getcourse.ru/pl/cms/layout/css?id=31316&hash=b702030dc396ce7dc2f37333c4cb5f78&bundle=1" rel="stylesheet"> </div> </div></div> <style> #ltBlock1931322564 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322564" data-block-id="1931323262" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-d3f95" > <div class="lt-block-wrapper"> <style id="rawCss5994516">@font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/cb6d52ed66350f26dd18b00c533a198b.ttf/a/531213/sc/183) format('truetype'); font-weight: 400; } @font-face { font-family: "Inter"; src: url(/fileservice/file/download/h/8cabcef865d0b2af17b1e490426e5eb5.ttf/a/531213/sc/333) format('truetype'); font-weight: 700; } @font-face { font-family: "Bebas Neue"; src: url(/fileservice/file/download/h/bac5026d1c2ab786d3abee509cddf656.ttf/a/476640/sc/377) format('truetype'); font-weight: 700; } .block-1 { background: url(//fs.getcourse.ru/fileservice/file/download/a/476640/sc/45/h/1743d723f965a2b16a33290ad5ca9447.jpg)no-repeat; background-size: cover; background-position: center; } /*Убрать после редавтирования .anim-string { display: none; } /*END Убрать после редавтирования* .lite-page.block-set:not(.block-set-editor) { overflow: hidden; background: #070707; } .menu-container .lt-block-wrapper { background: rgba(7, 7, 7, 0.6); } .nav-item { position: absolute; top: 125px; left: 0; width: 100%; } .nav-item .container { max-width: none; width:100%; max-width: 1640px; margin: 0 auto; padding-left: 42px; } .nav-item .f-header p a{ color: #FFF; font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: 18px; letter-spacing: 1.08px; text-decoration-line: underline; } .nav-item .f-header p a:hover { color: rgba(255, 255, 255, 0.5); } /*menu* .menu-container { background: rgba(7, 7, 7, 0.6); position: absolute; width: 100%; top: 0; left: 0; } .customMenu { display: flex; justify-content: space-between; align-items: center; max-width: 1640px; margin: 0 auto; padding: 18px 42px; } .menu-column { display: flex; align-items: center; justify-content: space-between; gap: 25px; } .menu-column_lright ul { display: flex; gap: 25px; margin: 0; } .customMenu ul li a, .lk-button { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: normal; letter-spacing: 1.08px; } .customMenu ul li a:hover, .lk-button:hover { color: rgba(255, 255, 255, 0.5); text-decoration: none; cursor: pointer; } .customMenu ul li::marker { color: transparent; } /* 1 block .custom-header .f-header p { font-family: "Bebas Neue"; font-size: 100px; font-style: normal; font-weight: 400; line-height: 90%; letter-spacing: 2px; text-transform: lowercase; } .custom-header.custom-header_white { color: var(--main-white, #FFF); } .custom-header.custom-header_black { color: #070707; } .basic-text .f-text p { color: var(--main-black, #070707); font-family: "Inter"; font-size: 17px; font-weight: 500; line-height: normal; max-width: 570px; } */ .block-1 { background: url(//fs.getcourse.ru/fileservice/file/download/a/476640/sc/45/h/1743d723f965a2b16a33290ad5ca9447.jpg)no-repeat; background-size: cover; background-position: center; } /* .block-1 .builder[data-path="column2"] { max-width: 480px; } .block-1 .f-header p { color: #FFF; font-family: "Bebas Neue"; font-size: 120px; font-weight: 400; line-height: 82%; letter-spacing: 2.4px; } .block-1 .f-subheader p { color: #FFF; font-family: "Bebas Neue"; font-size: 64px; font-weight: 400; line-height: 90%; letter-spacing: 1.28px; } .block-1 .f-text p { color: #FFF; font-family: "Inter"; font-size: 17px; font-weight: 500; line-height: normal; } .block-1 .custom-btn .btn.f-btn.btn-success { font-size: 24px; } .custom-btn .btn.f-btn.btn-success { width: 100%; border-radius: 4px; background: var(--main-orange, #F63B00); color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 32px; font-weight: 400; line-height: normal; letter-spacing: 0.48px; text-transform: capitalize; padding-top: 9px; } .card { border-radius: 6px; background: var(--main-white, #FFF); padding: 38px 34px; } .card-title { color: var(--main-black, #070707); font-family: "Inter"; font-size: 24px; font-weight: 600; line-height: 120%; } .card-text { color: var(--main-black, #070707); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: normal; } .card-item .f-text { display: flex; color: #fff; justify-content: space-between; border-bottom: 1px solid rgb(255, 255, 255, 0.5); padding: 0 0 24px 0; } .card-item .f-text p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: normal; text-align: right; } .card-item.card-item_pad .f-text { border-bottom: none; } .card-item.card-item_pad p:nth-child(1) { flex: 20%; text-align: left; } .card-item.card-item_pad p:nth-child(2) { flex: 45%; text-align: right; } .card-item.card-item_pad p:nth-child(2) span { background: #fff; color: #070707; padding: 6px 9px; display: inline-block; margin: 3px; border-radius: 3px; } .card-item.card-item_soft span { display: block; max-width: 160px; } .card-subtitle .f-text p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: normal; } .card-subtitle a { color: var(--main-light-orange, #FF7347); text-decoration-line: underline; } .card .card-text { margin-bottom: 24px; } .card .card-text:last-child { margin-bottom: 0; } .icons-text .f-text p { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 46px; font-weight: 400; line-height: 100%; letter-spacing: 0.92px; text-transform: lowercase; margin-bottom: 2px; } .yellow-text { color: var(--main-yellow, #F90); } .icons-text img { margin: 0 5px 0 5px; } .block-format .builder-item.part-text { position: relative; padding-left: 44px; } .block-format .builder-item:before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/155/h/342ae0cc1955f71b5636fa799d28be90.svg)no-repeat; } .block-format .builder-item.item-2:before { background: url( https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/215/h/7c91eb7527087c6f5b3f026c958edd8c.svg)no-repeat; } .block-format .builder-item.item-5:before { background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/120/h/6590f428a3a918876ffd3f077a7728ac.svg)no-repeat; } .block-format .f-text p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 24px; font-weight: 400; line-height: 100%; } /****** galery ********* .galery-block .builder { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; } .galery-block .builder-item { margin-bottom: 0 !important; } .image-item { flex: 0 0 calc(50% - 30px); } .galery-block .mobil-image { display: none; } .hide-galery { display: none; } .video-block .container { max-width: none; width: 100%; padding: 0; } /****** Form ******* .custom-form .form-content .builder { display: flex; justify-content: space-between; gap: 22px; } .custom-form .form-content .builder-item { flex: 0 0 50%; } .custom-form .lt-form .f-input { border-top: none; border-right: none; border-left: none; border-bottom: 2px solid rgba(122, 122, 122, 0.50); padding: 0; color: var(--main-grey-50, rgba(122, 122, 122, 0.50)); font-family: "Inter"; font-size: 17px; font-weight: 400; } /*wave .team-block-header { position: relative; } .team-block .my-container { justify-content: space-between; gap: 50px; } .team-block .builder { justify-content: start; gap: 0 66px; } .item-team-1 { flex: 0 0 54% !important; } .item-team-2 { flex: 0 0 36% !important; } .team-link .inLink { margin-left: 24px; } .custom-subtitle .f-header p { color: #fff; font-family: "Bebas Neue"; font-size: 46px; font-weight: 400; line-height: 100%; letter-spacing: 0.92px; text-transform: lowercase; margin-bottom: 18px; } .custom-subtitle .f-header p span { color: #F90; } .team-block-header:before { position: absolute; content: ""; top: -125px; left: 0; width: 204px; height: 233px; background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/13/h/8bf1221800f9cf4b38a6f55790862852.png)no-repeat; background-size: contain; } .team-block-header:after { position: absolute; content: ""; top: -125px; right: 0; width: 204px; height: 233px; background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/184/h/ac946d27b24fdd3c5ad7bc9103002829.png)no-repeat; background-size: contain; } .team-header .f-header p { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 64px; font-weight: 400; line-height: 90%; letter-spacing: 1.28px; text-transform: lowercase; } .team-subheader .f-subheader p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 18px; font-style: italic; font-weight: 400; line-height: 120%; } .team-link .f-text p a { color: var(--main-light-orange, #FF7347); font-family: "Bebas Neue"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 1.08px; text-decoration-line: underline; } .team-text .f-text p { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 17px; font-style: normal; line-height: 120%; } .team-text .f-text p span { color: #FF7347; display: block; } .team-text .f-text ul { color: var(--main-white, #FFF); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: normal; margin-top: 25px; padding-left: 26px; } .team-text .f-text ul li { margin-bottom: 20px; } .team-block .builder[data-path="column1"] .part-image img { max-height: 356px } .fact-block .builder { display: flex; justify-content: space-between; } .anim-stroke .f-text p { color: var(--main-light-orange, #FF7347); font-family: "Bebas Neue"; font-size: 46px; font-weight: 400; line-height: 120%; letter-spacing: 0.92px; text-transform: lowercase; } .anim-stroke .container { max-width: none; width: 100%; } .marquee { color: var(--main-light-orange, #FF7347); font-family: "Bebas Neue"; font-size: 46px; font-weight: 400; line-height: 120%; letter-spacing: 0.92px; text-transform: lowercase; white-space: nowrap; } .anim-stroke .builder { display: flex; flex-wrap: nowrap; } /*form-button .form-button-block .builder { border-radius: 6px; background: var(--main-white, #FFF); max-width: 550px; margin: 0 auto; padding: 92px 60px 60px 60px; } .form-button-block .f-header { color: var(--main-black, #070707); font-family: "Bebas Neue"; font-size: 100px; font-weight: 400; line-height: 90%; letter-spacing: 2px; text-transform: lowercase; } .form-button-text1 .f-text p { color: var(--main-black, #070707); font-family: "Bebas Neue"; font-size: 32px; font-weight: 400; line-height: 100%; text-transform: lowercase; } .form-button-list ul li { color: var(--main-black, #070707); font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: 120%; margin-bottom: 7px } .form-button-text2 .f-text p { color: var(--main-black, #070707); font-family: "Inter"; font-size: 17px; font-style: normal; font-weight: 400; line-height: 120%; margin-bottom: 32px; } .form-button-text3 .f-text p { color: var(--main-grey, #7A7A7A); text-align: center; font-family: "Inter"; font-size: 17px; font-weight: 400; line-height: 120%; margin-top: 70px; } .faq-header .f-header p { display: flex; justify-content: space-between; } .footer-block { display: flex; justify-content: space-between; max-width: 1640px; margin: 0 auto; padding: 0 42px; } .footer-left-col, .footer-right-col { flex: 0 0 50%; } .footer-block p, .footer-block p a { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: 120%; letter-spacing: 1.08px; } .footer-block p { margin-bottom: 24px; } .footer-block .footer-left-col p a { text-decoration-line: underline; margin-right: 16px; } .footer-block .menu-item { display: flex; justify-content: space-between; } .last-box { display: flex; justify-content: space-between; max-width: 1640px; margin: 0 auto; padding: 0 42px; margin-top: 48px; } .last-box p, .last-box p a { color: var(--main-white, #FFF); font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: 18px; letter-spacing: 1.08px; display: flex; justify-content: space-between; gap: 24px; } .last-box p a { text-decoration: underline; } .last-box p a.goUp { text-decoration: none; } .date-name { display: none; } .toggle-button { background: none; border: none; padding: 6px; } .dropdown { display: none; text-align: center; } .dropdown-content { opacity: 0; height: 1px; transition: 0.3s; } .dropdown-content.show { opacity: 1; height: auto; background: #070707; padding-bottom: 20px; } .dropdown-content.show ul { list-style: none; max-width: 80px; margin: 0 auto; padding-left: 0; } .dropdown-content.show ul li a{ color: #fff; font-family: "Bebas Neue"; font-size: 18px; font-weight: 400; line-height: normal; letter-spacing: 1.08px; text-align: left; margin-bottom: 7px; display: block; } .dropdown-content.show .lk-button { margin-bottom: 20px; display: block; } @media(max-width: 1080px) { .team-block .builder[data-path="column1"] { display: none !important; } .footer-block, .last-box { padding: 0 24px !important; } } @media(max-width: 980px) { .container, .my-container { padding-left: 24px !important; padding-right: 24px !important; } .builder { padding: 0 !important; } .form-button-block .builder { padding: 40px 30px !important; } .nav-item .f-header { text-align: center !important; } .block-1 .lt-block-wrapper { padding-top: 275px !important; padding-bottom: 280px !important; } .block-1 .builder[data-path="column1"] { display: none !important; } .block-1 .f-subheader p { font-size: 28px !important; } .block-1 .f-text p { font-size: 14px !important; } .custom-btn .btn.f-btn.btn-success { font-size: 18px !important; } .block-1 .part-header { margin-bottom: 13px !important; } .block-1 .part-subheader { margin-bottom: 10px !important; } .block-1 .part-text { margin-bottom: 15px !important; } .custom-header .f-header p { font-size: 64px !important; max-width: 323px !important; text-align: left; } .block-2 .lt-block-wrapper { padding-top: 60px !important; } .faq-header .f-header p { max-width: 310px !important; overflow: hidden !important; justify-content: space-between !important; margin: 0 auto !important; } .cards-block .my-container { flex-direction: column !important; } .cards-block .builder { flex: 0 0 100% !important; } .cards-block .builder[data-path="column1"] { order: 1 !important; } .cards-block .builder[data-path="column2"] { order: 0 !important; } .card-item.card-item_pad { margin-bottom: 3px !important; } .card-item .f-text p { font-size: 14px !important; } .card-subtitle .f-text p { font-size: 14px !important; } .cards-block .lt-block-wrapper { padding-top: 0 !important; } .card { margin-bottom: 16px !important; } .cards-block .custom-btn { order: 12 !important; } .icons-text .f-text p { font-size: 28px !important; margin-bottom: 0 !important; } .myAccordion { font-size: 18px !important; } .myAccordion:after { width: 22px !important; height: 22px !important; top: 30px !important; } .custom-form .form-content .builder { flex-direction: column !important; } .part-image.team-item.item-team-1 { order: 1 !important; } .item-team-2.custom-subtitle { order: 0 !important; flex: 0 0 100% !important; } .part-header.team-header { order: 3 !important; } .part-subheader.team-subheader { order: 4 !important; } .part-text.team-link { order: 5 !important; margin-bottom: 16px !important; } .part-text.team-text { order: 6 !important; } .custom-subtitle .f-header p { font-size: 28px !important; margin-bottom: 25px !important; } .fact-block { display: none !important; } .footer-right-col { display: none !important; } .customMenu { display: none; } .nav-item { top: 100px !important; } .card-item.card-item_pad p:nth-child(2) span { font-size: 10px !important; } .card-title { font-size: 18px !important; } .card .card-text { font-size: 14px !important; } .icons-text .lt-block-wrapper { padding-top: 35px !important; padding-bottom:0 !important; } .icons-text .f-text p img { width: 24px !important; height: 24px !important; } .block-format .f-text p { font-size: 14px !important; } .block-format .builder-item.part-text { padding-left: 30px !important; margin-bottom: 16px !important; } .block-format .lt-block-wrapper { padding-top: 0 !important; padding-bottom: 15px !important; } .galery-block .lt-block-wrapper { padding-bottom: 11px !important; } .galery-block .builder { gap: 11px !important; } .galery-block .mobil-image { display: block !important; } .hide-galery .lt-block-wrapper { padding-top: 0 !important } .hide-galery .part-image { margin-bottom: 11px !important; } .image-item { display: none !important; } .video-block .container { padding: 0 !important; } .sill .custom-header{ margin-bottom: 15px !important; } .myAccordion { padding: 27px 50px 27px 0 !important; } .quest .lt-block-wrapper { padding-bottom: 0 !important; } .custom-form .lt-block-wrapper { padding-top: 45px !important; padding-bottom: 100px !important; } .team-block-header .lt-block-wrapper { padding-bottom: 0 !important; } .team-block .lt-block-wrapper { padding-top: 22px !important; } .team-block-header:before, .team-block-header:after { top: -65px !important; width: 104px !important; height: 133px !important; } .team-subheader .f-subheader p, .team-text .f-text p, .team-text .f-text ul { font-size: 14px !important; } .form-button-block .f-header { font-size: 64px !important; } .form-button-text1 .f-text p { font-size: 28px !important; } .form-button-text2 .f-text p { font-size: 10px !important; } .form-button-list ul li { font-size: 14px !important; } .form-button-block ul { padding-left: 20px !important; } .form-button-text3 .f-text p { font-size: 10px !important; margin-top: 16px !important; } .form-button-text2 .f-text p { margin-bottom: 16px !important; } .faq-header .lt-block-wrapper { padding-top: 10px !important; padding-bottom: 47px !important; } .custom-btn .lt-block-wrapper { padding-bottom: 40px !important; } .dropdown { display: block !important; position: relative; z-index: 100; } .hide-mobile { display: none !important; } .footer-left-col { flex: 100% !important; } .footer-soc { display: none !important; } .last-box p:first-child { display: none !important; } .date-name { display: block !important; } .last-box { margin-top: 15px !important; } .padding-bottom_basic .lt-block-wrapper { padding-bottom: 80px !important; } .padding-top_basic .lt-block-wrapper { padding-top: 80px !important; } .anim-string .lt-block-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; } .marquee { font-size: 28px !important; } } @media(max-width: 480px) { .team-block-header:before, .team-block-header:after { top: -46px !important; width: 74px !important; height: 73px !important; } } @media(max-width: 378px) { .footer-block p, .footer-block p a { font-size: 16px !important; } .last-box p, .last-box p a { font-size: 16px !important; } } </style> </div></div> <style> #ltBlock1931322565 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322565" data-block-id="1931323263" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-f204a" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings"> Link to this page location: <a class="anchor" data-anchor="top" name='top' id='top' href="#top">#top</a> </div> </div></div> <style> #ltBlock1931322567 .lt-block-wrapper { padding-top: 270px; padding-bottom: 240px } </style> <div id="ltBlock1931322567" data-block-id="1931323265" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard block-1 block-1_main" data-code="b-7b2a2" > <div class="lt-block-wrapper"> <div class="my-container flex-container wrap-col"> <div id="builder3562461" class="builder flex-column col-md-0 col-md-offset-0" data-path="column1" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Block style" data-setting-editable="true"></div> </div> <style> #builder3562461 { ; } </style> <script> $( function() { if( $('#builder3562461 input[type="radio"]').length == 1 && $('#builder3562461 input[type="radio"]').prop('checked') ) { $('#builder3562461 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder1144513" class="builder flex-column col-md-12 col-md-offset-0" data-path="column2" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column2/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 16px; border-radius: ; " data-setting-editable="true" class="builder-item part-header text-left" id="a5fcf749a8" > <div data-editable=true data-param='column2/parts/header1/inner/text' class='f-header f-header-36'><p>102</p></div> <div class="add-redesign-subblock" data-id="1931323265"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5fcf749a8 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field17535" data-item-name="field17535" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-subheader " id="aa869354ba" > <div data-editable=true data-param='column2/parts/field17535/inner/text' class='f-subheader f-subheader-sm f-text-transform-uppercase'><p>touchdesigner </p><p>extreme</p></div> <div class="add-redesign-subblock" data-id="1931323265"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aa869354ba .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field86895" data-item-name="field86895" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-button custom-btn" id="aeb394480d" > <button type="button" id="button645736" class="btn f-btn button-md btn-success" style="color: white; background-color: ; "> Learn More </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton645736']) { e.preventDefault(); return false; } else { $('#button645736').addClass('disabled'); window['prsbutton645736'] = true; setTimeout(function(){window['prsbutton645736'] = false;$('#button645736').removeClass('disabled');}, 6000); } return true; }; $( '#button645736' ).click( function(e) { //disableButton(e); location.href='#about'; } ); }); </script> <div class="add-redesign-subblock" data-id="1931323265"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aeb394480d .add-redesign-subblock { display: none; } </style> </div> <style> #builder1144513 { ; } </style> <script> $( function() { if( $('#builder1144513 input[type="radio"]').length == 1 && $('#builder1144513 input[type="radio"]').prop('checked') ) { $('#builder1144513 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1931322568 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322568" data-block-id="1931323266" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-a59af" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings"> Link to this page location: <a class="anchor" data-anchor="about" name='about' id='about' href="#about">#about</a> </div> </div></div> <style> #ltBlock1931322569 .lt-block-wrapper { padding-top: 165px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1931322569" data-block-id="1931323267" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common block-2" data-code="b-1f387" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder4275786" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 32px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white text-left" id="ade2fdf345" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>about the course</p></div> <div class="add-redesign-subblock" data-id="1931323267"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ade2fdf345 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field20634" data-item-name="field20634" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; color: #ffffff; border-radius: ; " data-setting-editable="true" class="builder-item part-text text_s" id="aad0d7b3b9" > <div style='' class='text-normal f-text' data-param='items/parts/field20634/inner/text' data-editable='true'><p>Intensive Course with extremely fast diving into concept of TouchDesigner and oriented for practical results.</p><p><br></p><p>It's oriented to beginner and intermediate Media Artists  interested in generative art, VJing, AudioVisual performances, and interactive technologies.</p></div> <div class="add-redesign-subblock" data-id="1931323267"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aad0d7b3b9 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field20634_93" data-item-name="field20634_93" data-title="Element" data-animation-mode="no" style="margin-bottom: 3px; color: #ffffff; border-radius: ; " data-setting-editable="true" class="builder-item part-text text_s" id="a14bac91d8" > <div style='' class='text-normal f-text' data-param='items/parts/field20634_93/inner/text' data-editable='true'></div> <div class="add-redesign-subblock" data-id="1931323267"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a14bac91d8 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder4275786 input[type="radio"]').length == 1 && $('#builder4275786 input[type="radio"]').prop('checked') ) { $('#builder4275786 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322570 .lt-block-wrapper { padding-top: 30px; padding-bottom: 45px; background-color: #070707 } </style> <div id="ltBlock1931322570" data-block-id="1931323268" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard cards-block" data-code="b-28318" > <div class="lt-block-wrapper"> <div class="my-container flex-container wrap-col"> <div id="builder9877142" class="builder flex-column col-md-5 col-md-offset-0" data-path="column1" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column1/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card text-left" id="a66638647c" > <div style='' class='text-normal f-text' data-param='column1/parts/text1/inner/text' data-editable='true'><p class="card-title">Course target</p> <p class="card-text">TouchDesigner 102: Extreme 2 is a course  designed for artists, who are interested in generative and media art, VJing, audiovisual performances, and interactive technologies.</p> <p class="card-text">The course will provide a deeper exploration into 3D rendering, geometry concepts, and topics related to interactive interfaces.</p> <p class="card-text">It is a follow-up to the course <br><a href="https://hou2touch.com/101">"TouchDesigner 101: Extreme"</a> </p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a66638647c .add-redesign-subblock { display: none; } </style> <div data-param="column1/parts/text1_23" data-item-name="text1_23" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card text-left" id="a5d1924e8e" > <div style='' class='text-normal f-text' data-param='column1/parts/text1_23/inner/text' data-editable='true'><p class="card-title">Time proven approach ...</p> <p class="card-text">We believe that our course's approach to teaching TouchDesigner is unique and effective in that we provide our students with a hands-on learning experience that allows them to experiment and create freely..</p> <p class="card-text">Our course material is structured in a way that is easy to understand.</p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5d1924e8e .add-redesign-subblock { display: none; } </style> <div data-param="column1/parts/field18769" data-item-name="field18769" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card" id="a8049efc24" > <div style='' class='text-normal f-text' data-param='column1/parts/field18769/inner/text' data-editable='true'><p class="card-title">TouchDesigner 102</p> <p class="card-text">After completing this course, you will gain an understanding of the TouchDesigner approach for creating procedural geometry. You will be able to render 3D scenes, compose them, and grasp the basic concepts of creating interactive user interfaces.</p> <p class="card-text">After this course, you will know, how to use TouchDesigner to create procedural 3D scenes and interactive user interfaces.</p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a8049efc24 .add-redesign-subblock { display: none; } </style> <div data-param="column1/parts/field54544" data-item-name="field54544" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card" id="ae69ebd6e7" > <div style='' class='text-normal f-text' data-param='column1/parts/field54544/inner/text' data-editable='true'><p class="card-title">Who is the course for?</p> <p class="card-text">This course is designed for artists who want to start working or advance their level of working with TouchDesigner, without relying on fragmented knowledge from YouTube tutorials and want to solid understanding of inner logic of this software, as well as for the newcomers who want to discover the inspiring world of generative art</p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae69ebd6e7 .add-redesign-subblock { display: none; } </style> </div> <style> #builder9877142 { ; } </style> <script> $( function() { if( $('#builder9877142 input[type="radio"]').length == 1 && $('#builder9877142 input[type="radio"]').prop('checked') ) { $('#builder9877142 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder368872" class="builder flex-column col-md-6 col-md-offset-1" data-path="column2" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column2/parts/field39440_21" data-item-name="field39440_21" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item" id="a272e6d7b4" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_21/inner/text' data-editable='true'><p>Duration </p> <p>6 weeks</p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a272e6d7b4 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_91" data-item-name="field39440_91" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item" id="a3fefb6ec1" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_91/inner/text' data-editable='true'><p>Your skill level</p> <p>Beginner, Intermediate</p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a3fefb6ec1 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_26" data-item-name="field39440_26" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item card-item_soft" id="a9c2129b1b" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_26/inner/text' data-editable='true'><p>Software </p> <p>TouchDesigner 2022</p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a9c2129b1b .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_3" data-item-name="field39440_3" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item" id="ac08c1f9e5" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_3/inner/text' data-editable='true'><p>Video Duration </p> <p>11 Hours </p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac08c1f9e5 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_3_61" data-item-name="field39440_3_61" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item" id="a45e9c757e" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_3_61/inner/text' data-editable='true'><p>Format </p> <p>Self-Study</p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a45e9c757e .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field39440_3_56" data-item-name="field39440_3_56" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text card-item card-item_pad" id="ac8dd725cb" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_3_56/inner/text' data-editable='true'><p>Who needs this </p> <p><span>Motion Designers</span> <span>Media Artists</span> <span>3D Artists</span> <span>VR / XR Producers</span> <span>NFT Artists</span> <span>Interactive Developers</span> <span>Musicians</span> <span>VJs</span> <span>AI/ML Enthusiasts</span> <span>Designers</span></p></div> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac8dd725cb .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field67209" data-item-name="field67209" data-title="Element" data-animation-mode="no" style="margin-bottom: 20px; border-radius: ; " data-setting-editable="true" class="builder-item part-button custom-btn" id="a76396ac16" > <button type="button" id="button4044792" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: ; "> enroll </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton4044792']) { e.preventDefault(); return false; } else { $('#button4044792').addClass('disabled'); window['prsbutton4044792'] = true; setTimeout(function(){window['prsbutton4044792'] = false;$('#button4044792').removeClass('disabled');}, 6000); } return true; }; $( '#button4044792' ).click( function(e) { //disableButton(e); location.href='#book'; } ); }); </script> <div class="add-redesign-subblock" data-id="1931323268"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a76396ac16 .add-redesign-subblock { display: none; } </style> </div> <style> #builder368872 { ; } </style> <script> $( function() { if( $('#builder368872 input[type="radio"]').length == 1 && $('#builder368872 input[type="radio"]').prop('checked') ) { $('#builder368872 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1931322571 .lt-block-wrapper { padding-top: 0px; padding-bottom: 120px; background-color: #070707 } </style> <div id="ltBlock1931322571" data-block-id="1931323269" class="lt-block lt-view vid01 lt-video lt-video-common video-block" data-code="b-1318d" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12" style=""> <div class="clearfix videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/JdoD8cV7BfU" frameborder="0" allowfullscreen allow="autoplay; encrypted-media"></iframe></div> <style> .videoWrapper { position: relative; padding-bottom: 52.25%; padding-top: 4%; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> </div> </div> </div> </div></div> <style> #ltBlock1931322572 .lt-block-wrapper { padding-top: 60px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931322572" data-block-id="1931323270" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common format-header" data-code="b-e216f" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder9719666" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 30px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white text-left" id="a12e772373" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>course format & materials</p></div> <div class="add-redesign-subblock" data-id="1931323270"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a12e772373 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder9719666 input[type="radio"]').length == 1 && $('#builder9719666 input[type="radio"]').prop('checked') ) { $('#builder9719666 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322573 .lt-block-wrapper { padding-top: 15px; padding-bottom: 75px; background-color: #070707; color: #ffffff } </style> <div id="ltBlock1931322573" data-block-id="1931323271" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common block-format" data-code="b-0eca2" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-10 text-left" style="color: #ffffff"> <div id="builder9463317" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-1" id="a7c9d6442f" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>The course is completely prerecorded and includes 11 hours of video recordings</p></div> <div class="add-redesign-subblock" data-id="1931323271"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a7c9d6442f .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8" data-item-name="text1_8" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-2" id="a5ae9ca5a4" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8/inner/text' data-editable='true'><p>TouchDesigner projects available to download</p></div> <div class="add-redesign-subblock" data-id="1931323271"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5ae9ca5a4 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8_52" data-item-name="text1_8_52" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-3" id="ac53246ff7" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_52/inner/text' data-editable='true'><p>For communication, we have a chat with and other participants.</p></div> <div class="add-redesign-subblock" data-id="1931323271"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac53246ff7 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8_65" data-item-name="text1_8_65" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-5" id="aba552ff23" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_65/inner/text' data-editable='true'><p>Each lesson contains several videos, detailing the theme.</p></div> <div class="add-redesign-subblock" data-id="1931323271"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aba552ff23 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder9463317 input[type="radio"]').length == 1 && $('#builder9463317 input[type="radio"]').prop('checked') ) { $('#builder9463317 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322573 hr.separator { border-color: #ffffff; } #ltBlock1931322573 .f-text { color: #ffffff; } </style> <style> #ltBlock1931322575 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322575" data-block-id="1931323273" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-21f2d" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings"> Link to this page location: <a class="anchor" data-anchor="galery" name='galery' id='galery' href="#galery">#galery</a> </div> </div></div> <style> #ltBlock1931322576 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1931322576" data-block-id="1931323274" data-has-limited-visibility="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common gallery-block_button" data-code="b-05984" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder2335734" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field60572" data-item-name="field60572" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white" id="a2e1a25036" > <div data-editable=true data-param='items/parts/field60572/inner/text' class='f-header f-header-36'><p>Gallery</p></div> <div class="add-redesign-subblock" data-id="1931323274"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a2e1a25036 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder2335734 input[type="radio"]').length == 1 && $('#builder2335734 input[type="radio"]').prop('checked') ) { $('#builder2335734 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322577 .lt-block-wrapper { padding-top: 30px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931322577" data-block-id="1931323275" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common galery-block" data-code="b-fbffd" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder4314286" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field40749" data-item-name="field40749" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img" id="ac88d588f7" > <div id="image451491" class="image-box" data-img-title="name" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/a098a89c8e92fdefec04d0e6da6c59a4.png/s/s1200x/a/476640/sc/400" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/a098a89c8e92fdefec04d0e6da6c59a4.png/s/s1200x/a/476640/sc/400" data-param="items/parts/field40749/inner/image" data-hash="a098a89c8e92fdefec04d0e6da6c59a4.png" data-image-editable="true" title="name" alt="name" style="" /> <div data-editable="true" data-param="items/parts/field40749/inner/image/caption" class="lt-image-caption"> name </div> </div> <script> $( function() { $( '#image451491' ).click( function(ev) { ltShowModalBlock("b-e8196") } ); }); </script> <style> #image451491 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931323275"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac88d588f7 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_42" data-item-name="field40749_42" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img mobil-image" id="acb5a1c0c8" > <div id="image5795741" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/a6d834b1e58e96461ad876a944a7be48.png/s/s1200x/a/476640/sc/165" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/a6d834b1e58e96461ad876a944a7be48.png/s/s1200x/a/476640/sc/165" data-param="items/parts/field40749_42/inner/image" data-hash="a6d834b1e58e96461ad876a944a7be48.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_42/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323275"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acb5a1c0c8 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_85" data-item-name="field40749_85" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img mobil-image" id="a4bd63d8fb" > <div id="image5226301" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/bd1741b7f7b980a0debb8686bf6ca32f.jpg/s/s1200x/a/476640/sc/339" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/bd1741b7f7b980a0debb8686bf6ca32f.jpg/s/s1200x/a/476640/sc/339" data-param="items/parts/field40749_85/inner/image" data-hash="bd1741b7f7b980a0debb8686bf6ca32f.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_85/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323275"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a4bd63d8fb .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field88582" data-item-name="field88582" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image image-item" id="abfc202cbb" > <div id="image4443553" class="image-box" data-img-title="" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/c7b0c4b89342a6dc707ebf8a0b3e647c.png/s/s1200x/a/476640/sc/287" > <img class="lazyload" data-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/c7b0c4b89342a6dc707ebf8a0b3e647c.png/s/s1200x/a/476640/sc/287" data-param="items/parts/field88582/inner/image" data-hash="c7b0c4b89342a6dc707ebf8a0b3e647c.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field88582/inner/image/caption" class="lt-image-caption"> </div> </div> <script> $( function() { $( '#image4443553' ).click( function(ev) { blueimp.Gallery([ev.currentTarget], { index: ev.currentTarget, event: ev, urlProperty: 'img-src', titleProperty: 'img-title' }); } ); }); </script> <style> #image4443553 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931323275"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#abfc202cbb .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field66449" data-item-name="field66449" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image image-item" id="a98e02ce1f" > <div id="image1680629" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/a446bea3306ad50bf12f5bf428935016.png/s/s1200x/a/476640/sc/129" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/a446bea3306ad50bf12f5bf428935016.png/s/s1200x/a/476640/sc/129" data-param="items/parts/field66449/inner/image" data-hash="a446bea3306ad50bf12f5bf428935016.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field66449/inner/image/caption" class="lt-image-caption"> </div> </div> <script> $( function() { $( '#image1680629' ).click( function(ev) { blueimp.Gallery([ev.currentTarget], { index: ev.currentTarget, event: ev, urlProperty: 'img-src', titleProperty: 'img-title' }); } ); }); </script> <style> #image1680629 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931323275"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a98e02ce1f .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field99040" data-item-name="field99040" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img" id="a610681037" > <div id="image5441683" class="image-box" data-img-title="" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/c6fa9c321235440c81831e8ecface67c.png/s/s1200x/a/476640/sc/240" > <img class="lazyload" data-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/c6fa9c321235440c81831e8ecface67c.png/s/s1200x/a/476640/sc/240" data-param="items/parts/field99040/inner/image" data-hash="c6fa9c321235440c81831e8ecface67c.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field99040/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323275"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a610681037 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field1659" data-item-name="field1659" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image gallery-block-img" id="ad8634052f" > <div id="image9640283" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c0a365f2f8d87ae22017fb2fb5b1a753.png/s/s1200x/a/476640/sc/231" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c0a365f2f8d87ae22017fb2fb5b1a753.png/s/s1200x/a/476640/sc/231" data-param="items/parts/field1659/inner/image" data-hash="c0a365f2f8d87ae22017fb2fb5b1a753.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field1659/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323275"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ad8634052f .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder4314286 input[type="radio"]').length == 1 && $('#builder4314286 input[type="radio"]').prop('checked') ) { $('#builder4314286 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931324238 .lt-block-wrapper { padding-top: 30px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931324238" data-block-id="1931324322" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common galery-block" data-code="b-f4ef8" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder7883265" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field40749" data-item-name="field40749" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img" id="a321b999b0" > <div id="image8808599" class="image-box" data-img-title="name" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c0cf9fac2e453a2788e81ef3e8c26d4d.png/s/s1200x/a/476640/sc/348" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c0cf9fac2e453a2788e81ef3e8c26d4d.png/s/s1200x/a/476640/sc/348" data-param="items/parts/field40749/inner/image" data-hash="c0cf9fac2e453a2788e81ef3e8c26d4d.png" data-image-editable="true" title="name" alt="name" style="" /> <div data-editable="true" data-param="items/parts/field40749/inner/image/caption" class="lt-image-caption"> name </div> </div> <script> $( function() { $( '#image8808599' ).click( function(ev) { ltShowModalBlock("b-e8196") } ); }); </script> <style> #image8808599 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931324322"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a321b999b0 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_42" data-item-name="field40749_42" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img mobil-image" id="acb84dea23" > <div id="image4830402" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/a6d834b1e58e96461ad876a944a7be48.png/s/s1200x/a/476640/sc/165" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/a6d834b1e58e96461ad876a944a7be48.png/s/s1200x/a/476640/sc/165" data-param="items/parts/field40749_42/inner/image" data-hash="a6d834b1e58e96461ad876a944a7be48.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_42/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931324322"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acb84dea23 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_85" data-item-name="field40749_85" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img mobil-image" id="a7ae49b182" > <div id="image4599633" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/bd1741b7f7b980a0debb8686bf6ca32f.jpg/s/s1200x/a/476640/sc/339" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/bd1741b7f7b980a0debb8686bf6ca32f.jpg/s/s1200x/a/476640/sc/339" data-param="items/parts/field40749_85/inner/image" data-hash="bd1741b7f7b980a0debb8686bf6ca32f.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_85/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931324322"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a7ae49b182 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field88582" data-item-name="field88582" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image image-item" id="a823ddfa23" > <div id="image6240373" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/bf29f3c4d484f2a8025c3636348bd505.png/s/s1200x/a/476640/sc/99" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/bf29f3c4d484f2a8025c3636348bd505.png/s/s1200x/a/476640/sc/99" data-param="items/parts/field88582/inner/image" data-hash="bf29f3c4d484f2a8025c3636348bd505.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field88582/inner/image/caption" class="lt-image-caption"> </div> </div> <script> $( function() { $( '#image6240373' ).click( function(ev) { blueimp.Gallery([ev.currentTarget], { index: ev.currentTarget, event: ev, urlProperty: 'img-src', titleProperty: 'img-title' }); } ); }); </script> <style> #image6240373 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931324322"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a823ddfa23 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field66449" data-item-name="field66449" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image image-item" id="a306641aa0" > <div id="image7756023" class="image-box" data-img-title="" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/99224f640b7d816435f879dcd5270b78.png/s/s1200x/a/476640/sc/26" > <img class="lazyload" data-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/99224f640b7d816435f879dcd5270b78.png/s/s1200x/a/476640/sc/26" data-param="items/parts/field66449/inner/image" data-hash="99224f640b7d816435f879dcd5270b78.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field66449/inner/image/caption" class="lt-image-caption"> </div> </div> <script> $( function() { $( '#image7756023' ).click( function(ev) { blueimp.Gallery([ev.currentTarget], { index: ev.currentTarget, event: ev, urlProperty: 'img-src', titleProperty: 'img-title' }); } ); }); </script> <style> #image7756023 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931324322"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a306641aa0 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field99040" data-item-name="field99040" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img" id="ab24ac6396" > <div id="image8254813" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/2a04643f530f3ad8b0cba16a583a1aca.png/s/s1200x/a/476640/sc/255" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/2a04643f530f3ad8b0cba16a583a1aca.png/s/s1200x/a/476640/sc/255" data-param="items/parts/field99040/inner/image" data-hash="2a04643f530f3ad8b0cba16a583a1aca.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field99040/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931324322"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ab24ac6396 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field99040_44" data-item-name="field99040_44" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image galery-block-img" id="a2377d0074" > <div id="image4356827" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/e8cbecd0ea20b92e109a5f41373cfb7d.png/s/s1200x/a/476640/sc/374" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/e8cbecd0ea20b92e109a5f41373cfb7d.png/s/s1200x/a/476640/sc/374" data-param="items/parts/field99040_44/inner/image" data-hash="e8cbecd0ea20b92e109a5f41373cfb7d.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field99040_44/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931324322"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a2377d0074 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field1659" data-item-name="field1659" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image gallery-block-img" id="a4bc7a56ea" > <div id="image990692" class="image-box" data-img-title="" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/ed183d2a570dc6debe2a78078f01ef2f.png/s/s1200x/a/476640/sc/336" > <img class="lazyload" data-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/ed183d2a570dc6debe2a78078f01ef2f.png/s/s1200x/a/476640/sc/336" data-param="items/parts/field1659/inner/image" data-hash="ed183d2a570dc6debe2a78078f01ef2f.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field1659/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931324322"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a4bc7a56ea .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field1659_7" data-item-name="field1659_7" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image gallery-block-img" id="a40ecfb51e" > <div id="image3316751" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/4b3fc6d645ba419d8ad8074a33b7482c.png/s/s1200x/a/476640/sc/193" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/4b3fc6d645ba419d8ad8074a33b7482c.png/s/s1200x/a/476640/sc/193" data-param="items/parts/field1659_7/inner/image" data-hash="4b3fc6d645ba419d8ad8074a33b7482c.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field1659_7/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931324322"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a40ecfb51e .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder7883265 input[type="radio"]').length == 1 && $('#builder7883265 input[type="radio"]').prop('checked') ) { $('#builder7883265 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322578 .lt-block-wrapper { padding-top: 15px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1931322578" data-block-id="1931323276" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common hide-galery" data-code="b-0a942" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder272483" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field40749" data-item-name="field40749" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="a27d8b36c6" > <div id="image7539763" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/5c9d4e4e995c6d60faeb1d42ec9ce346.png/s/s1200x/a/476640/sc/352" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/5c9d4e4e995c6d60faeb1d42ec9ce346.png/s/s1200x/a/476640/sc/352" data-param="items/parts/field40749/inner/image" data-hash="5c9d4e4e995c6d60faeb1d42ec9ce346.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323276"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a27d8b36c6 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_20" data-item-name="field40749_20" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="a0de2df8b7" > <div id="image6635114" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/62e6d9eb02ddc9ab4ef734f2ece67f48.png/s/s1200x/a/476640/sc/401" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/62e6d9eb02ddc9ab4ef734f2ece67f48.png/s/s1200x/a/476640/sc/401" data-param="items/parts/field40749_20/inner/image" data-hash="62e6d9eb02ddc9ab4ef734f2ece67f48.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_20/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323276"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a0de2df8b7 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field40749_42" data-item-name="field40749_42" data-title="Element" data-animation-mode="no" style="margin-bottom: 10px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="af4499efac" > <div id="image1461711" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/62e6d9eb02ddc9ab4ef734f2ece67f48.png/s/s1200x/a/476640/sc/401" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/62e6d9eb02ddc9ab4ef734f2ece67f48.png/s/s1200x/a/476640/sc/401" data-param="items/parts/field40749_42/inner/image" data-hash="62e6d9eb02ddc9ab4ef734f2ece67f48.png" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="items/parts/field40749_42/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323276"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#af4499efac .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder272483 input[type="radio"]').length == 1 && $('#builder272483 input[type="radio"]').prop('checked') ) { $('#builder272483 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322583 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322583" data-block-id="1931323281" class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block" data-code="b-cbaeb" > <div class="lt-block-wrapper"> <script language="javascript" id="rawJs1956424"> $(function(){ var acc = document.getElementsByClassName("myAccordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("myActive"); /* Toggle between hiding and showing the active panel */ var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } }); </script> </div></div> <style> #ltBlock1931322584 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322584" data-block-id="1931323282" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-688a2" > <div class="lt-block-wrapper"> <style id="rawCss2949514">.quest { background: #fff; max-width: none; padding-left: 24px; padding-right: 24px; } .quest .buttonBox:first-child .myAccordion { border-top: 1px solid rgb(7, 7, 7, 1); } .accordionBox h2 { font-size: 36px; font-family: "Montserrat-Bold"; color: rgb(44, 44, 44); line-height: 1.2; margin-bottom: 50px; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) .active, .myAccordion:hover { background-color: #ccc; } */ /* Style the accordion panel. Note: hidden by default */ .myPanel { color: rgb(7, 7, 7); display: none; overflow: hidden; padding: 10px 0; } .myPanel p { font-size: 17px; font-weight: 400; font-family: "Inter"; color: #070707; } /**/ .quest.quest-2 { background: #070707; max-width: none; } .buttonBox { max-width: 1170px; margin: 0 auto; } .quest.quest-2 .buttonBox .myAccordion { background: #070707; border-top: 1px solid #fff; } .quest.quest-2 .myAccordion:after { content: ""; position: absolute; width: 32px; height: 32px; top: 35px; right: 5px; background: url(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/191/h/75935ca5252a6ef25b624dd4d043bd6f.svg)no-repeat; background-size: contain; } .quest.quest-2 .myPanel p { color: #fff; } .quest.quest-2 .buttonBox:last-child .myAccordion { border-bottom: 1px solid #fff; } @media(max-width: 1087px) { .accordionBox { max-width: 90% !important; margin-right: 5% !important; margin-left: 5% !important; } }</style> </div></div> <style> #ltBlock1931322585 .lt-block-wrapper { padding-top: 180px; padding-bottom: 15px; background-color: #ffffff } </style> <div id="ltBlock1931322585" data-block-id="1931323283" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common sill padding-top_basic" data-code="b-9a3f5" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder3681184" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 32px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_black text-left" id="a66a73b0a8" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>syllabus</p></div> <div class="add-redesign-subblock" data-id="1931323283"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a66a73b0a8 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field1164" data-item-name="field1164" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text basic-text" id="ac73e519ee" > <div style='' class='text-normal f-text' data-param='items/parts/field1164/inner/text' data-editable='true'><p>Detailed course program </p></div> <div class="add-redesign-subblock" data-id="1931323283"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac73e519ee .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder3681184 input[type="radio"]').length == 1 && $('#builder3681184 input[type="radio"]').prop('checked') ) { $('#builder3681184 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322586 .lt-block-wrapper { padding-top: 0px; padding-bottom: 120px } </style> <div id="ltBlock1931322586" data-block-id="1931323284" class="lt-block lt-view raw-html lt-raw lt-raw-html quest" data-code="b-f76ac" > <div class="lt-block-wrapper"> <div id="rawHtml3831807" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <div class="buttonBox"> <button class="myAccordion">Week 1: Geometry Introduction. 1 Hour 10 Min </button> <div class="myPanel"> <p>1.1. Basic_3D_Scene <br> Geometry Types in Computer Graphics: Splines, Polygons<br> Topology. Normals.<br> 1.2. SOP_Structure<br> Introduction to the Data Structure in Geometrical Context<br> 1.3 Procedural Example </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 2: Geometry Concept. 2 Hours 20 Min </button> <div class="myPanel"> <p>2.1. Groups and Attributes. <br> What is Geometry Attribute.<br> Creating Custom Attributes.<br> 2.2.Point , Primitive , Copy SOPs<br> Point and Primitive SOPs<br> Point Expressions as Modeling Tool. TScript vs Python.<br> Creating the Arrays of Geometry: Copy SOP <br> 2.3 Building the Loops for processing geometry </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 3: Instancing in TouchDesigner. 1 Hour 35 Min </button> <div class="myPanel"> <p>3.1. Basics of Instancing<br> Creating the Arrays of Geometry: Instancing<br> Orientation of the Instances<br> Instancing on CHOPs<br> Editing of geometry attributes using CHOP<br> 3.2. Advanced Instancing<br> Texture Arrays.<br> Using of the Texture3D TOP.<br> Creating Texture Arrays from the Video Stream using GLSL. </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 4: Intro to Dynamic Simulations. 1 Hour 30 Min </button> <div class="myPanel"> <p>4.1. Particles and L-Systems<br> Basics of LSystems<br> Particle SOP<br> 4.2.RBD. Bullet Dynamics </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 5: Direct modelling and Rendering. 2 Hours 35 Min </button> <div class="myPanel"> <p>5.1. Direct modelling <br> Wase_Modeling<br> Wase_UV<br> Wase UV2 and Camera Setup<br> UV Unwrap. Camera Animation on Path<br> Camera_On_Path<br> Camera Settings<br> 5.2. Rendering in TouchDesigner<br> PBR Setup<br> SSAO<br> Modeling Techniques<br> Rendering Workflow<br> </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 6: Shading & Compositing. GLSL. 1 Hour 25 Min </button> <div class="myPanel"> <p>6.1. PBR Shader<br> Environment Lights<br> PBR Rendering 2<br> Substance Archives and Substance Select<br> 6.2. GLSL Basics<br> Intro to GLSL Pipeline.<br> Customizing TouchDesigner Materials using GLSL.<br> Intro to Substance Designer.<br> Cube Map Rendering.<br> Outputting Shader Variables to the Render Buffers.<br> Advanced Compositing using GLSL TOP.<br> </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 7: UI & Interoperability. 2 Hour 45 Min </button> <div class="myPanel"> <p>7.1. Event & Panel COP<br> Interacting with Panel Components using Panel CHOP<br> Customizing the event generation using the Python and CHOP Execute DATbr> Continuous Event Generation using Python and Event CHOP<br> 7.2. RenderPick <br> Interact with Rendered Geometry. Build the 3D UI<br> MultiTouch and RenderPick DATs.<br> 7.3. Replicator. MovieBin <br> Generative User Interfaces using Replicator.<br> Build the Movie Bin with Blending Between Movies.<br> 7.4. Kinect Basics <br> Intro to the Kinect <br> Work with the Point Cloud <br> Point Deform Shader<br> Working with the Skeleton data <br> Generating Events with Kinect Skeleton data<br> Kinect Skeleton in Screen UV<br> </p> </div> </div> </div> </div></div> <style> #ltBlock1931322588 .lt-block-wrapper { padding-top: 60px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931322588" data-block-id="1931323286" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common format-header" data-code="b-22a9f" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder6992798" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 30px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white text-left" id="acd9469caf" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>outcomes from the course</p></div> <div class="add-redesign-subblock" data-id="1931323286"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acd9469caf .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder6992798 input[type="radio"]').length == 1 && $('#builder6992798 input[type="radio"]').prop('checked') ) { $('#builder6992798 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931538061 .lt-block-wrapper { padding-top: 15px; padding-bottom: 75px; background-color: #070707; color: #ffffff } </style> <div id="ltBlock1931538061" data-block-id="1932054561" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common block-format" data-code="b-0fa4d" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-10 text-left" style="color: #ffffff"> <div id="builder655839" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-1" id="a1395e4b97" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>Gain a comprehensive understanding of TouchDesigner and its node-based workflow</p></div> <div class="add-redesign-subblock" data-id="1932054561"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1395e4b97 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8" data-item-name="text1_8" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-2" id="afa0413bde" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8/inner/text' data-editable='true'><p>Confidently navigate and work within the TouchDesigner environment.</p></div> <div class="add-redesign-subblock" data-id="1932054561"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#afa0413bde .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8_52" data-item-name="text1_8_52" data-title="Element" data-animation-mode="no" style="margin-bottom: 24px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-3" id="a51b1d3a5c" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_52/inner/text' data-editable='true'><p>Understand the logic of TouchDesigner Geometry Approach</p></div> <div class="add-redesign-subblock" data-id="1932054561"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a51b1d3a5c .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1_8_65" data-item-name="text1_8_65" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-5" id="ab6e39e972" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_65/inner/text' data-editable='true'><p>Model and Render procedural 3D geometries</p></div> <div class="add-redesign-subblock" data-id="1932054561"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ab6e39e972 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field74213" data-item-name="field74213" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-1" id="a5aa2d74f3" > <div style='' class='text-normal f-text' data-param='items/parts/field74213/inner/text' data-editable='true'><p>Work with Kinect Data</p></div> <div class="add-redesign-subblock" data-id="1932054561"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5aa2d74f3 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field77150" data-item-name="field77150" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text item-2" id="a16a0ac572" > <div style='' class='text-normal f-text' data-param='items/parts/field77150/inner/text' data-editable='true'><p>Make basic interactive setups using Renderpick and UI</p><p><br></p></div> <div class="add-redesign-subblock" data-id="1932054561"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a16a0ac572 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder655839 input[type="radio"]').length == 1 && $('#builder655839 input[type="radio"]').prop('checked') ) { $('#builder655839 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931538061 hr.separator { border-color: #ffffff; } #ltBlock1931538061 .f-text { color: #ffffff; } </style> <style> #ltBlock1931322590 .lt-block-wrapper { padding-top: 165px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931322590" data-block-id="1931323288" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common team-block-header" data-code="b-de01e" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder5251612" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; margin-top: 10px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white text-left" id="ac124e6026" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>Team</p></div> <div class="add-redesign-subblock" data-id="1931323288"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac124e6026 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field62686" data-item-name="field62686" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; color: #ffffff; border-radius: ; " data-setting-editable="true" class="builder-item part-text text_s" id="aa032ff000" > <div style='' class='text-normal f-text' data-param='items/parts/field62686/inner/text' data-editable='true'><p>We are a team of professionals ready to help you throughout the journey. Besides an ample technical expertise, each of us has an individual style and a unique vision to share with you.</p></div> <div class="add-redesign-subblock" data-id="1931323288"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aa032ff000 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder5251612 input[type="radio"]').length == 1 && $('#builder5251612 input[type="radio"]').prop('checked') ) { $('#builder5251612 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322591 .lt-block-wrapper { padding-top: 0px; padding-bottom: 120px; background-color: #070707 } </style> <div id="ltBlock1931322591" data-block-id="1931323289" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard team-block" data-code="b-83243" > <div class="lt-block-wrapper"> <div class="my-container flex-container wrap-col"> <div id="builder9578004" class="builder flex-column col-md-3 col-md-offset-0" data-path="column1" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column1/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column1/parts/field30586_4" data-item-name="field30586_4" data-title="Element" data-animation-mode="no" style="margin-bottom: 30px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="a25b0374fc" > <div id="image8692980" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/146c6e116918e75b8d4ef4e120ef34f4.jpg/s/s1200x/a/476640/sc/153" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/146c6e116918e75b8d4ef4e120ef34f4.jpg/s/s1200x/a/476640/sc/153" data-param="column1/parts/field30586_4/inner/image" data-hash="146c6e116918e75b8d4ef4e120ef34f4.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="column1/parts/field30586_4/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323289"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a25b0374fc .add-redesign-subblock { display: none; } </style> <div data-param="column1/parts/field30586" data-item-name="field30586" data-title="Element" data-animation-mode="no" style="margin-bottom: 30px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="a5e2b51938" > <div id="image6793969" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/59c6d6c3a02affd2dd245549fea6c69b.jpg/s/s1200x/a/476640/sc/344" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/59c6d6c3a02affd2dd245549fea6c69b.jpg/s/s1200x/a/476640/sc/344" data-param="column1/parts/field30586/inner/image" data-hash="59c6d6c3a02affd2dd245549fea6c69b.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="column1/parts/field30586/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323289"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5e2b51938 .add-redesign-subblock { display: none; } </style> <div data-param="column1/parts/field30586_4_50" data-item-name="field30586_4_50" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-image " id="ac2f4c3d8b" > <div id="image2291276" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/25545f7e0480e8bee1eaa413680fa345.jpg/s/s1200x/a/476640/sc/141" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/25545f7e0480e8bee1eaa413680fa345.jpg/s/s1200x/a/476640/sc/141" data-param="column1/parts/field30586_4_50/inner/image" data-hash="25545f7e0480e8bee1eaa413680fa345.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="column1/parts/field30586_4_50/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323289"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac2f4c3d8b .add-redesign-subblock { display: none; } </style> </div> <style> #builder9578004 { ; } </style> <script> $( function() { if( $('#builder9578004 input[type="radio"]').length == 1 && $('#builder9578004 input[type="radio"]').prop('checked') ) { $('#builder9578004 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder2940066" class="builder flex-column col-md-9 col-md-offset-0" data-path="column2" > <div class="common-setting-link box-setting-link" data-icon-class="fa fa-adjust" data-param="column2/box" data-title="Block style" data-setting-editable="true"></div> <div data-param="column2/parts/image1" data-item-name="image1" data-title="Element" data-animation-mode="no" style="margin-bottom: 64px; border-radius: ; " data-setting-editable="true" class="builder-item part-image team-item item-team-1 text-left" id="afd7a80b92" > <div id="image7940413" class="image-box" data-img-title="" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/f0ace295e00f258c4787a92939b79c47.jpg/s/s1200x/a/476640/sc/119" > <img class="lazyload" data-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/f0ace295e00f258c4787a92939b79c47.jpg/s/s1200x/a/476640/sc/119" data-param="column2/parts/image1/inner/image" data-hash="f0ace295e00f258c4787a92939b79c47.jpg" data-image-editable="true" title="" alt="" style="" /> <div data-editable="true" data-param="column2/parts/image1/inner/image/caption" class="lt-image-caption"> </div> </div> <div class="add-redesign-subblock" data-id="1931323289"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#afd7a80b92 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field74124" data-item-name="field74124" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-header item-team-2 custom-subtitle" id="a5960f2cd4" > <div data-editable=true data-param='column2/parts/field74124/inner/text' class='f-header f-header-36'><p><a class="active-auth-text2">Stanislav Glazov</a></p> <p class="hidden-auth-text2"> Instructor for TouchDesigner integration</p></div> <div class="add-redesign-subblock" data-id="1931323289"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5960f2cd4 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field51121" data-item-name="field51121" data-title="Element" data-animation-mode="no" style="margin-bottom: 16px; border-radius: ; " data-setting-editable="true" class="builder-item part-header team-header" id="ac615afd5a" > <div data-editable=true data-param='column2/parts/field51121/inner/text' class='f-header f-header-36'><p>STANISLAV GLAZOV</p></div> <div class="add-redesign-subblock" data-id="1931323289"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac615afd5a .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field23428" data-item-name="field23428" data-title="Element" data-animation-mode="no" style="margin-bottom: 16px; border-radius: ; " data-setting-editable="true" class="builder-item part-subheader team-subheader" id="a6e5936295" > <div data-editable=true data-param='column2/parts/field23428/inner/text' class='f-subheader f-subheader-sm'><p>MEDIA ARTIST, EDUCATOR, COURSE AUTHOR</p></div> <div class="add-redesign-subblock" data-id="1931323289"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a6e5936295 .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field2257" data-item-name="field2257" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text team-link" id="a785bd4d9f" > <div style='' class='text-normal f-text' data-param='column2/parts/field2257/inner/text' data-editable='true'><p><a href="https://www.behance.net/lichtpfad" target="_blank"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/46/h/dbbe8f85ffa1cf25848abffb5e99ff8c.svg" alt="" title=""></a>  <a href="https://www.facebook.com/glazovlive" target="_blank"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/290/h/e5be74ab261355f2f4ce35fd1e5bf914.jpg" alt="" title=""></a> <a href="https://instagram.com/glazov_av" target="_blank"><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/142/h/a689b2c707e8a6700657ead4a1c305c6.jpg" alt="" title=""></a> </p></div> <div class="add-redesign-subblock" data-id="1931323289"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a785bd4d9f .add-redesign-subblock { display: none; } </style> <div data-param="column2/parts/field55041" data-item-name="field55041" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text team-text" id="a2cde66eff" > <div style='' class='text-normal f-text' data-param='column2/parts/field55041/inner/text' data-editable='true'><p>3D AND AUDIOVISUAL ARTIST WITH OVER 22 YEARS OF EXPERIENCE IN COMPUTER GRAPHICS AND 20 YEARS OF TEACHING EXPERIENCE</p> <p>For more than 20 years, he has worked in light and visual art, seeking innovative opportunities where art and technology intersect. His installations and AV performances explore themes such as inner and social freedom, consciousness, identity, and loneliness in the modern world, using high-tech techniques. </p><p>Driven by his desire to create unforgettable experiences that inspire, he takes an individualized approach to each work, creating unique algorithms and synchronizing sound with visuals and digital shapes. He is also known for producing music with modular synthesizers and analog devices, influenced by industrial music, which combines noise, disharmony, and shamanism to take listeners on an intense emotional journey.</p><p>In 2013, he created his own generative design studio Licht.Pfad.</p> <p><span>Creation of AV Performances in partnership with Dasha Rush, Robert Lippok</span></p><p>Performances at all the iconic festivals of the planet: Berlin Atonal, Mutek Montreal, Ars Electronica Linz, Unsound Festival in Krakow, Raster-Noton night in Berghain, Barbican London, Resonance Festival in Tokyo, Mira Festival Barcelona, L.E.V. Festival, Light Festival Lyon</p> <p>Since 2016 - working on theater projects with Maxim Didenko, including the creation of media servers for various performances</p></div> <div class="add-redesign-subblock" data-id="1931323289"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a2cde66eff .add-redesign-subblock { display: none; } </style> </div> <style> #builder2940066 { ; } </style> <script> $( function() { if( $('#builder2940066 input[type="radio"]').length == 1 && $('#builder2940066 input[type="radio"]').prop('checked') ) { $('#builder2940066 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1931322592 .lt-block-wrapper { padding-top: 45px; padding-bottom: 45px; background-color: #070707; color: #ffffff } </style> <div id="ltBlock1931322592" data-block-id="1931323290" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common icons-text" data-code="b-f0f68" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style="color: #ffffff"> <div id="builder648779" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="a1dc242695" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p><span class="yellow-text">Why more than 300 artists chose TOUCHDESIGNER EXTREME</span><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/305/h/a8f59e9ba94f59dc8e14376034fea0ae.svg"> <span>The course is <span class="yellow-text">not</span> a bunch of Youtube tutorials, rather it’s a holistic ground for your growth in the generative art</span> <span><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/312/h/e5964485dfd2f4ebb25cbcf94a87576c.svg">  inner logic of TouchDesigner and its modular architecture explained </span><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/469/h/bf00597ab4cdd742bbebc43a7e8c5abd.svg"> <span>balanced mix of academic concepts and practical examples throughout the course </span><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/386/h/d4aa280e3844cfc3f84bf8e62b61fcae.svg"> <span>course based on 15 years of experience teaching procedural paradigm</span><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/312/h/e5964485dfd2f4ebb25cbcf94a87576c.svg"> <span> taught to more than 300 artists and designers </span><img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/469/h/bf00597ab4cdd742bbebc43a7e8c5abd.svg"></p></div> <div class="add-redesign-subblock" data-id="1931323290"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1dc242695 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder648779 input[type="radio"]').length == 1 && $('#builder648779 input[type="radio"]').prop('checked') ) { $('#builder648779 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322592 hr.separator { border-color: #ffffff; } #ltBlock1931322592 .f-text { color: #ffffff; } </style> <style> #ltBlock1931322593 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322593" data-block-id="1931323291" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-4cd02" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings"> Link to this page location: <a class="anchor" data-anchor="book" name='book' id='book' href="#book">#book</a> </div> </div></div> <style> #ltBlock1931322594 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322594" data-block-id="1931323292" class="lt-block lt-view raw-js lt-raw lt-raw-js lt-system-block lt-invisible-block" data-code="b-cc13c" > <div class="lt-block-wrapper"> <script language="javascript" id="rawJs8615568"> $(function() { var marquee = $("#marquee"); marquee.css({"overflow": "hidden", "width": "100%"}); // оболочка для текста ввиде span (IE не любит дивы с inline-block) marquee.wrapInner("<span>"); marquee.find("span").css({ "width": "50%", "display": "inline-block", "text-align":"center" }); marquee.wrapInner("<div>"); marquee.find("div").css("width", "100%"); var reset = function() { $(this).css("margin-left", "0%"); $(this).animate({ "margin-left": "-50%" }, 12000, 'linear', reset); }; reset.call(marquee.find("div")); }); </script> </div></div> <style> #ltBlock1931322597 .lt-block-wrapper { padding-top: 15px; padding-bottom: 105px; background-color: #070707 } </style> <div id="ltBlock1931322597" data-block-id="1931323295" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common form-button-block form-block-twoCol" data-code="b-93d6d" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder951121" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-header text-center" id="a93b983903" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>275€</p></div> <div class="add-redesign-subblock" data-id="1931323295"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a93b983903 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-text1 text-center" id="ae5b8ac5ac" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>self-study course<br>TOUCHDESIGNER EXTREME 102</p></div> <div class="add-redesign-subblock" data-id="1931323295"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae5b8ac5ac .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field7091" data-item-name="field7091" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-text2" id="af199dbad6" > <div style='' class='text-normal f-text' data-param='items/parts/field7091/inner/text' data-editable='true'><br><br><p>You receive a fully prepared package that you can use at your own pace without restrictions.<br> It includes:</p></div> <div class="add-redesign-subblock" data-id="1931323295"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#af199dbad6 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field788" data-item-name="field788" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-list" id="abdc8f6880" > <div style='' class='text-normal f-text' data-param='items/parts/field788/inner/text' data-editable='true'><ul><li>Access to the Video Recordings</li><li>Access to the TouchDesigner Projects</li></ul></div> <div class="add-redesign-subblock" data-id="1931323295"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#abdc8f6880 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field788_10" data-item-name="field788_10" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-text3 text-left" id="a5004b5a83" > <div style='' class='text-normal f-text' data-param='items/parts/field788_10/inner/text' data-editable='true'><p>Incl. VAT: 43,91€<br> If you have EU VAT ID and located outside Germany, please, contact us to avoid double tax</p></div> <div class="add-redesign-subblock" data-id="1931323295"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5004b5a83 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field53402" data-item-name="field53402" data-title="Element" data-animation-mode="no" style="margin-bottom: 0px; border-radius: ; " data-setting-editable="true" class="builder-item part-button custom-btn" id="a3912700ea" > <button type="button" id="button484427" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: ; "> Enroll </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton484427']) { e.preventDefault(); return false; } else { $('#button484427').addClass('disabled'); window['prsbutton484427'] = true; setTimeout(function(){window['prsbutton484427'] = false;$('#button484427').removeClass('disabled');}, 6000); } return true; }; $( '#button484427' ).click( function(e) { //disableButton(e); ltAddToBasket("4876203" ) } ); }); </script> <div class="add-redesign-subblock" data-id="1931323295"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a3912700ea .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder951121 input[type="radio"]').length == 1 && $('#builder951121 input[type="radio"]').prop('checked') ) { $('#builder951121 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322598 .lt-block-wrapper { padding-top: 15px; padding-bottom: 105px; background-color: #070707 } </style> <div id="ltBlock1931322598" data-block-id="1931323296" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common padding-bottom_basic form-button-block form-button-block2 form-block-twoCol" data-code="b-bc851" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder9986350" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/header1" data-item-name="header1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-header text-center" id="aaedbe02ac" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>500€</p></div> <div class="add-redesign-subblock" data-id="1931323296"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aaedbe02ac .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-text1 text-center" id="a9b040a6ac" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>self-study course<br> <span class="yellow-text">TouchDesigner: Extreme Bundle</span></p></div> <div class="add-redesign-subblock" data-id="1931323296"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a9b040a6ac .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field7091" data-item-name="field7091" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-text2" id="ad6c2718b5" > <div style='' class='text-normal f-text' data-param='items/parts/field7091/inner/text' data-editable='true'><p>TouchDesigner Extreme 101 &102 <span>in one bundle with a discount!</span></p><p><span>You receive a fully prepared package that you can use at your own pace without restrictions.<br>It includes:</span></p></div> <div class="add-redesign-subblock" data-id="1931323296"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ad6c2718b5 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field788" data-item-name="field788" data-title="Element" data-animation-mode="no" style="margin-bottom: 5px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-list" id="a1ba97f3fa" > <div style='' class='text-normal f-text' data-param='items/parts/field788/inner/text' data-editable='true'><ul><li>Access to the Video Recordings</li><li>Access to the TouchDesigner Projects</li></ul></div> <div class="add-redesign-subblock" data-id="1931323296"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1ba97f3fa .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field788_10" data-item-name="field788_10" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text form-button-text3" id="af32c0cae1" > <div style='' class='text-normal f-text' data-param='items/parts/field788_10/inner/text' data-editable='true'><p>Incl. VAT: 79,83 €<br>If you have EU VAT ID located outside Germany, please, contact us to avoid double tax</p></div> <div class="add-redesign-subblock" data-id="1931323296"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#af32c0cae1 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field53402" data-item-name="field53402" data-title="Element" data-animation-mode="no" style="margin-bottom: 0px; border-radius: ; " data-setting-editable="true" class="builder-item part-button custom-btn" id="a2c92b092d" > <button type="button" id="button6306002" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: ; "> Enroll </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton6306002']) { e.preventDefault(); return false; } else { $('#button6306002').addClass('disabled'); window['prsbutton6306002'] = true; setTimeout(function(){window['prsbutton6306002'] = false;$('#button6306002').removeClass('disabled');}, 6000); } return true; }; $( '#button6306002' ).click( function(e) { //disableButton(e); ltAddToBasket("6271236" ) } ); }); </script> <div class="add-redesign-subblock" data-id="1931323296"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a2c92b092d .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder9986350 input[type="radio"]').length == 1 && $('#builder9986350 input[type="radio"]').prop('checked') ) { $('#builder9986350 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322601 .lt-block-wrapper { padding-top: 60px; padding-bottom: 120px; background-color: #070707 } </style> <div id="ltBlock1931322601" data-block-id="1931323299" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common custom-btn btn-faq-block" data-code="b-52d5d" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-12 text-left" style=""> <div id="builder9798245" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field12391" data-item-name="field12391" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text subtitle-faq" id="acc53aa027" > <div style='' class='text-normal f-text' data-param='items/parts/field12391/inner/text' data-editable='true'><p>Got any questions left? We are happy to help!   } } } } } } } } }</p></div> <div class="add-redesign-subblock" data-id="1931323299"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acc53aa027 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field5592" data-item-name="field5592" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; margin-top: 8px; border-radius: ; " data-setting-editable="true" class="builder-item part-button text-center" id="acc10565b4" > <button type="button" id="button4833405" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: ; "> Ask your question </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton4833405']) { e.preventDefault(); return false; } else { $('#button4833405').addClass('disabled'); window['prsbutton4833405'] = true; setTimeout(function(){window['prsbutton4833405'] = false;$('#button4833405').removeClass('disabled');}, 6000); } return true; }; $( '#button4833405' ).click( function(e) { //disableButton(e); } ); }); </script> <div class="add-redesign-subblock" data-id="1931323299"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acc10565b4 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder9798245 input[type="radio"]').length == 1 && $('#builder9798245 input[type="radio"]').prop('checked') ) { $('#builder9798245 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931322602 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931322602" data-block-id="1931323300" class="lt-block lt-view anc01 lt-anchor lt-anchor-common lt-system-block lt-invisible-block" data-code="b-044a2" > <div class="lt-block-wrapper"> <div class="edit-block btn-settings"> Link to this page location: <a class="anchor" data-anchor="contacts" name='contacts' id='contacts' href="#contacts">#contacts</a> </div> </div></div> <style> #ltBlock1873139538 .lt-block-wrapper { padding-top: 30px; padding-bottom: 90px; background-color: #070707 } </style> <div id="ltBlock1873139538" data-block-id="1873139540" class="lt-block lt-view raw-html lt-raw lt-raw-html" data-code="b-018a8" > <div class="lt-block-wrapper"> <div id="rawHtml5845280" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <div class="footer-block"> <div class="footer-left-col"> <p>Email <span class="hide-mobile">address</span>: <a href="mailto:hello@hou2touch.com" target="_blank"> hello [at] hou2touch.com</a></p> <p>Telegram: <a href="https://t.me/prcdrl" target="_blank"> @prcdrl</a> </p> <p class="footer-soc"> <a href="https://www.youtube.com/@StanislavGlazov" target="_blank">youtube</a> <a href="https://www.instagram.com/hou2touch/" target="_blank">instagram</a> <a href="https://www.facebook.com/hou2touch" target="_blank">facebook</a> <a href="https://twitter.com/hou2touch" target="_blank">twitter</a> <a href="https://vk.com/hou2touch" target="_blank">vkontakte</a> </p> <p class="date-name">hou2touch 2023 (c)</p> </div> <div class="footer-right-col"> <p class="menu-item"> <a href="https://hou2touch.com/course" target="_blank">hou2touch</a> <a href="https://hou2touch.com/boxes" target="_blank">school</a> <a href="https://hou2touch.com/about" target="_blank">who we are</a> <a href="https://hou2touch.com/blog" target="_blank">free stuff</a> <a href="https://hou2touch.com/subscribe" target="_blank">subscribe to newsletters</a> <a href="/cms/system/contact" target="_blank">write to us</a> </p> </div> </div> <div class="last-box"> <p class="date-name">hou2touch 2023 (c)</p> <p><a href="" class="goUp">go up ^ </a><a href="https://hou2touch.com/offer" target="_blank">License Agreement</a> <a href="https://hou2touch.com/PrivacyPolicy" target="_blank">Privacy Policy</a></p> </div> </div> </div></div> </div> <style> .gc-account-leftbar, .talks-widget-window, .page-edit-link, .create-link-link { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; } </style> </div> <div class="notice-widget" id="noticeWidget"></div> <script> $( function() { $('#noticeWidget').noticeWidget() } ); </script> <script src="/nassets/js/superlite-block-0cf99de5e693767b470ce9cd6e225cce.js?v=1732632215"></script> <script src="/nassets/8ce7462f/js/replace.js?v=1727033017"></script> <script src="/nassets/341a0a65/deps/js/bootstrap-core.min.js?v=1727033018"></script> <script src="/nassets/c4ee8f9e/js/modal.js?v=1727033020"></script> <script src="/nassets/341a0a65/js/basket.js?v=1727033018"></script> <script src="/nassets/5d1d7cc7/notice.js?v=1727033016"></script> <script async src="https://hou2touch.com/chtm/s/metric/clarity.js"></script> <script src="/public/js/gccounter-new.js?1"></script> <script async src="https://vhencapi13.gcfiles.net/st/stat.js?v=1732681906"></script> </body>