CINXE.COM
TouchDesigner 205: Build the VJ TOOL
<!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, 23, 17, 01, 29); 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 = "DSnSc0rR76vf2LU5LIus53XDzkTwDfnBpYJBP3Bt5gQ8RqREPJ238biK1m1J6visGqWGIrM_i5LQ8AhKRCKjag=="; window.requestTime = 1732370489; window.requestSimpleSign = "8cc46c35c8fec78d4d87ab7f8a82a82e"; window.gcUniqId = "4236517926741e0392845e1.04598349.1732370489.165"; 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 = 3004174; 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 = "fs19.getcourse.ru"; window.fileserviceUploadHost = "fs01.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.isEnabledChatiumActionInXdget = true; 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://fs17.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/73a9d10/css/reveal-password.css?v=1729158413" rel="stylesheet"> <link href="/nassets/css/superlite-block-d9b27cb5fd7332c16fa81a9ad7c0b958.css?v=1732365704" 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/a87a3b89/deps/css/bootstrap-modal.min.css?v=1727033018" rel="stylesheet"> <link href="/nassets/a87a3b89/css/blocks-modal.css?v=1727033018" rel="stylesheet"> <link href="/nassets/a87a3b89/deps/css/bootstrap-table.min.css?v=1727033018" rel="stylesheet"> <link href="/nassets/c4ee8f9e/css/modal.css?v=1727033017" rel="stylesheet"> <link href="/nassets/a87a3b89/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/73a9d10/js/reveal-password.js?v=1729158413"></script> <script src="/nassets/33313f15/js/JsTrans.min.js?v=1727033017"></script> <script src="/nassets/6933cbe1/dictionary-gen-8232beb872fb76d91a80fe0cb453c98195f529dd.js?v=1732366800"></script> <title>TouchDesigner 205: Build the VJ TOOL</title> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:title" content="TouchDesigner 205: Build the VJ TOOL"/> <meta name="description" property="og:description" content="TouchDesigner 205: Build the VJ TOOL This comprehensive VJ workshop aims to guide you in entering the live VJing field and provide you with the theoretical and technical tools to develop your own VJ application using TouchDesigner. The course also covers techniques for integrating with Resolume Arena."/> <meta property="og:image" content="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/026212e51e5a557d1e53c1e720fa2cb4.jpg/s/600x/a/476640/sc/122"/> <meta property="og:url" content="https://hou2touch.com/205"/> <meta property="fb:app_id" content="1437814016454992"/> <!-- Meta Pixel Code --> <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> <!-- End Meta Pixel Code --> </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="rawCss1926926">@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="rawJs1319671"> $(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="rawHtml6482946" 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="rawHtml1191987" 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="builder7970070" 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="a1e02d822f" > <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"> Person In Touch 007: <span style="color: rgb(255, 255, 255);" class="redactor-inline-converted">S E T U P </span> November, 25TH</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#a1e02d822f .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder7970070 input[type="radio"]').length == 1 && $('#builder7970070 input[type="radio"]').prop('checked') ) { $('#builder7970070 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/personintouch007') } ); </script> <style> #ltBlock1938462270 { cursor: pointer; } </style> <style> #ltBlock1931554356 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554356" data-block-id="1931554777" class="lt-block lt-view raw-html lt-raw lt-raw-html" data-code="b-23770" > <div class="lt-block-wrapper"> <div id="rawHtml4837514" 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> #ltBlock1931554357 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554357" data-block-id="1931554778" 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="rawCss5375703">@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(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/103/h/ef9189b94202a43c195027ab68bbe368.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(https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/103/h/ef9189b94202a43c195027ab68bbe368.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> #ltBlock1931554358 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554358" data-block-id="1931554779" 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> #ltBlock1931554360 .lt-block-wrapper { padding-top: 270px; padding-bottom: 255px } </style> <div id="ltBlock1931554360" data-block-id="1931554781" 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="builder3643562" 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> #builder3643562 { ; } </style> <script> $( function() { if( $('#builder3643562 input[type="radio"]').length == 1 && $('#builder3643562 input[type="radio"]').prop('checked') ) { $('#builder3643562 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder1633859" 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="a72d88baa7" > <div data-editable=true data-param='column2/parts/header1/inner/text' class='f-header f-header-36'><p>205</p></div> <div class="add-redesign-subblock" data-id="1931554781"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a72d88baa7 .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="af75519400" > <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>Build the vj tool</p><p><br></p></div> <div class="add-redesign-subblock" data-id="1931554781"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#af75519400 .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="aba59acc7c" > <button type="button" id="button9336197" class="btn f-btn button-md btn-success" style="color: white; background-color: ; "> Learn More </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton9336197']) { e.preventDefault(); return false; } else { $('#button9336197').addClass('disabled'); window['prsbutton9336197'] = true; setTimeout(function(){window['prsbutton9336197'] = false;$('#button9336197').removeClass('disabled');}, 6000); } return true; }; $( '#button9336197' ).click( function(e) { //disableButton(e); location.href='#about'; } ); }); </script> <div class="add-redesign-subblock" data-id="1931554781"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aba59acc7c .add-redesign-subblock { display: none; } </style> </div> <style> #builder1633859 { ; } </style> <script> $( function() { if( $('#builder1633859 input[type="radio"]').length == 1 && $('#builder1633859 input[type="radio"]').prop('checked') ) { $('#builder1633859 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1931554361 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554361" data-block-id="1931554782" 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> #ltBlock1931554362 .lt-block-wrapper { padding-top: 165px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1931554362" data-block-id="1931554783" 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="builder3257163" 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="a4d7d79545" > <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="1931554783"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a4d7d79545 .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="a0fb63bdf4" > <div style='' class='text-normal f-text' data-param='items/parts/field20634/inner/text' data-editable='true'><p>This comprehensive VJ workshop aims to guide you in entering the live VJing field and provide you with the theoretical and technical tools to develop your own VJ application using TouchDesigner.</p></div> <div class="add-redesign-subblock" data-id="1931554783"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a0fb63bdf4 .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="a22d5420ef" > <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="1931554783"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a22d5420ef .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder3257163 input[type="radio"]').length == 1 && $('#builder3257163 input[type="radio"]').prop('checked') ) { $('#builder3257163 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554363 .lt-block-wrapper { padding-top: 30px; padding-bottom: 45px; background-color: #070707 } </style> <div id="ltBlock1931554363" data-block-id="1931554784" 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="builder5807100" 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="afb3c184bc" > <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">This full VJ workshop aims to guide you to enter the live video field and give you the theoretical and technical tools to develop your own VJ Application with TouchDesigner. </p> <p class="card-text">You will be able to work in TouchDesigner and control the Resolume Arena using TouchDesigner Logic over OSC</p></div> <div class="add-redesign-subblock" data-id="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#afb3c184bc .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="ab7dd056f9" > <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="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ab7dd056f9 .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="a9a9ca35c8" > <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"> The workshop is for beginners as well as intermediate and video-artists that want to improve their skills, experiment new tools and develop VJ software with easy to use interface in TouchDesigner environment.</p> <p class="card-text">If you are want to have more control over the logic and automatisation of VJ than you get in Resolume Arena or you already learning TouchDesigner, but want to develop in direcion of VJing this course is for you.</p></div> <div class="add-redesign-subblock" data-id="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a9a9ca35c8 .add-redesign-subblock { display: none; } </style> </div> <style> #builder5807100 { ; } </style> <script> $( function() { if( $('#builder5807100 input[type="radio"]').length == 1 && $('#builder5807100 input[type="radio"]').prop('checked') ) { $('#builder5807100 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder8523191" 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="aa0fa0fabb" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_21/inner/text' data-editable='true'><p>Duration </p> <p>3 weeks</p></div> <div class="add-redesign-subblock" data-id="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aa0fa0fabb .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="a1e507a241" > <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="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1e507a241 .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="a7ffc97e6a" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_26/inner/text' data-editable='true'><p>Software </p> <p>TouchDesigner 2022, Resolume Arena</p></div> <div class="add-redesign-subblock" data-id="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a7ffc97e6a .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="a229ad4ff4" > <div style='' class='text-normal f-text' data-param='column2/parts/field39440_3/inner/text' data-editable='true'><p>Video Duration </p> <p>12 Hours </p></div> <div class="add-redesign-subblock" data-id="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a229ad4ff4 .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="a99ea81d1f" > <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="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a99ea81d1f .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="ac0671a5e6" > <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="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac0671a5e6 .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="a540c953c8" > <button type="button" id="button6279078" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: ; "> enroll </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton6279078']) { e.preventDefault(); return false; } else { $('#button6279078').addClass('disabled'); window['prsbutton6279078'] = true; setTimeout(function(){window['prsbutton6279078'] = false;$('#button6279078').removeClass('disabled');}, 6000); } return true; }; $( '#button6279078' ).click( function(e) { //disableButton(e); location.href='#book'; } ); }); </script> <div class="add-redesign-subblock" data-id="1931554784"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a540c953c8 .add-redesign-subblock { display: none; } </style> </div> <style> #builder8523191 { ; } </style> <script> $( function() { if( $('#builder8523191 input[type="radio"]').length == 1 && $('#builder8523191 input[type="radio"]').prop('checked') ) { $('#builder8523191 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1931554364 .lt-block-wrapper { padding-top: 0px; padding-bottom: 120px; background-color: #070707 } </style> <div id="ltBlock1931554364" data-block-id="1931554785" 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/I0Q-YkHbIZE" 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> #ltBlock1931554365 .lt-block-wrapper { padding-top: 60px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931554365" data-block-id="1931554786" 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="builder8900731" 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="afd5047d9e" > <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="1931554786"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#afd5047d9e .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder8900731 input[type="radio"]').length == 1 && $('#builder8900731 input[type="radio"]').prop('checked') ) { $('#builder8900731 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554366 .lt-block-wrapper { padding-top: 15px; padding-bottom: 75px; background-color: #070707; color: #ffffff } </style> <div id="ltBlock1931554366" data-block-id="1931554787" 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="builder2675947" 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="a0e042fe40" > <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 12 Hour of video lessons</p></div> <div class="add-redesign-subblock" data-id="1931554787"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a0e042fe40 .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="a7923c3b85" > <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="1931554787"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a7923c3b85 .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="a5bee7fab7" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_65/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="1931554787"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5bee7fab7 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder2675947 input[type="radio"]').length == 1 && $('#builder2675947 input[type="radio"]').prop('checked') ) { $('#builder2675947 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554366 hr.separator { border-color: #ffffff; } #ltBlock1931554366 .f-text { color: #ffffff; } </style> <style> #ltBlock1931554368 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554368" data-block-id="1931554789" 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> #ltBlock1931554369 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1931554369" data-block-id="1931554790" 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="builder3224593" 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="a26473522e" > <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="1931554790"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a26473522e .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder3224593 input[type="radio"]').length == 1 && $('#builder3224593 input[type="radio"]').prop('checked') ) { $('#builder3224593 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554370 .lt-block-wrapper { padding-top: 30px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931554370" data-block-id="1931554791" 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="builder561566" 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="a1dafbcfe8" > <div id="image9600832" class="image-box" data-img-title="name" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/78557a53faf427cb8fe1a138156ab9ad.jpg/s/s1200x/a/476640/sc/246" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/78557a53faf427cb8fe1a138156ab9ad.jpg/s/s1200x/a/476640/sc/246" data-param="items/parts/field40749/inner/image" data-hash="78557a53faf427cb8fe1a138156ab9ad.jpg" 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() { $( '#image9600832' ).click( function(ev) { ltShowModalBlock("b-e8196") } ); }); </script> <style> #image9600832 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931554791"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1dafbcfe8 .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="a9acea566d" > <div id="image446265" 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="1931554791"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a9acea566d .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="aaf22bb360" > <div id="image228228" 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="1931554791"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aaf22bb360 .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="a18af04b02" > <div id="image2729544" class="image-box" data-img-title="" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/9784447414b958c4ab9de2348c361b34.jpg/s/s1200x/a/476640/sc/15" > <img class="lazyload" data-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/9784447414b958c4ab9de2348c361b34.jpg/s/s1200x/a/476640/sc/15" data-param="items/parts/field88582/inner/image" data-hash="9784447414b958c4ab9de2348c361b34.jpg" 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() { $( '#image2729544' ).click( function(ev) { blueimp.Gallery([ev.currentTarget], { index: ev.currentTarget, event: ev, urlProperty: 'img-src', titleProperty: 'img-title' }); } ); }); </script> <style> #image2729544 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931554791"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a18af04b02 .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="aadeabf659" > <div id="image4668130" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/1fc4a4c371bdbdb43f46c96ad727b00f.jpg/s/s1200x/a/476640/sc/325" > <img class="lazyload" data-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/1fc4a4c371bdbdb43f46c96ad727b00f.jpg/s/s1200x/a/476640/sc/325" data-param="items/parts/field66449/inner/image" data-hash="1fc4a4c371bdbdb43f46c96ad727b00f.jpg" 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() { $( '#image4668130' ).click( function(ev) { blueimp.Gallery([ev.currentTarget], { index: ev.currentTarget, event: ev, urlProperty: 'img-src', titleProperty: 'img-title' }); } ); }); </script> <style> #image4668130 { cursor: pointer; } </style> <div class="add-redesign-subblock" data-id="1931554791"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aadeabf659 .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="a036ba8256" > <div id="image9853074" class="image-box" data-img-title="" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/7c5340db32a7b99415e525e3551ae0cc.jpg/s/s1200x/a/476640/sc/135" > <img class="lazyload" data-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/7c5340db32a7b99415e525e3551ae0cc.jpg/s/s1200x/a/476640/sc/135" data-param="items/parts/field99040/inner/image" data-hash="7c5340db32a7b99415e525e3551ae0cc.jpg" 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="1931554791"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a036ba8256 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field44606" data-item-name="field44606" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-video image-box" id="a87f1d0a6a" > <div class='video-box' > <div class="clearfix videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/WaZHsCLJx7Q" 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%; border-radius: !important; } </style></div> <div class="add-redesign-subblock" data-id="1931554791"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a87f1d0a6a .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder561566 input[type="radio"]').length == 1 && $('#builder561566 input[type="radio"]').prop('checked') ) { $('#builder561566 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554372 .lt-block-wrapper { padding-top: 15px; padding-bottom: 0px; background-color: #070707 } </style> <div id="ltBlock1931554372" data-block-id="1931554793" 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="builder5401383" 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="ad9261d0b9" > <div id="image7787568" 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="1931554793"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ad9261d0b9 .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="a632273d13" > <div id="image7958363" 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="1931554793"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a632273d13 .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="af09e01884" > <div id="image2017646" 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="1931554793"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#af09e01884 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder5401383 input[type="radio"]').length == 1 && $('#builder5401383 input[type="radio"]').prop('checked') ) { $('#builder5401383 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554373 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554373" data-block-id="1931554794" 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="rawJs1141918"> $(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> #ltBlock1931554374 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554374" data-block-id="1931554795" 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="rawCss9041183">.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> #ltBlock1931554375 .lt-block-wrapper { padding-top: 180px; padding-bottom: 15px; background-color: #ffffff } </style> <div id="ltBlock1931554375" data-block-id="1931554796" 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="builder8647451" 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="aec1cc2846" > <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="1931554796"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aec1cc2846 .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="ab5ae616e2" > <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="1931554796"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ab5ae616e2 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder8647451 input[type="radio"]').length == 1 && $('#builder8647451 input[type="radio"]').prop('checked') ) { $('#builder8647451 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554376 .lt-block-wrapper { padding-top: 0px; padding-bottom: 120px } </style> <div id="ltBlock1931554376" data-block-id="1931554797" class="lt-block lt-view raw-html lt-raw lt-raw-html quest" data-code="b-f76ac" > <div class="lt-block-wrapper"> <div id="rawHtml42650" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <div class="buttonBox"> <button class="myAccordion">Week 1: Intro to TouchDesigner for Resolume Users </button> <div class="myPanel"> <p> Data Types<br> Contexts<br> TD Interface<br> Timeslices in CHOP<br> CHOP Exporting<br> Base Components<br> Custom Parameters<br> System Architecture of VJ Tool<br> Parameter Binding<br> Movie Playback<br> Perform Mode<br> Window Comp<br> TouchPlayer<br> </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 2: Sound Analyzer Component. </button> <div class="myPanel"> <p> Triggers<br> Building UI<br> Finishing the UI<br> Local Variables<br> </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 3: Movie Bin. Sync with Resolume </button> <div class="myPanel"> <p>CHOP Execute DAT. OSC Out<br> Building the Controller Interface<br> Getting OSC Data back from Resolume<br> Replicator. Folder DAT<br> Building Movie Player Prototype<br> Building Custom Radio Button Selector<br> Blending Movies<br> TimerCHOP<br> Drop Script structure<br> Writing to tables using python scripts<br> Building the Custom Movie UI<br> Swapping the Movies in Movie Bin </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 4: FX Library with GLSL </button> <div class="myPanel"> <p>Basics of 2D GLSL<br> Procedural Textures using GLSL Top<br> Importing Shaders from Shadertoy<br> Optimizing shader usage<br> Building Shader FX Library<br> Walkthrough the VJ System Structure<br> Building the Sound Reactive UI Component </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">Week 5: Building the VJ Tool </button> <div class="myPanel"> <p>Building Step Sequencer Controller Comp<br> Building the Presets for Sequencer <br> Building the EDL Cueing System. Parsing EDL<br> Writing the Script DAT<br> Building Timer Controller.<br> Inside the VJ Tool </p> </div> </div> </div> </div></div> <style> #ltBlock1931554378 .lt-block-wrapper { padding-top: 60px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931554378" data-block-id="1931554799" 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="builder2988842" 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="a767b7955e" > <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="1931554799"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a767b7955e .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder2988842 input[type="radio"]').length == 1 && $('#builder2988842 input[type="radio"]').prop('checked') ) { $('#builder2988842 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554379 .lt-block-wrapper { padding-top: 15px; padding-bottom: 75px; background-color: #070707; color: #ffffff } </style> <div id="ltBlock1931554379" data-block-id="1931554800" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common block-format" data-code="b-5077e" > <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="builder6762738" 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="a03ccf4bb2" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>You will create custom assets for Movie Player, Sound Analyser & CLock Divider.</p></div> <div class="add-redesign-subblock" data-id="1931554800"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a03ccf4bb2 .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="a07dd7a342" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8/inner/text' data-editable='true'><p>Movie Bin component with Drag'n'Drop (based on Resolume)</p></div> <div class="add-redesign-subblock" data-id="1931554800"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a07dd7a342 .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="a89b67ce03" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_52/inner/text' data-editable='true'><p>Custom FX library using GLSL</p></div> <div class="add-redesign-subblock" data-id="1931554800"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a89b67ce03 .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="aaaf25f69d" > <div style='' class='text-normal f-text' data-param='items/parts/text1_8_65/inner/text' data-editable='true'><p>EDL Cueing System</p></div> <div class="add-redesign-subblock" data-id="1931554800"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aaaf25f69d .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="a9a258204a" > <div style='' class='text-normal f-text' data-param='items/parts/field77150/inner/text' data-editable='true'><p>Step Sequencer Controller component</p></div> <div class="add-redesign-subblock" data-id="1931554800"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a9a258204a .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field35240" data-item-name="field35240" 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="a05a2fb800" > <div style='' class='text-normal f-text' data-param='items/parts/field35240/inner/text' data-editable='true'><p>Concept and Realise the effective modular architecture for your VJ application</p></div> <div class="add-redesign-subblock" data-id="1931554800"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a05a2fb800 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder6762738 input[type="radio"]').length == 1 && $('#builder6762738 input[type="radio"]').prop('checked') ) { $('#builder6762738 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554379 hr.separator { border-color: #ffffff; } #ltBlock1931554379 .f-text { color: #ffffff; } </style> <style> #ltBlock1931554380 .lt-block-wrapper { padding-top: 165px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931554380" data-block-id="1931554801" 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="builder5523457" 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="a1066594f2" > <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="1931554801"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1066594f2 .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="ac2a632d13" > <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="1931554801"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac2a632d13 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder5523457 input[type="radio"]').length == 1 && $('#builder5523457 input[type="radio"]').prop('checked') ) { $('#builder5523457 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931562305 .lt-block-wrapper { padding-top: 0px; padding-bottom: 120px; background-color: #070707 } </style> <div id="ltBlock1931562305" data-block-id="1931562330" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard team-block" data-code="b-b5666" > <div class="lt-block-wrapper"> <div class="my-container flex-container wrap-col"> <div id="builder141681" 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="a1b8f04a50" > <div id="image5746073" 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="1931562330"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1b8f04a50 .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="aa18e7c428" > <div id="image7864242" 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="1931562330"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aa18e7c428 .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="a2bde0e821" > <div id="image8346093" 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="1931562330"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a2bde0e821 .add-redesign-subblock { display: none; } </style> </div> <style> #builder141681 { ; } </style> <script> $( function() { if( $('#builder141681 input[type="radio"]').length == 1 && $('#builder141681 input[type="radio"]').prop('checked') ) { $('#builder141681 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder8900438" 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="a6966c77b7" > <div id="image9026752" 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="1931562330"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a6966c77b7 .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="a3313138a7" > <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="1931562330"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a3313138a7 .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="ab32351d50" > <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="1931562330"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ab32351d50 .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="a947b47ae2" > <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="1931562330"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a947b47ae2 .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="ab977f1cf6" > <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="1931562330"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ab977f1cf6 .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="a1163c7ca3" > <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="1931562330"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1163c7ca3 .add-redesign-subblock { display: none; } </style> </div> <style> #builder8900438 { ; } </style> <script> $( function() { if( $('#builder8900438 input[type="radio"]').length == 1 && $('#builder8900438 input[type="radio"]').prop('checked') ) { $('#builder8900438 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1931554383 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554383" data-block-id="1931554804" 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> #ltBlock1931554384 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554384" data-block-id="1931554805" 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="rawJs5160056"> $(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> #ltBlock1931554387 .lt-block-wrapper { padding-top: 15px; padding-bottom: 105px; background-color: #070707 } </style> <div id="ltBlock1931554387" data-block-id="1931554808" 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="builder2528997" 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="acd8922e66" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p>385€</p></div> <div class="add-redesign-subblock" data-id="1931554808"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acd8922e66 .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="a98c9fc969" > <div style='' class='text-normal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>Self-study course<br></p></div> <div class="add-redesign-subblock" data-id="1931554808"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a98c9fc969 .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="a3dd1a3fac" > <div style='' class='text-normal f-text' data-param='items/parts/field7091/inner/text' data-editable='true'><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="1931554808"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a3dd1a3fac .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="ac4ec83bfe" > <div style='' class='text-normal f-text' data-param='items/parts/field788/inner/text' data-editable='true'><ul><li>Access to the Video Lessons</li><li>Access to the working Projects</li><li>Access to the shared chat</li></ul> <p><br></p></div> <div class="add-redesign-subblock" data-id="1931554808"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac4ec83bfe .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="a919393b9d" > <div style='' class='text-normal f-text' data-param='items/parts/field788_10/inner/text' data-editable='true'><p>Incl. VAT: 61,47€<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="1931554808"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a919393b9d .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="ae4526ec17" > <button type="button" id="button7579917" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: ; "> Enroll </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton7579917']) { e.preventDefault(); return false; } else { $('#button7579917').addClass('disabled'); window['prsbutton7579917'] = true; setTimeout(function(){window['prsbutton7579917'] = false;$('#button7579917').removeClass('disabled');}, 6000); } return true; }; $( '#button7579917' ).click( function(e) { //disableButton(e); ltAddToBasket("3901416" ) } ); }); </script> <div class="add-redesign-subblock" data-id="1931554808"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae4526ec17 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder2528997 input[type="radio"]').length == 1 && $('#builder2528997 input[type="radio"]').prop('checked') ) { $('#builder2528997 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554388 .lt-block-wrapper { padding-top: 60px; padding-bottom: 75px; background-color: #070707 } </style> <div id="ltBlock1931554388" data-block-id="1931554809" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common faq-header" data-code="b-94c7b" > <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="builder6588490" 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: 0px; border-radius: ; " data-setting-editable="true" class="builder-item part-header custom-header custom-header_white text-left" id="ad94bf55e5" > <div data-editable=true data-param='items/parts/header1/inner/text' class='f-header f-header-36'><p><span>FAQ</span> <img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/37/h/4866c4b13da3eca9b870552310a74612.svg"> <span>FAQ</span> <img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/37/h/4866c4b13da3eca9b870552310a74612.svg"> <span>FAQ</span> <img src="https://fs.getcourse.ru/fileservice/file/download/a/476640/sc/37/h/4866c4b13da3eca9b870552310a74612.svg"><span>FAQ</span></p></div> <div class="add-redesign-subblock" data-id="1931554809"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ad94bf55e5 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder6588490 input[type="radio"]').length == 1 && $('#builder6588490 input[type="radio"]').prop('checked') ) { $('#builder6588490 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <style> #ltBlock1931554389 .lt-block-wrapper { padding-top: 0px; padding-bottom: 15px; background-color: #070707 } </style> <div id="ltBlock1931554389" data-block-id="1931554810" class="lt-block lt-view raw-html lt-raw lt-raw-html quest quest-2 faq-block_text" data-code="b-39888" > <div class="lt-block-wrapper"> <div id="rawHtml1556176" data-raw-editable="true" data-param="rawValue" data-mode="text/html"> <div class="buttonBox"> <button class="myAccordion">- Your skill level </button> <div class="myPanel"> <p>Advanced Knowledge of TouchDesigner<br> Previous C++ development experience<br> Object-oriented programming notions </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">- Hardware requirements </button> <div class="myPanel"> <p>Windows OS Prefered (we will be using Visual Studio IDE). </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">- Is it possible to pay monthly for the course? </button> <div class="myPanel"> <p>Partial payment option available: 50% before the start of the course and 50% 1 month after the start </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">- Will I need to do my homework? </button> <div class="myPanel"> <p>All practical topics have corresponding tasks to complete as homeworks. Most of them require to repeat the actions from the lectures on your own supply.We recommend to execute them even if everything is clear in theory - to ensure that you won’t face unexpected issues in your future work.<br>During final week you will have to develop and complete your own project (with our assistance) as a kind of exam of the obtained knowledge. </p> </div> </div> <div class="buttonBox"> <button class="myAccordion">- How much time should I invest into the course completion? </button> <div class="myPanel"> <p>10-12 hours per week should be sufficient to master necessary concepts and skills. You may want to invest more time for more exhaustve explorations though. Remember, the course program is somewhat open-ended: nearly all topics are not limited in scope, and have lots of options for extra developments. </p> </div> </div> </div> </div></div> <style> #ltBlock1931554391 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1931554391" data-block-id="1931554812" 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="rawHtml128696" 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=1732365704"></script> <script src="/nassets/8ce7462f/js/replace.js?v=1727033017"></script> <script src="/nassets/a87a3b89/deps/js/bootstrap-core.min.js?v=1727033018"></script> <script src="/nassets/c4ee8f9e/js/modal.js?v=1727033020"></script> <script src="/nassets/a87a3b89/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=1732370489"></script> </body>