CINXE.COM
Hou2Touch Weekly #1. All materials
<!DOCTYPE html> <head> <script> window.accountUserId = -1; window.requestIp = "8.222.208.146"; window.isSublogined = false; window.accountId = 476640; window.gcSessionId = 0; window.controllerId = "lite-blog"; window.actionId = "0"; window.nowTime = new Date(2024, 10, 24, 01, 20, 52); 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 = "BjdSAE9DVkHyX2n9mm24X15EjjvKgfpxKkDWYTxMS-pzBjNFFwAXEZAbWbXXB40XZhG8fqvWsjQdeL8ZdjsK3A=="; window.requestTime = 1732400452; window.requestSimpleSign = "20e8d13013a8ee5e279f7e795274e55d"; window.gcUniqId = "3653879433674255447b25d2.09900949.1732400452.5044"; 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 = 1073120; window.gcsObjectTypeId = 1; 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 = "fs18.getcourse.ru"; window.fileserviceUploadHost = "fs22.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://fs02.getcourse.ru/fileservice/file/download/a/476640/sc/213/h/5c63f9b9de6594c4a87acd2286f4c812.png"> <link href="/nassets/89bfd734/css/blueimp-gallery.min.css?v=1727033016" rel="stylesheet"> <link href="/nassets/89bfd734/css/blueimp-gallery-indicator.css?v=1727033016" rel="stylesheet"> <link href="/nassets/b6f806c8/css/bootstrap.min.css?v=1727033018" rel="stylesheet"> <link href="/nassets/c4ee8f9e/css/modal.css?v=1727033017" rel="stylesheet"> <link href="/nassets/9eba28af/css/videoplayer.css?v=1727033018" rel="stylesheet"> <link href="/nassets/bb9d3ce6/fotorama.css?v=1727033017" rel="stylesheet"> <link href="/nassets/740288c3/uploadifive.css?v=1727033017" rel="stylesheet"> <link href="/nassets/25543e7/css/jquery.Jcrop.min.css?v=1727033016" rel="stylesheet"> <link href="/nassets/b52047c6/css/jquery.dataTables.min.css?v=1727033016" rel="stylesheet"> <link href="/nassets/24d4d8eb/css/file-dialog.css?v=1731579639" rel="stylesheet"> <link href="/nassets/24d4d8eb/css/file-widget-with-dialog.css?v=1727033016" rel="stylesheet"> <link href="/nassets/24d4d8eb/css/video-grid.css?v=1727033016" rel="stylesheet"> <link href="/nassets/e5e3a727/css/block-animation.css?v=1727033018" rel="stylesheet"> <link href="/nassets/css/lite-block-7fc3ee8f2e467f6a54c0b2364568b90d.css?v=1732384572" rel="stylesheet"> <link href="/public/fonts/gfonts/open-sans/open-sans-cyr-swap.css" rel="stylesheet"> <link href="/public/fonts/gfonts/roboto/roboto-cyr-swap.css" rel="stylesheet"> <link href="/nassets/cdab323c/css/blog.css?v=1727033018" rel="stylesheet"> <link href="/nassets/c5143804/css/button.css?v=1727033020" rel="stylesheet"> <link href="/nassets/e10e18c3/bootstrap-social.css?v=1727033016" rel="stylesheet"> <link href="/nassets/css/tags-a4ffab408734cc692f9c956be7634162.css?v=1732384572" rel="stylesheet"> <link href="/nassets/caecfdfe/like-and-subscribe-notifications.css?v=1727033017" rel="stylesheet"> <link href="/nassets/e4a2c60f/css/like.css?v=1727033017" rel="stylesheet"> <link href="/nassets/d26359b3/css/subscribe.css?v=1727033018" rel="stylesheet"> <link href="/nassets/9692a03a/themes/smoothness/jquery-ui.css?v=1727033018" rel="stylesheet"> <link href="/nassets/8e13878b/toast/css/jquery.toast.min.css?v=1727033016" rel="stylesheet"> <link href="/nassets/d50f330d/jquery.emojiarea.css?v=1727033017" rel="stylesheet"> <link href="/nassets/d50f330d/emoji.css?v=1727033017" rel="stylesheet"> <link href="/nassets/c6280e06/css/audio-comments.css?v=1727033016" rel="stylesheet"> <link href="/nassets/12427aee/proxima.css?v=1727033016" rel="stylesheet"> <link href="/nassets/f678dcf8/css/user-form.css?v=1727033018" rel="stylesheet"> <link href="/nassets/9b643ce6/css/flex-audio-js.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/comments.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/comment_reply_open.css?v=1727033016" rel="stylesheet"> <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/adafa055/glyphicons.css?v=1727033016" rel="stylesheet"> <link href="/nassets/73a9d10/css/reveal-password.css?v=1729158413" rel="stylesheet"> <link href="/nassets/59757da8/css/global.css?v=1727033016" rel="stylesheet"> <link href="/nassets/css/flexboxgrid-2fdc38bacf1e55f1fe5aa0abe4871e96.css?v=1732384572" rel="stylesheet" async="async"> <link href="/nassets/1125450b/css/lite.css?v=1727033018" rel="stylesheet"> <link href="/nassets/644c2834/css/menu.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/comment_rating_widget.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/conversation_widget.css?v=1727033016" rel="stylesheet"> <link href="/nassets/9b643ce6/css/talks_widget.css?v=1727033016" rel="stylesheet"> <style>.custom-menu .gc-account-leftbar, .custom-menu .gc-account-leftbar .gc-account-user-menu, .custom-menu .gc-account-leftbar .toggle-link { background-color: #070707 } .custom-menu .gc-account-leftbar .gc-account-user-menu li a { background-color: #070707 } .custom-menu .gc-account-leftbar .gc-account-user-menu li.active a, .custom-menu .gc-account-leftbar .gc-account-user-menu li.selected a { background-color: #FFFFFF } .custom-menu .gc-account-leftbar .gc-account-user-menu li:not(.active):not(.selected) a:hover { background-color: #ff7a00 } .custom-menu .gc-account-leftbar .gc-account-user-submenu-bar, .custom-menu .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed { background-color: #FFFFFF } .custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover { background-color: #ff7a00 } .custom-menu .gc-account-leftbar .gc-account-user-menu li .notify-count, .custom-menu .gc-account-leftbar .gc-account-user-submenu li .notify-count { background-color: #ff3d00 } .custom-menu .gc-account-leftbar .menu-item-label { color: #FFFFFF } .custom-menu .gc-account-leftbar li.active .menu-item-label, .custom-menu .gc-account-leftbar li.selected .menu-item-label { color: #070707 } .custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu a, .custom-menu .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed, .custom-menu .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .date { color: #070707 } .custom-menu .gc-account-user-submenu-bar h3 { color: #070707 } .custom-menu .gc-account-leftbar .menu-item-label { display: none !important } </style> <script src="/nassets/584d89d6/jquery.min.js?v=1727033019"></script> <script src="/nassets/740288c3/jquery.uploadifive.min.js?v=1727033017"></script> <script src="/nassets/740288c3/uploadifive-rewrite.js?v=1727033017"></script> <script src="/nassets/b6f806c8/js/bootstrap.min.js?v=1727033018"></script> <script src="/nassets/f678dcf8/js/user-form-def.js?v=1727033018"></script> <script src="/nassets/e4a2c60f/js/like.js?v=1727033017"></script> <script src="/nassets/d26359b3/js/subscribe.js?v=1727033018"></script> <script src="/nassets/33313f15/js/JsTrans.min.js?v=1727033017"></script> <script src="/nassets/5e2765a/dictionary-gen-8232beb872fb76d91a80fe0cb453c98195f529dd.js?v=1732381200"></script> <script src="/nassets/5e2765a/dictionary-gen-d541db305d463ce9adf3ce545b757d8280178974.js?v=1732381200"></script> <script src="/nassets/9692a03a/jquery-ui.min.js?v=1727033018"></script> <script src="/nassets/7c98f997/yii.js?v=1727033019"></script> <script src="/nassets/8e919e17/jquery.autosize.min.js?v=1727033016"></script> <script src="/nassets/8e13878b/js/jquery.toast.min.js?v=1727033016"></script> <script src="/nassets/8e919e17/jquery.form.min.js?v=1727033016"></script> <script src="/nassets/d50f330d/jquery.emojiarea.js?v=1727033017"></script> <script src="/nassets/d50f330d/emoji.js?v=1731579639"></script> <script src="/nassets/c6280e06/js/audio-comments.js?v=1727033016"></script> <script src="/nassets/c6280e06/js/RecordRTC.min.js?v=1727033016"></script> <script src="/nassets/644c2834/js/react/react.min.js?v=1727033016"></script> <script src="/nassets/f678dcf8/js/build/user-form.js?v=1727033018"></script> <script src="/nassets/644c2834/js/socket.io.slim.js?v=1727033016"></script> <script src="/nassets/644c2834/js/socket.js?v=1727033016"></script> <script src="/nassets/644c2834/js/websocket.global.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/comments.js?v=1717595724"></script> <script src="/nassets/9b643ce6/js/comment_reply_open.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/comment_template_dialog.js?v=1727033016"></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/59757da8/js/main.js?v=1727033020"></script> <title>Hou2Touch Weekly #1. All materials</title> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:title" content="Hou2Touch Weekly #1"/> <meta name="description" property="og:description" content="- Demystifying TouchDesigner SOPs 01. Add, Limit, CHOP to, DAT to. - Vadim Epstein and AI/ML in Visual. - How to animate nodes in TouchDesigner network editor tutorial."/> <meta property="og:image" content="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/1bd4f2a6e6bbcd56c955261ef0655189.jpg/s/600x/a/476640/sc/199"/> <meta property="og:url" content="https://hou2touch.com/blog/1073120"/> <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"> <style> .gc-account-leftbar, .talks-widget-window, .index-link, .create-link { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; } </style> <div class="lite-page block-set " > <style> #ltBlock1862804161 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1862804161" data-block-id="1862804191" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-fa93a" > <div class="lt-block-wrapper"> <style id="rawCss4047841">@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/f0a2f44215c7092318880a215df3ada2.ttf/a/531213/sc/78) format('truetype'); font-weight: 700; }</style> </div></div> <style> #ltBlock1862049542 .f-header { font-family: 'Bebas Neue', sans-serif; } #ltBlock1862049542 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1862049542 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1862049542" data-block-id="1862061775" data-has-css="true" class="lt-block lt-view menu01 lt-menu lt-menu-universal positionsticky mobile-toggler style-normal gc-into-main-content" data-code="b-8fa95" > <div class="lt-block-wrapper"> <div class="menu-wrapper" data-menu="yes"> <div class="collapsed-view"> <div class="toggler"> <span class="fa fa-bars"></span> </div> <div class="collapsed-content" > <div class="f-header fg-color"> </div> </div> <div class="collapsed-contacts fg-color" > </div> </div> <div class="main-container"> <div class="padding40px"></div> <div class="leftside"> <div class="leftcontainer"> <a href="" class="fg-color"> <div class="logo f-header fg-color"> </div> </a></div> </div> <div class="centerside menualign-center"> <div class="centercontainer"> <ul class="menu-list"> <li class="list-item"> <a href="/about" class="f-header fg-color"> Who we are </a> </li> <li class="list-item"> <a href="/boxes" class="f-header fg-color"> Courses </a> </li> <li class="list-item"> <a href="/subscribe" class="f-header fg-color"> Subscribe to newsletters </a> </li> <li class="list-item"> <a href="/blog" class="f-header fg-color"> Free materials </a> </li> </ul> </div> </div> <div class="rightside"> <div class="rightcontainer"> <div class="right-descr fg-color" style="display:none;padding:0;"> </div> <div class="right-buttons"> <div class="right-buttons-wrap"> <div class="right-buttons-but"> <button type="button" id="button7583257" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: #000000; border-radius: !important; "> Sign in </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton7583257']) { e.preventDefault(); return false; } else { $('#button7583257').addClass('disabled'); window['prsbutton7583257'] = true; setTimeout(function(){window['prsbutton7583257'] = false;$('#button7583257').removeClass('disabled');}, 6000); } return true; }; $( '#button7583257' ).click( function(e) { //disableButton(e); location.href='https://hou2touch.com/cms/system/login'; } ); }); </script> </div> </div> </div> </div> </div> <div class="padding40px"> </div> </div> </div> <script> $( function() { $('#ltBlock1862049542').liteMenu({ position: "sticky" }) } ); </script> <style> #ltBlock1862049542 .fg-color { color: #000000; } #ltBlock1862049542.lt-editing .menu-wrapper { background-color: rgba(0,0,0,0.5); } #ltBlock1862049542 .menu-wrapper { background-color: rgba( 255,255,255,1);; } #ltBlock1862049542.positionfixed.scrolled .menu-wrapper { background-color: rgba( 255,255,255,0.8);; } #ltBlock1862049542 .menu-wrapper, #ltBlock1862049542 .main-container { height: 45px; } .country-dropdown-wrapper { padding-left: 10px; } @media screen and (max-width: 980px) { #ltBlock1862049542 .menu-wrapper { background-color: rgba( 255,255,255,1);; } #ltBlock1862049542.positionfixed.scrolled .menu-wrapper { background-color: rgba( 255,255,255,0.8);; } #ltBlock1862049542.positionfixed .menu-wrapper.expanded { background-color: rgba( 255,255,255,1);; } } </style> </div></div> <style> #ltBlock1867195643 .lt-block-wrapper { padding-top: 60px; padding-bottom: 15px } </style> <div id="ltBlock1867195643" data-block-id="1867195723" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-14d20" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2 text-left" style=""> <div id="builder5916353" 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="ab4cb1468f" > <div id="image2079793" class="image-box" data-img-title="" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/777eb8206d31079aa6bc7319907ed528.jpg/s/s1200x/a/476640/sc/61" > <img class="lazyload" src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/777eb8206d31079aa6bc7319907ed528.jpg/s/s1200x/a/476640/sc/61" data-param="items/parts/field40749/inner/image" data-hash="777eb8206d31079aa6bc7319907ed528.jpg" 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="1867195723"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ab4cb1468f .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder5916353 input[type="radio"]').length == 1 && $('#builder5916353 input[type="radio"]').prop('checked') ) { $('#builder5916353 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> <div class="lt-block-wrapper gc-blog-header"> <div class="container" > <div class="row"> <div class="col-md-8 col-md-offset-2"> <a href="/blog">All materials</a> <h1 class="f-header f-header-52" style="margin-bottom:10px;line-height:1em;">Hou2Touch Weekly #1</h1> <div style="padding: 10px 0px; margin-bottom: 10px"> <div class="pull-right"> <span class='gc-tags'><a href='/blog?tagNames=%23touchdesigner'>#touchdesigner</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a> <a href='/blog?tagNames=%23vadimepstein'>#vadimepstein</a></span> </div> </div> </div> </div> </div> </div> <div class="lite-block " id="liteBlock1861178182" data-id="1861178182" > <style> #ltBlock1861178182 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1861178182" data-block-id="1861178182" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-8d37b" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2" style=""> <div id="builder5396149" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field9678" data-item-name="field9678" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-separator " id="a1cad4cd3d" > <hr/> <div class="add-redesign-subblock" data-id="1861178182"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1cad4cd3d .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder5396149 input[type="radio"]').length == 1 && $('#builder5396149 input[type="radio"]').prop('checked') ) { $('#builder5396149 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1861156000" data-id="1861156000" > <style> #ltBlock1861156000 .f-header { font-family: 'Inter', sans-serif; } #ltBlock1861156000 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1861156000 .lt-block-wrapper { padding-top: 15px; padding-bottom: 0px } </style> <div id="ltBlock1861156000" data-block-id="1861156000" data-has-css="true" class="lt-block lt-view lt-onecolumn lt-onecolumn-common" data-code="ltBlock1861156000" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2" style=""> <div id="builder904425" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field62357" data-item-name="field62357" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-header " id="a7a264fa17" > <div data-editable=true data-param='items/parts/field62357/inner/text' class='f-header f-header-'><p>Hello!</p></div> <div class="add-redesign-subblock" data-id="1861156000"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a7a264fa17 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/part3" data-item-name="part3" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="a02eb2ee9f" > <div style='' class='text-subnormal f-text' data-param='items/parts/part3/inner/text' data-editable='true'><p>Thanks for subscribing!</p> <p><br>In our weekly newsletter, we will publish free lessons, news about our broadcasts, interviews with media artists and industry experts, and announcements of our seminars and trainings for TouchDesigner professionals</p> <p><br></p> <p>Lets go!</p></div> <div class="add-redesign-subblock" data-id="1861156000"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a02eb2ee9f .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder904425 input[type="radio"]').length == 1 && $('#builder904425 input[type="radio"]').prop('checked') ) { $('#builder904425 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1861178193" data-id="1861178193" > <style> #ltBlock1861178193 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1861178193" data-block-id="1861178193" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-063d7" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2" style=""> <div id="builder6712242" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field9678" data-item-name="field9678" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-separator " id="af447fcf5f" > <hr/> <div class="add-redesign-subblock" data-id="1861178193"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#af447fcf5f .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder6712242 input[type="radio"]').length == 1 && $('#builder6712242 input[type="radio"]').prop('checked') ) { $('#builder6712242 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1861175004" data-id="1861175004" > <style> #ltBlock1861175004 .f-header { font-family: 'Inter', sans-serif; } #ltBlock1861175004 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1861175004 .lt-block-wrapper { padding-top: 15px; padding-bottom: 15px } </style> <div id="ltBlock1861175004" data-block-id="1861175004" data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-87f7e" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2" style=""> <div id="builder432926" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field94788" data-item-name="field94788" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="aa98c975c3" > <div style='' class='text-subnormal f-text' data-param='items/parts/field94788/inner/text' data-editable='true'><p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong><em>00110001</em></strong></span></span></span></p> <br> <p><span class="redactor-inline-converted"><span class="redactor-inline-converted"></span></span></p> <p><strong class="redactor-inline-converted"><span class="redactor-inline-converted">We starting</span> to post the video lessons</strong> about the most mystic and underrated TouchDesigner Operator Family - <strong class="redactor-inline-converted">SOPs aka Surface Operators</strong></p></div> <div class="add-redesign-subblock" data-id="1861175004"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aa98c975c3 .add-redesign-subblock { display: none; } </style> <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="af3d0732c6" > <div id="image2482616" class="image-box" data-img-title="" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/7608c5b3c56b7d62eb890c9defb9b4ec.png/s/s1200x/a/476640/sc/353" > <img class="lazyload" src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/7608c5b3c56b7d62eb890c9defb9b4ec.png/s/s1200x/a/476640/sc/353" data-param="items/parts/field40749/inner/image" data-hash="7608c5b3c56b7d62eb890c9defb9b4ec.png" data-image-editable="true" title="" alt="" style="border-radius: 6px !important; " /> <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="1861175004"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#af3d0732c6 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field12879" data-item-name="field12879" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="a1715d8976" > <div style='' class='text-subnormal f-text' data-param='items/parts/field12879/inner/text' data-editable='true'><p>We need always remember, that TouchDesigner was build on the 3D Engine, and in order to be a PRO its better to understand the power of SOP Context</p> <p><br></p> <p>In this free series we going to uncover the SOP usage in structured way:<br>Speaking about the Generators, Deformers,<br>Workflow Utilities, Modeling operators</p> <p><br></p> <p>In the first video we speak about different ways to <strong>convert data from other contexts to SOP</strong></p></div> <div class="add-redesign-subblock" data-id="1861175004"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1715d8976 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field90686" data-item-name="field90686" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-video " id="ae11f75e71" > <div class='video-box' > <div class="clearfix videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/kqXNH43sO68" 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="1861175004"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae11f75e71 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder432926 input[type="radio"]').length == 1 && $('#builder432926 input[type="radio"]').prop('checked') ) { $('#builder432926 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1861175030" data-id="1861175030" > <style> #ltBlock1861175030 .f-header { font-family: 'Inter', sans-serif; } #ltBlock1861175030 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1861175030 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1861175030" data-block-id="1861175030" data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-495ba" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2 text-left" style=""> <div id="builder6332657" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="a541c781f9" > <div style='' class='text-subnormal f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p>Subscribers to our mailing list can download the project file using the button below:</p></div> <div class="add-redesign-subblock" data-id="1861175030"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a541c781f9 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder6332657 input[type="radio"]').length == 1 && $('#builder6332657 input[type="radio"]').prop('checked') ) { $('#builder6332657 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1861175135" data-id="1861175135" > <style> #ltBlock1861175135 .f-header { font-family: 'Bebas Neue', sans-serif; } #ltBlock1861175135 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1861175135 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1861175135" data-block-id="1861175135" data-has-css="true" data-has-limited-visibility="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-bbb75" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-4 col-md-offset-4 text-center" style=""> <div id="builder6190398" 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="no" style="margin-bottom: 10px; margin-top: 10px; border-radius: ; " data-setting-editable="true" class="builder-item part-header " id="acec1a0ef9" > <div data-editable=true data-param='items/parts/field67721/inner/text' class='f-header f-header-'><h4>subscribe to the newsletter to download project files</h4></div> <div class="add-redesign-subblock" data-id="1861175135"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#acec1a0ef9 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder6190398 input[type="radio"]').length == 1 && $('#builder6190398 input[type="radio"]').prop('checked') ) { $('#builder6190398 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> <style> #ltBlock1861175135 .block-box { color:#ffffff; background-color:#000000;padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;border: 1px solid #ffffff;border-radius: 6px; } </style> </div></div> <script> $( '#ltBlock1861175135' ).click( function() { window.open('https://hou2touch.com/subscribe') } ); </script> <style> #ltBlock1861175135 { cursor: pointer; } </style> </div> <div class="lite-block " id="liteBlock1861175209" data-id="1861175209" > </div> <div class="lite-block " id="liteBlock1861175050" data-id="1861175050" > <style> #ltBlock1861175050 .f-header { font-family: 'Inter', sans-serif; } #ltBlock1861175050 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1861175050 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1861175050" data-block-id="1861175050" data-has-css="true" class="lt-block lt-view files01 lt-files lt-files lt-modal-block js--modal-block-popup-type-block" data-code="b-1ac9c" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-6 col-md-offset-3 text-center" style=""> <div class="row files-row"> <div class="col-md-12"> <table class="table files-table"> <tbody> <tr> <td style="text-align: center; width: 50px" > <div style="width: 60px; height: 60px"> <img src='/public/mimetypes/log-icon-48x48.png'> </div> </td> <td style="width: 100px; padding-top: 15px;"> 6.61 KB </td> <td style="font-size: 1.2em"> <div> <a style="text-decoration: underline" target="_blank" href='https://fs02.getcourse.ru/fileservice/file/download/a/476640/sc/201/h/63a729f1c97360d16a27f9cd65b3d4be.toe' > SOP_01_Conversion.toe </a> </div> </td> </tr> </tbody> </table> <style> </style> </div> </div> <div class="row"> <div class="col-md-12" style="padding: 0; font-size: 16px"> <div> </div> </div> </div> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1861178216" data-id="1861178216" > <style> #ltBlock1861178216 .lt-block-wrapper { padding-top: 30px; padding-bottom: 0px } </style> <div id="ltBlock1861178216" data-block-id="1861178216" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-08b7d" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2" style=""> <div id="builder7195062" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field9678" data-item-name="field9678" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-separator " id="a34f793b1d" > <hr/> <div class="add-redesign-subblock" data-id="1861178216"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a34f793b1d .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder7195062 input[type="radio"]').length == 1 && $('#builder7195062 input[type="radio"]').prop('checked') ) { $('#builder7195062 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1861175277" data-id="1861175277" > <style> #ltBlock1861175277 .f-header { font-family: 'Inter', sans-serif; } #ltBlock1861175277 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1861175277 .lt-block-wrapper { padding-top: 15px; padding-bottom: 15px } </style> <div id="ltBlock1861175277" data-block-id="1861175277" data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-daa84" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2" style=""> <div id="builder6744930" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field93831" data-item-name="field93831" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="ae689ee326" > <div style='' class='text-subnormal f-text' data-param='items/parts/field93831/inner/text' data-editable='true'><p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong class="redactor-inline-converted"><em>00110010</em></strong></span></span></span></span></p> <br> <p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><span class="redactor-inline-converted"></span></span></span></p> <p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong class="redactor-inline-converted">On September 26</strong>, we will hold an <strong>artist talk with Vadim Epstein</strong> - </span></span></span></span>Media Artist, Director, Educator, Coder, VJ</p></div> <div class="add-redesign-subblock" data-id="1861175277"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae689ee326 .add-redesign-subblock { display: none; } </style> <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="ac56d7a6a8" > <div id="image2145051" class="image-box" data-img-title="" data-img-src="https://fs17.getcourse.ru/fileservice/file/download/a/476640/sc/81/h/44293436754a0ed0e0b9c04600dea36d.jpg" > <img class="lazyload" src="https://fs17.getcourse.ru/fileservice/file/download/a/476640/sc/81/h/44293436754a0ed0e0b9c04600dea36d.jpg" data-param="items/parts/field40749/inner/image" data-hash="44293436754a0ed0e0b9c04600dea36d.jpg" data-image-editable="true" title="" alt="" style="border-radius: 6px !important; " /> <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="1861175277"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac56d7a6a8 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field12879" data-item-name="field12879" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="a7700aeb6d" > <div style='' class='text-subnormal f-text' data-param='items/parts/field12879/inner/text' data-editable='true'><p>A year ago, as part of the <strong class="redactor-inline-converted">Person in Touch</strong> <strong class="redactor-inline-converted">stream</strong> series, we organized an online stream with Vadim Epstein, <span class="redactor-inline-converted">showcasing his approach for creating neurographics and his art works</span>.<br></p> <p><br></p> <p>A year later, we're hosting another artist talk, where we present a new course called AI/ML in Visuals, which we're launching in collaboration with Vadim.</p> <p><br></p> <p>On this stream, you'll hear the course insights, learn about its program, see our advances in integrating TouchDesigner and Stable Diffusion, and also be able to ask questions.</p> <p><br></p> <p>You can view the syllabus for <strong>AI/ML in Visuals</strong> course now <a href="https://hou2touch.com/ai">here</a></p> <p><br></p> <p>Also we highly recommend checking out Vadim's approach with the artworks on <a href="https://vimeo.com/eps696"><span class="redactor-inline-converted">vimeo</span></a> and <a href="https://eps.here.ru/"><span class="redactor-inline-converted">website</span></a></p></div> <div class="add-redesign-subblock" data-id="1861175277"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a7700aeb6d .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field90686" data-item-name="field90686" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-video " id="a012a4e3d6" > <div class='video-box' > <div class="clearfix videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/KqnilawJvHA" 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="1861175277"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a012a4e3d6 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field12879_49" data-item-name="field12879_49" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="a825d2e8cc" > <div style='' class='text-subnormal f-text' data-param='items/parts/field12879_49/inner/text' data-editable='true'><p><span class="redactor-inline-converted"><br></span></p> <p><span class="redactor-inline-converted">One example of his AI/ML-based pieces was (<span class="redactor-inline-converted"><strong>probably the world's first</strong>)<strong> neuro-videomapping in august 2018 in Lille, France</strong></span>.</span></p> <p>Enjoy!</p></div> <div class="add-redesign-subblock" data-id="1861175277"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a825d2e8cc .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field95311" data-item-name="field95311" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-video " id="a1d1f42936" > <div class='video-box' > <div class="clearfix videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/eXv3LogmKl4" 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="1861175277"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a1d1f42936 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field12879_5" data-item-name="field12879_5" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="a5e2c874d1" > <div style='' class='text-subnormal f-text' data-param='items/parts/field12879_5/inner/text' data-editable='true'><p><em class="redactor-inline-converted">Projection opus for videomapping contest in Lille (got Jury Special Mention).<br>An experimental CG piece reflecting the everlasting flux of Time that grinds and blends everything down to fine sand. Produced with Deep Learning neural net. </em></p> <p><em class="redactor-inline-converted"><br></em></p> <p><em class="redactor-inline-converted">Few dozens of key pictures have been picked as imprints of the human history, varying from archaic drawings and cuneiform to Picasso and modern photography. A neural net was selected as a mean to process this imagery on all levels up to the very atomic. It was seen quite symbolic and in line with the concept to let AI recycle the content instead of applying usual artistic manipulations.</em></p> <p><em class="redactor-inline-converted"><br>Processed frames were fed again to Neural Net in feedback loops to reproduce impact of time and to create organic flow. Eventually the process washed out the original features, leaving only meditative flame streaming upon the ancient architecture of the building. <br>No other edits/VFX were used for the work.</em></p><p><em>Music: Archon Orchestra 'Eluding'</em></p></div> <div class="add-redesign-subblock" data-id="1861175277"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a5e2c874d1 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field91776" data-item-name="field91776" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text text-center" id="a80be4ddb7" > <div style='' class='text-subnormal f-text' data-param='items/parts/field91776/inner/text' data-editable='true'><p><br></p><p><strong>Registration to artist talk with Vadim Epstein on September 26 is now open</strong></p><p><strong></strong><strong>Use the button below</strong></p></div> <div class="add-redesign-subblock" data-id="1861175277"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a80be4ddb7 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field69862" data-item-name="field69862" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-button text-center" id="a134a424dd" > <button type="button" id="button8949076" class="btn f-btn button-md btn-success" style="color: #FFFFFF; background-color: #ff0000; border-radius: 6px !important; "> Open registration window </button> <script> $( function() { var disableButton = function (e) { if (window['prsbutton8949076']) { e.preventDefault(); return false; } else { $('#button8949076').addClass('disabled'); window['prsbutton8949076'] = true; setTimeout(function(){window['prsbutton8949076'] = false;$('#button8949076').removeClass('disabled');}, 6000); } return true; }; $( '#button8949076' ).click( function(e) { //disableButton(e); window.open('https://hou2touch.com/ai_talk#form') } ); }); </script> <div class="add-redesign-subblock" data-id="1861175277"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a134a424dd .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder6744930 input[type="radio"]').length == 1 && $('#builder6744930 input[type="radio"]').prop('checked') ) { $('#builder6744930 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1869362797" data-id="1869362797" > <style> #ltBlock1869362797 .lt-block-wrapper { padding-top: 30px; padding-bottom: 0px } </style> <div id="ltBlock1869362797" data-block-id="1869362797" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-f5093" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2" style=""> <div id="builder2229581" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field9678" data-item-name="field9678" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-separator " id="a0cdae1a83" > <hr/> <div class="add-redesign-subblock" data-id="1869362797"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a0cdae1a83 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder2229581 input[type="radio"]').length == 1 && $('#builder2229581 input[type="radio"]').prop('checked') ) { $('#builder2229581 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1869362605" data-id="1869362605" > <style> #ltBlock1869362605 .f-header { font-family: 'Inter', sans-serif; } #ltBlock1869362605 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1869362605 .lt-block-wrapper { padding-top: 15px; padding-bottom: 15px } </style> <div id="ltBlock1869362605" data-block-id="1869362605" data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-13430" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2" style=""> <div id="builder5021043" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field94788" data-item-name="field94788" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="ae6cccceff" > <div style='' class='text-subnormal f-text' data-param='items/parts/field94788/inner/text' data-editable='true'><p><strong class="redactor-inline-converted"><em>00110011</em><br></strong></p> <br> <p><strong class="redactor-inline-converted">In this tutorial </strong>we will learn <strong class="redactor-inline-converted">how to control the behavior of nodes in the Network Editor</strong> of TouchDesigner <strong>using Python scripts</strong></p> <p>- What??? </p> <p>- Yes! I am sure that most people could not even imagine that this was possible.</p></div> <div class="add-redesign-subblock" data-id="1869362605"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ae6cccceff .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field90686" data-item-name="field90686" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-video " id="aa490994dc" > <div class='video-box' > <div class="clearfix videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/M4W3pcOa3Xw" 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="1869362605"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#aa490994dc .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field7277" data-item-name="field7277" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="ac76e6c268" > <div style='' class='text-subnormal f-text' data-param='items/parts/field7277/inner/text' data-editable='true'><p>If you want to see an audiovisual show using only TouchDesigner UI elements, watch the video by Alva Noto</p><p><br></p> <p>This performance played an important role in popularizing TouchDesigner at the time:</p></div> <div class="add-redesign-subblock" data-id="1869362605"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#ac76e6c268 .add-redesign-subblock { display: none; } </style> <div data-param="items/parts/field91025" data-item-name="field91025" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-video " id="a722beae6e" > <div class='video-box' > <div class="clearfix videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/EJG0ETkoLCM" 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="1869362605"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a722beae6e .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder5021043 input[type="radio"]').length == 1 && $('#builder5021043 input[type="radio"]').prop('checked') ) { $('#builder5021043 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1861178219" data-id="1861178219" > <style> #ltBlock1861178219 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1861178219" data-block-id="1861178219" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-a79a3" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-10 col-md-offset-1" style=""> <div id="builder535348" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/field9678" data-item-name="field9678" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-separator " id="a544a8b7e0" > <hr/> <div class="add-redesign-subblock" data-id="1861178219"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a544a8b7e0 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder535348 input[type="radio"]').length == 1 && $('#builder535348 input[type="radio"]').prop('checked') ) { $('#builder535348 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lite-block " id="liteBlock1861175230" data-id="1861175230" > <style> #ltBlock1861175230 .f-header { font-family: 'Inter', sans-serif; } #ltBlock1861175230 .f-text { font-family: 'Inter', sans-serif; } </style> <style> #ltBlock1861175230 .lt-block-wrapper { padding-top: 15px; padding-bottom: 15px } </style> <div id="ltBlock1861175230" data-block-id="1861175230" data-has-css="true" class="lt-block lt-view bld01 lt-onecolumn lt-onecolumn-common" data-code="b-0fe47" > <div class="lt-block-wrapper"> <div class="container"> <div class="row"> <div class="modal-block-content block-box col-md-8 col-md-offset-2 text-left" style=""> <div id="builder8976627" class="builder animated-block" data-path="items" data-animation-order="in-turn"> <div data-param="items/parts/text1" data-item-name="text1" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text " id="a82a6183e4" > <div style='' class='text-small f-text' data-param='items/parts/text1/inner/text' data-editable='true'><p><strong></strong>It's all for today</p><p><br></p><p>Well, how do you like our first post?</p><p><span class="redactor-inline-converted">Write about it in the comments cause we</span> are interested in your opinion and suggestions</p> <p><br></p> <p>Also we will be glad if you tell your friends about our newsletter<br></p> <p><br></p></div> <div class="add-redesign-subblock" data-id="1861175230"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#a82a6183e4 .add-redesign-subblock { display: none; } </style> </div> <script> $( function() { if( $('#builder8976627 input[type="radio"]').length == 1 && $('#builder8976627 input[type="radio"]').prop('checked') ) { $('#builder8976627 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div> </div> </div></div> </div> <div class="lt-block-wrapper gc-blog-footer" style="margin-bottom: 50px;"> <div class="container" style="margin-top:30px;"> <div class="row"> <div class="col-md-6 col-md-offset-2"> <div class='gc-standard-user-info'><div class='gc-user-block-avatar'><img loading='lazy' width='50' class='user-profile-image ' src='//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/AB.df03b79a0e980cbe39e392dcd7e79e4f.jpg/s/50x50/a/476640/sc/131'></div> <a class="user-profile-link worker" href="/pl/244740225" data-user-id="244740225" target="_self"><span class="text">Maksim Smirnov</span></a><div class='gc-text-block'>Wed 13 September 20:00</div></div> </div> <div class="col-md-2"> <div class="pull-right"> <span data-size-class="" class="gc-share-links"></span> </div> </div> </div> </div> <div class="container" style="margin-top:30px;"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <span class="b-like-and-subscribe-notifications"> <span class="b-like like-1073120-1" id="likes-1073120-1"> <span class="positive-count " style="cursor:pointer" data-object-id="1073120" data-object-type-id="1"> <i class="icon fa fa-thumbs-o-up"></i> <span class="value"><a class="like_users_list">1</a></span> </span> <span class="button positive auth-link" data-object-id="1073120" data-object-type-id="1" ><span class="html">Like</span></span> </span> </span> <br/><br/> <div class=" comments-tree-wrapper"> <div class="comments-tree comments-476640-1073120-1- comments-tree-live unique-user-count " id="comments-476640-1073120-1--1732400452-4921" data-tree-id="comments-476640-1073120-1-" data-scroll-to-bottom="" > <div id="commentReplyForm-1073120-1" class="gc-comment-form comment-form-wrapper" data-access="account" data-submit-on-enter="1" data-use-file-types="0" > <div class="new-comment contains-uploadify active-always"> For comment — <br/><a id="gc-comment-form-auth-1732400452-4931-btn" class="auth-link" data-id="gc-comment-form-auth-1732400452-4931" href="/login">please authorize</a> </div> </div> <script> $(document).ready(function () { let senderMessageType = $(".js-sender-message-type-checkbox"); senderMessageType.click(function () { let disableSyntaxLabel = $(this).parent().next('.js-disable-syntax-label'); if (disableSyntaxLabel.length !== 0) { disableSyntaxLabel.prop('hidden', !$(this).prop('checked')); disableSyntaxLabel.children('.js-disable-syntax-checkbox').prop('checked', false); } }); }); </script> <div class="comments-container"> <div style=""> </div> <div class="comments-top-level comments comments-1-1073120-0"> <div class="hide settings settings-level-1"> <textarea>{"signature":"74eec0903d145fa79e708b222eb9bda8","accountUserId":-1,"values":{"object_type_id":1,"object_id":1073120,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}</textarea> </div> </div> </div> </div> <script> $(function(){ GcCommentsTreeWidget.create($('#comments-476640-1073120-1--1732400452-4921')); }); </script> </div> </div> </div> </div> <div class="container" style="margin-top:30px;"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div style="float: right"> <span class='gc-tags'><a href='/blog?tagNames=%23touchdesigner'>#touchdesigner</a> <a href='/blog?tagNames=%23tutorial'>#tutorial</a> <a href='/blog?tagNames=%23vadimepstein'>#vadimepstein</a></span> </div> <h3>Related articles</h3> <ul> <li> <a href="/blog/1077457">Hou2Touch Weekly #2</a> </li> <li> <a href="/blog/1078566">Hou2Touch Weekly #3</a> </li> <li> <a href="/blog/1085171">Hou2Touch Weekly #4</a> </li> <li> <a href="/blog/1101182">Hou2Touch Weekly #10</a> </li> <li> <a href="/blog/1090177">Calling all art and tech enthusiasts!</a> </li> </ul> </div> </div> </div> </div> <style> #ltBlock1862804218 .lt-block-wrapper { padding-top: 0px; padding-bottom: 0px } </style> <div id="ltBlock1862804218" data-block-id="1862804244" class="lt-block lt-view raw-css lt-raw lt-raw-css lt-system-block lt-invisible-block" data-code="b-be7e2" > <div class="lt-block-wrapper"> <style id="rawCss9560915">@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/f0a2f44215c7092318880a215df3ada2.ttf/a/531213/sc/78) format('truetype'); font-weight: 700; }</style> </div></div> <style> #ltBlock1862075335 .f-header { font-family: 'Inter', sans-serif; } #ltBlock1862075335 .f-text { font-family: 'Bebas Neue', sans; } </style> <style> #ltBlock1862075335 .lt-block-wrapper { padding-top: 45px; padding-bottom: 0px; background-color: #ffffff; color: #000000 } </style> <div id="ltBlock1862075335" data-block-id="1862075617" data-has-css="true" class="lt-block lt-view tcb-01 lt-twocolumn lt-twocolumn-standard" data-code="b-aeb67" > <div class="lt-block-wrapper"> <div class="my-container flex-container wrap-col"> <div id="builder9961902" class="builder flex-column col-md-6 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 text-left" id="af843ef459" > <div style='' class='text-subnormal f-text' data-param='column1/parts/text1/inner/text' data-editable='true'><p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong>Email address: hello@hou2touch.com</strong></span></span></p> <p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong>Telegram: @prcdrl</strong></span></span></p> <p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong><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://www.twitter.com/hou2touch" target="_blank">Twitter</a> </strong></span></span></p> <p><span class="redactor-inline-converted"><strong><br></strong></span></p> <p><span class="redactor-inline-converted"><span class="redactor-inline-converted"><strong>Hou2Touch 2023 (c)</strong></span></span></p></div> <div class="add-redesign-subblock" data-id="1862075617"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#af843ef459 .add-redesign-subblock { display: none; } </style> </div> <style> #builder9961902 { ; } </style> <script> $( function() { if( $('#builder9961902 input[type="radio"]').length == 1 && $('#builder9961902 input[type="radio"]').prop('checked') ) { $('#builder9961902 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> <div id="builder4250156" class="builder flex-column col-md-5 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/field63929" data-item-name="field63929" data-title="Element" data-animation-mode="no" style="margin-bottom: 25px; border-radius: ; " data-setting-editable="true" class="builder-item part-text text-right" id="af86ec2cf3" > <div style='' class='text-subnormal f-text' data-param='column2/parts/field63929/inner/text' data-editable='true'><p><strong>Lichtpfad studio</strong></p> <p><strong>Berlin, Germany</strong></p><p><br></p><br> <p><strong><span class="redactor-inline-converted"><a href="https://hou2touch.com/cms/system/contact">Feedback page</a> </span><a href="https://hou2touch.com/offer">License Agreement</a><span> </span></strong><a href="https://hou2touch.com/policy"><strong>Privacy Policy</strong></a></p></div> <div class="add-redesign-subblock" data-id="1862075617"> <span class="fa fa-plus"></span> </div> </div> <style> .add-redesign-subblock, div#af86ec2cf3 .add-redesign-subblock { display: none; } </style> </div> <style> #builder4250156 { ; } </style> <script> $( function() { if( $('#builder4250156 input[type="radio"]').length == 1 && $('#builder4250156 input[type="radio"]').prop('checked') ) { $('#builder4250156 input[type="radio"]').hide(); } if ($('.animated-block').animatedBlock) { $('.animated-block').animatedBlock(); } } ); </script> </div> </div></div> <style> #ltBlock1862075335 hr.separator { border-color: #000000; } #ltBlock1862075335 .f-text { color: #000000; } </style> </div> </div> <script src="/nassets/89bfd734/js/blueimp-gallery.min.js?v=1727033016"></script> <script src="/nassets/89bfd734/js/jquery.blueimp-gallery.min.js?v=1727033016"></script> <script src="/nassets/89bfd734/js/blueimp-gallery-indicator.js?v=1727033016"></script> <script src="/nassets/c4ee8f9e/js/modal.js?v=1727033020"></script> <script src="https://vh-asset-static.vhcdn.com/vhstatic/gz/gc.ts.vh-bridge/app/22/vh.min.js"></script> <script src="https://vh-asset-static.vhcdn.com/vhstatic/gz/gc.ts.webbrowser-monitoring/app/7/monitoring.min.js"></script> <script src="/nassets/9eba28af/js/cdnfeedback.js?v=1727033018"></script> <script src="/nassets/9eba28af/js/videoplayer.js?v=1727033018"></script> <script src="/nassets/bb9d3ce6/fotorama.js?v=1727033020"></script> <script src="/nassets/8ffd4c6a/file_widget.js?v=1727033017"></script> <script src="/nassets/25543e7/js/jquery.Jcrop.min.js?v=1727033016"></script> <script src="/nassets/b52047c6/js/jquery.dataTables.min.js?v=1727033016"></script> <script src="/nassets/dea6a97/tus.min.js?v=1727033017"></script> <script src="/nassets/24d4d8eb/js/file-dialog.js?v=1731579639"></script> <script src="/nassets/24d4d8eb/js/editable-image.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder-upload.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/tus-uploader.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder-favorites.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder-covers.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/file-widget-with-dialog.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/folder-pixabay.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/folder.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/dialog.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/grid.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/gridLog.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/statistics.js?v=1727033016"></script> <script src="/nassets/24d4d8eb/js/frames/subtitles.js?v=1727033016"></script> <script src="/nassets/e5e3a727/js/block-animation.js?v=1727033018"></script> <script src="/nassets/js/lite-block-0344882a2ecea5a54aa676bb3d5ee954.js?v=1732384572"></script> <script src="/nassets/dd447b60/js/share.js?v=1727033016"></script> <script src="/nassets/js/tags-21807f51d89013341f82fdbe08e42a0d.js?v=1732384572"></script> <script src="/nassets/1125450b/js/common.js?v=1727033018"></script> <script src="/nassets/644c2834/js/light-menu.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/comment_rating_widget.js?v=1727033016"></script> <script src="/nassets/f150f963/audio.min.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/conversation_widget.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/conversation_controls.js?v=1727033016"></script> <script src="/nassets/9b643ce6/js/talks_widget.js?v=1727033020"></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=1732400452"></script> </body> <div style="display: none;" id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"><div class="slides next-click"></div><h3 class="title"></h3><a class="prev">‹</a><a class="next next-click">›</a><a class="play-pause"></a><ol class="indicator"></ol></div>