CINXE.COM
Community | Derivative
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: http://ogp.me/ns# content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ rdfs: http://www.w3.org/2000/01/rdf-schema# sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema#"> <head> <link rel="profile" href="http://www.w3.org/1999/xhtml/vocab" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--[if IE]><![endif]--> <link rel="dns-prefetch" href="//www.google-analytics.com" /> <link rel="preconnect" href="//www.google-analytics.com" /> <link rel="dns-prefetch" href="//stats.g.doubleclick.net" /> <link rel="preconnect" href="//stats.g.doubleclick.net" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta about="/tags/time-warp" typeof="skos:Concept" property="rdfs:label skos:prefLabel" content="time warp" /> <link rel="shortcut icon" href="https://derivative.ca/sites/all/themes/derivative2017/favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="description" content="Derivative is a software company that offers TouchDesigner, a visual development platform." /> <meta name="generator" content="Drupal 7 (https://www.drupal.org)" /> <link rel="image_src" href="https://derivative-devforum-backups.s3.us-east-2.amazonaws.com/static/manifest512.png" /> <link rel="canonical" href="https://derivative.ca/community" /> <link rel="shortlink" href="https://derivative.ca/community" /> <meta property="og:site_name" content="Derivative" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://derivative.ca/community" /> <meta property="og:title" content="Community" /> <meta property="og:description" content="Derivative is a software company that offers TouchDesigner, a visual development platform." /> <meta property="og:image" content="https://derivative-devforum-backups.s3.us-east-2.amazonaws.com/static/manifest512.png" /> <meta property="og:image:secure_url" content="https://derivative-devforum-backups.s3.us-east-2.amazonaws.com/static/manifest512.png" /> <meta property="og:image:alt" content="Community" /> <meta property="og:image:type" content="image/png" /> <meta property="og:image:width" content="512" /> <meta property="og:image:height" content="512" /> <meta itemprop="name" content="Community" /> <title>Community | Derivative</title> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__9cWqptSUNYq5YedfIwh33VxtugFVWjDdEsblT8GhLKI__quUjyhSfbEukHj8a0hYvzm9VTmPALmSZvA0xfM_Oxzo__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__umS_7iB8OLqD-AIc28jz7stMtgRnPBrMHXbg802aJVI__42_FYiRnR5OQaV2U3Sr9cY21EIjnMGdJsPXMEFLQPCo__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__T7twZATSz9YDtA4CEs3XoRq-lmvsWC1-9rzLrGpoWuY__jYMOyCwkeeWX4KvLeu7GhjzHVkW5HDKp2hWWBDkyRSE__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__h3o5SsIeYDjeYwWuITpy06v8c6WOBFF_caVfOD5h1f0__ZsLGPx-kmWjlNCh4cPgAj41gw9yYOn00M7G5ddPHXyU__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__e3GI6WYIorn4GgDovKROICmgCalUEGUxXa6BAN_x15c__xuWYXUTjyghfXbZeOb7naFNx-DXu39CgrIPpmWyZanQ__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__Irf_gwb-Pq8mHOWu1TP1HcgM0-G_n2aM6hh2T7HrP9w__wq2cMTqH2xzpUaajNK-ntVjmRA-Umb0bp3Uq5h5tINo__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__JYcid99Dh1MsM1THpjKWy47KqpsDB4PXynpoWHDem4Y__471xsXpLPlEbqMPjU6spfxWd0YORHhAibok4rb_-0fY__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__kg7S0dNHB51gTPALGAOAOThnISlBjTi_y7Sso2n2qOg__BTWp3W9drSse25DdWVDqOTveyoc3yVq9LWdACeGI4Aw__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__tqIxnlnU0Bh0Gt7-nJnf2DRtVQeTvgNc_6dtDjT-duM__z2rU7fZTDjjCGnKFEzXmazWHGwx24Jku9Y5h1G9Exng__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__K8R0FVWF0gKju1B8h9vC5S2yU4FJ5AZbgBzm0rhrpkc__Lf77875HmDgWXlnw7h4mr4mZ7tYhxCC_kbLRCdDA4dk__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__XTN3wnKEfUHYyRdXdw0jmHnzYJSJIFt7-CwN0OXywgU__gA6_ws_9qa4vpd-XZcPj1P1kD248PDfOpzGW48piTTE__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__OyUNCcm0pzFxmVPYJ3JvI5TUiAoDARos5c4b3xqdAvU__XjCwnLChLPuJ4Q_xva9z2IRXtXmv1MGS3JoOvYtJyx0__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__vl5p-vm_LgZkqJ6rMgayC5ZepiCcbAzgKcsUY7bKgVc__OfEmzeElbttcCQ7UIoCtH9xAb06atbwrl10eXPTNzLE__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__Tj2CzsUL_MgS6T92bqg9HastFqHCwI0RcxUUC-aWRd8__vnEXWi1F5OQkYa79BesqDZVMtrkp_htpoYiQ075PpfI__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__XEflqfFnBJdRX4lOgu7ukxEXvKtdC7LJQxdKtfeaRSk__39-M3V13QtXdXnJIFcqRXxNOH7O0DEAQwAhW2MWdxtY__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__2nmGSuuQxj_U7XTUt2xK3L_uOiI8LHdTW3lYFmO3xOY__wNTjsCVaNUtW_xprV2prfu5CjND7JX5FfC9Ze4uXxg8__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__WXbUgQkEDqAzBSpe8KJnXLX-0wb8Jpn4x5DHn96CkKk__lWAnp5Wbp0FAk1C_53CgvupgjctL1wGmT9bQH-lmFb8__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__xi81ZFFbLe7OT9HZyl9hLKmKk4nwzr1wH46mOmDjDUk__ZPcMDjra5fE20CWLF53yfluDpyT8tbIfsdBBO63Mk1I__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__Pq59485DVDHvSuDFisvJhcZqQST88l-Fp67fJdjVhl0__O-_GJqywnCNjtB9B1G8FQg8hIHFx3o94l9oizjpfqxw__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__A4nWcEt2qXbYnCh8TbImL_OY7ybaQqcUsqpteHdTsZg__PyvgPoxDvNeSiJIAwb21USXn9kQ-1eFBQHwCa0CXjtE__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__aDmsXnS9nDtiIjKhJr6DO2QDd9zuPAzCTzNVj41P1OE__miA14pYz5B1nyM1nXUhC1I4rwelBrBxEdntPfvodDHs__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__wbOLwwT4ggEIYTDBVV6imZqW9XqOK61pJiE2wL9cWZk__DRK3ioou7Skzy3BGUXOLcEhQGmaNb7In3Q2FZXDHAjc__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__AANeiFOKBX4OJG4wr7z9PRp5CV_TdnSoh7dDBBg7JVo__xvuN6n3RHn_sSNn6ysoEThbqLl2GFLJVxejEXF_3MyU__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__3u4yW5medfqMiN3ojzK0HNc607zQKSIKq35kQ1V70bY__Lw-p7AKX98HUkEcJJaHVNpVm6mShGUXXGVT49uFWrxg__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.css" media="all" /> <!-- HTML5 element support for IE6-8 --> <!--[if lt IE 9]> <script src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> <![endif]--> <script type="text/javascript" src="/sites/default/files/advagg_js/js__GGZYAFV0PjdzQz9f7_sae2X6RB71T2IdTQ2iXDY_YzQ__pSJpfoX1hTB7CZe3KSLXW9a_rycYrbOoybY4RVB4XnU__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__ZyeOaiFuDejQQbhUV7yg7atYZnj4WLfH77o0scv4068__jeShjS1-sEwOx4dbB-NSBsCnxWfNslS1Nkgx4CZngGA__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__d8YFQ13JpfVF56BRJwLrqD_KtZUvRRj0RsEVDiGDTz4__b7VB3alskoA84lukUN1eBgtjmRLB2FZjoMM_8oo5xpE__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__RPyYfJ4hDepGgZWtp1VbdI9yRaaKhnupkp97kCqBx00___VKZphQ1g0R1q7NLg3c5j8TW51VAlZJ6OKVG4z51ylM__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__iOipSAIF1_CaPdSLQHns7vi2cq1ouQNDyYbFlVsz4g0__-uaS-kYWu4pXHWRYqGhY35qqwJvOshK48djBLHhrVvo__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__v6Ydsa-oLVsCbWBUPEs_rmv-EgYK35mJXlwzszDg2io__NcbPgl6yce1cPkJcub1SVldKst10pVo0nN36XtkHZn8__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__6__IQ9wfCOnkxxh3-xBv65bwhmZoNtcwHNnhprahFvw__JiTknG935-WORDUVnvwp_OgAgDnyJVjXiT5MkO5L2LY__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__fHuRIYAmFOMQjg13pEz8XTnOlZwJXY8vXDNHQAha2bw__LbxWRyWBjqhrCyi7y61k71eqiLBHnDcpJ5lxHEG9xnw__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__YT6D1B_BKxvm6JCH_t9sZNI5L6yITa_DlU5QcSlOkAU__OXobH7d1IP1o3WABlniIrU_-pcJacVSIPUv9bpD-6pQ__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__bFOh74rblCNfeAqBWGqF603OXHEBWOI8xUWm9gk-Mnw__WRsh3RAG-_KLWXWdUSL4k-yHTn1vu2dbvluPCCmj_wc__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js___jCO6jjlyBQMmFHUmvP_NSVy0hA13AhQtRDOhuK0c2I__mHl-1Yoe5tzA6N5zJ2UiSBDCA3KINLCiVLTFydNHc1g__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__2bzbrE24coPm5uj_fnejfHFhxP4MnERSax237TPs4fw__xUQRNikeM1o2gO7zLzoZfpxNU6-SwDqDl87Wmnq5Q0M__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__xhAAtfYpatnaolQln2dAxiO-Olrkj_jcdZVGXoDqMM4__2bYsKd2u06uYEKPT2l4xKZYQiMbo1w1s1LDiUp-kmho__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__CajjMgHTE1PwscR_Jluzv5MrC9NzoWq9mLHWtwesgIo__mrArwSTL6Ys68_y7Bl6G-QfcTe_19aanxfiq3UfUwwQ__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__UB69oxPLMBmbz4b3jEENdISvapD9LZ87bFrqNhcpks4__zUM1n6eCAkL3_yAAxw7ntL4cyqUeGytp3qhh_ysxf_M__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js___NGCdu7rYCr6cF2Wxmds5GIh39sMll_jBgW6RT5XF6E__JSb7-gLqxD0cMKrlszcZ3N45nBVLrlpnwyT_sewwHtk__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__fDZsF5a1RiJQd_onypqDjQiDGdw1cpdzm8E6T1xD2GI__S9icZkbVWJBSelCZUCxTMLdUXXcOfzCvIZP1TSbP8wc__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__2ZTwNpytG0mw7a6syuAUGWj3gOXp28g7IeZPll-f5mg__pP1uez7Z7S2QBws_Rq2UBCfdyKKCB0mUsOfk6W0GarQ__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__yX7zWDMGkJfI-jBOBj0KlfktW_CDoNWNdq_AfFqn7LM__jS9RV2UqMEg6Fsy_NpcVlliI_ZUcKOQ-kw1fODxrczU__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__0XOr23_EKRbzs9mLhdghfqrCFnXnGcF8nofn5LTILvo__N1PATp9aCLwlI4qITXqUy4-Bw5aD0OxGn-SqDsZujqA__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__ZN1xq7EL5wnAUDUfheBq9wpBnvVD94Bu10ZpR9jnDxc__mULqY-1fv9p6OELSA36cq9PkyqHeupEMgk-HNMKHNlo__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__-TcCuty2z9TPO2Ss8jRxdh_txCyngrnqO_eXNMbwNx8__jESXDck0iVc7x1d3aictzl2HhIXKNaOtQeOPdLFucW4__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__OOBeaxfDBlQtrDaHEWcs3ioZX1ruV4PYVsSB1ATMHuM__IbAz8sCskEzznmyxLQDk4-QJ1B7kNIQvJp2hWBVTmJc__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- (function(i,s,o,r){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date()})(window,document,"script","ga");ga("create", "UA-3123499-3", {"cookieDomain":"auto"});ga("set", "anonymizeIp", true);ga("send", "pageview"); //--><!]]> </script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__RvLVKOnTdQO4VBlh8z2t4GJAwCACZ-707Dk1YziIbCw__JoU2pGtFZeW8LW33wp5ibt4-t2X5DVrPOqeTZvgfPiY__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js" defer="defer" async="async"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__NQ9Wc3GbPYnVpmM80kFOSCCOZLATsnZA-D1KpYwmd0Y__EUrx7m0GBoNIyX2KGfPAs0LTfNhyBQhA4IeetWzyqvY__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- jQuery.extend(Drupal.settings,{"basePath":"\/","pathPrefix":"","setHasJsCookie":1,"ajaxPageState":{"theme":"derivative2017","theme_token":"dqtFu5UBt899WWGicYEM61H9_fFINdqmUJzvbbn85Yk","jquery_version":"2.1","css":{"modules\/system\/system.base.css":1,"misc\/ui\/jquery.ui.core.css":1,"misc\/ui\/jquery.ui.theme.css":1,"sites\/all\/modules\/contrib\/colorbox_node\/colorbox_node.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"sites\/all\/modules\/contrib\/workflow\/workflow_admin_ui\/workflow_admin_ui.css":1,"sites\/all\/modules\/contrib\/extlink\/extlink.css":1,"sites\/all\/modules\/contrib\/views\/css\/views.css":1,"sites\/all\/modules\/contrib\/ckeditor\/css\/ckeditor.css":1,"sites\/all\/modules\/contrib\/media\/modules\/media_wysiwyg\/css\/media_wysiwyg.base.css":1,"sites\/all\/modules\/contrib\/colorbox\/styles\/default\/colorbox_style.css":1,"sites\/all\/modules\/contrib\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/contrib\/geshifilter\/geshifilter.css":1,"sites\/all\/modules\/contrib\/ctools\/css\/modal.css":1,"sites\/all\/modules\/contrib\/modal_forms\/css\/modal_forms_popup.css":1,"sites\/all\/libraries\/jgrowl\/jquery.jgrowl.min.css":1,"sites\/all\/modules\/contrib\/nicemessages\/css\/nicemessages_positions.css":1,"sites\/all\/modules\/contrib\/nicemessages\/css\/nicemessages_jgrowl.css":1,"sites\/all\/modules\/contrib\/nicemessages\/css\/shadows.css":1,"sites\/all\/modules\/contrib\/panels\/css\/panels.css":1,"sites\/all\/modules\/contrib\/date\/date_api\/date.css":1,"sites\/all\/modules\/custom\/derivative_ckeditor\/derivative_ckeditor.css":1,"sites\/all\/modules\/contrib\/addtoany\/addtoany.css":1,"sites\/all\/libraries\/fontawesome\/css\/font-awesome.css":1,"sites\/all\/libraries\/superfish\/css\/superfish.css":1,"sites\/all\/libraries\/superfish\/css\/superfish-vertical.css":1,"sites\/all\/libraries\/superfish\/css\/superfish-smallscreen.css":1,"sites\/all\/themes\/derivative2017\/css\/style.css":1},"js":{"sites\/all\/modules\/contrib\/views_infinite_scroll\/views-infinite-scroll.js":1,"sites\/all\/themes\/bootstrap\/js\/bootstrap.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/jquery\/2.1\/jquery.min.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/modules\/contrib\/equalheights\/jquery.equalheights.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/ui\/minified\/jquery.ui.core.min.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/ui\/minified\/jquery.ui.effect.min.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/external\/jquery.cookie.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/jquery.form\/4\/jquery.form.min.js":1,"sites\/all\/libraries\/history.js\/scripts\/bundled\/html4+html5\/jquery.history.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/ui\/minified\/jquery.ui.effect-slide.min.js":1,"misc\/form-single-submit.js":1,"misc\/ajax.js":1,"sites\/all\/modules\/contrib\/jquery_update\/js\/jquery_update.js":1,"sites\/all\/modules\/contrib\/equalheights\/equalheights.js":1,"sites\/all\/modules\/contrib\/extlink\/extlink.js":1,"sites\/all\/modules\/contrib\/authcache\/authcache.js":1,"sites\/all\/libraries\/colorbox\/jquery.colorbox-min.js":1,"sites\/all\/modules\/contrib\/colorbox\/js\/colorbox.js":1,"sites\/all\/modules\/contrib\/colorbox\/styles\/default\/colorbox_style.js":1,"sites\/all\/modules\/contrib\/colorbox\/js\/colorbox_load.js":1,"sites\/all\/themes\/bootstrap\/js\/misc\/_progress.js":1,"sites\/all\/modules\/contrib\/ctools\/js\/modal.js":1,"sites\/all\/modules\/contrib\/modal_forms\/js\/modal_forms_popup.js":1,"sites\/all\/libraries\/jgrowl\/jquery.jgrowl.min.js":1,"sites\/all\/modules\/contrib\/nicemessages\/js\/nicemessages.js":1,"sites\/all\/modules\/contrib\/views\/js\/base.js":1,"sites\/all\/modules\/contrib\/views\/js\/ajax_view.js":1,"sites\/all\/modules\/contrib\/better_exposed_filters\/better_exposed_filters.js":1,"misc\/autocomplete.js":1,"sites\/all\/modules\/sandbox\/search_api_live_results\/js\/search_api_live_results.js":1,"sites\/all\/modules\/contrib\/ctools\/js\/auto-submit.js":1,"sites\/all\/modules\/custom\/derivative_search\/js\/derivative_search.js":1,"sites\/all\/libraries\/imagesloaded\/jquery.imagesloaded.min.js":1,"sites\/all\/modules\/contrib\/google_analytics\/googleanalytics.js":1,"sites\/default\/files\/advagg_relocate\/https-www.google-analytics.com-analytics.js":1,"sites\/all\/modules\/contrib\/authcache\/modules\/authcache_menu\/authcache_menu.js":1,"sites\/all\/modules\/contrib\/views_ajax_history\/views_ajax_history.js":1,"sites\/all\/modules\/contrib\/colorbox_node\/colorbox_node.js":1,"sites\/all\/libraries\/superfish\/sftouchscreen.js":1,"sites\/all\/libraries\/superfish\/jquery.hoverIntent.minified.js":1,"sites\/all\/libraries\/superfish\/sfsmallscreen.js":1,"sites\/all\/libraries\/superfish\/supposition.js":1,"sites\/all\/libraries\/superfish\/superfish.js":1,"sites\/all\/libraries\/superfish\/supersubs.js":1,"sites\/all\/modules\/contrib\/superfish\/superfish.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/affix.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/alert.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/button.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/carousel.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/collapse.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/dropdown.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/modal.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/tooltip.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/popover.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/scrollspy.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/tab.js":1,"sites\/all\/themes\/derivative2017\/bootstrap\/assets\/javascripts\/bootstrap\/transition.js":1,"sites\/all\/themes\/derivative2017\/vendor\/uikit\/js\/uikit.min.js":1,"sites\/all\/themes\/derivative2017\/js\/jquery.matchHeight.js":1,"sites\/all\/themes\/derivative2017\/js\/jquery.uniform.standalone.js":1,"sites\/all\/themes\/derivative2017\/js\/jquery.details.min.js":1,"sites\/all\/themes\/derivative2017\/js\/derivative.filters.js":1,"sites\/all\/themes\/derivative2017\/js\/derivative.js":1,"sites\/all\/themes\/derivative2017\/js\/derivative.magic-line.js":1,"sites\/all\/themes\/derivative2017\/js\/derivative-discrourse-comments.js":1,"sites\/all\/themes\/derivative2017\/js\/frontSlideshow.js":1,"sites\/all\/themes\/derivative2017\/js\/gridListToggle.js":1,"sites\/all\/themes\/derivative2017\/js\/header-search-block.js":1,"sites\/all\/themes\/derivative2017\/js\/node-teaser.js":1,"sites\/all\/themes\/derivative2017\/js\/scrollAnimation.js":1,"sites\/all\/themes\/derivative2017\/js\/site-status.js":1,"sites\/all\/themes\/derivative2017\/js\/svgReplace.js":1,"sites\/all\/themes\/derivative2017\/js\/ctools-modal.js":1,"sites\/all\/themes\/derivative2017\/js\/licenses-page.js":1,"sites\/all\/themes\/derivative2017\/js\/features_img_credits.js":1,"sites\/all\/themes\/derivative2017\/js\/derivative-fixedScroll.js":1,"sites\/all\/themes\/derivative2017\/js\/derivative-releases-archive.js":1,"sites\/all\/themes\/bootstrap\/js\/misc\/autocomplete.js":1,"sites\/all\/themes\/bootstrap\/js\/misc\/ajax.js":1,"sites\/all\/themes\/bootstrap\/js\/modules\/views\/js\/ajax_view.js":1}},"authcache":{"q":"community","cp":{"path":"\/","domain":".derivative.ca","secure":true},"cl":23.14814814814815},"colorbox":{"opacity":"0.85","current":"{current} of {total}","previous":"\u00ab Prev","next":"Next \u00bb","close":"Close","maxWidth":"98%","maxHeight":"98%","fixed":true,"mobiledetect":false,"mobiledevicewidth":"480px"},"CToolsModal":{"loadingText":"Loading...","closeText":"Close Window","closeImage":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/ctools\/images\/icon-close-window.png\u0022 alt=\u0022Close window\u0022 title=\u0022Close window\u0022 \/\u003E","throbber":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/ctools\/images\/throbber.gif\u0022 alt=\u0022Loading\u0022 title=\u0022Loading...\u0022 \/\u003E"},"modal-popup-small":{"modalSize":{"type":"fixed","width":300,"height":300},"modalOptions":{"opacity":1,"background-color":"#000"},"animation":"fadeIn","modalTheme":"ModalFormsPopup","throbber":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/modal_forms\/images\/loading_animation.gif\u0022 alt=\u0022Loading...\u0022 title=\u0022Loading\u0022 \/\u003E","closeText":"Close"},"modal-popup-medium":{"modalSize":{"type":"fixed","width":550,"height":450},"modalOptions":{"opacity":1,"background-color":"#000"},"animation":"fadeIn","modalTheme":"ModalFormsPopup","throbber":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/modal_forms\/images\/loading_animation.gif\u0022 alt=\u0022Loading...\u0022 title=\u0022Loading\u0022 \/\u003E","closeText":"Close"},"modal-popup-large":{"modalSize":{"type":"scale","width":1,"height":1},"modalOptions":{"opacity":1,"background-color":"#000"},"animation":"fadeIn","modalTheme":"ModalFormsPopup","throbber":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/modal_forms\/images\/loading_animation.gif\u0022 alt=\u0022Loading...\u0022 title=\u0022Loading\u0022 \/\u003E","closeText":"Close"},"better_exposed_filters":{"datepicker":false,"slider":false,"settings":[],"autosubmit":false,"views":{"community":{"displays":{"attachment_wide":{"filters":{"search_api_views_fulltext":{"required":false},"type":{"required":false}}},"attachment_mid":{"filters":{"search_api_views_fulltext":{"required":false},"type":{"required":false}}},"page_community":{"filters":{"search_api_views_fulltext":{"required":false},"type":{"required":false}}}}}}},"urlIsAjaxTrusted":{"\/community":true,"\/views\/ajax":true,"\/global-search":true},"viewsAjaxHistory":{"renderPageItem":0},"views_infinite_scroll":{"img_path":"https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/views_infinite_scroll\/images\/ajax-loader.gif","scroll_threshold":200},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:c80c36d5c600434ca3e8e1d1f2c46d8e":{"view_name":"community","view_display_id":"page_community","view_args":"","view_path":"community","view_base_path":"community","view_dom_id":"c80c36d5c600434ca3e8e1d1f2c46d8e","pager_element":0}}},"search_api_live_results":{"min_length":3,"auto_hide":true,"view_all":true},"derivativeSearch":{"forum_url":"https:\/\/forum.derivative.ca\/search"},"equalHeightsModule":{"classes":[{"selector":".front .feature-inner-wrapper .views-field-title","mediaquery":"(min-width: 768px)","minheight":"","maxheight":"","overflow":"hidden"},{"selector":"#block-bean-experimental-build .top .field-name-field-bean-text, #block-bean-archive-build .top .field-name-field-bean-text","mediaquery":"(min-width: 768px)","minheight":"","maxheight":"","overflow":"hidden"},{"selector":".front .feature-inner-wrapper .views-field-body","mediaquery":"(min-width: 768px)","minheight":"","maxheight":"","overflow":"hidden"},{"selector":".front .feature-inner-wrapper .views-field-field-feature-icon","mediaquery":"(min-width: 768px)","minheight":"","maxheight":"","overflow":"hidden"},{"selector":".not-front:not(.page-node-20) .paragraphs-item-two-blocks-with-delimeter .field-item .field-name-field-text-area","mediaquery":"(min-width: 768px)","minheight":"","maxheight":"","overflow":"hidden"}],"imagesloaded_ie8":1},"extlink":{"extTarget":"_blank","extTargetNoOverride":1,"extClass":0,"extLabel":"(link is external)","extImgClass":0,"extSubdomains":1,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":0,"extAlertText":"This link will take you to an external web site.","mailtoClass":0,"mailtoLabel":"(link sends e-mail)"},"googleanalytics":{"trackOutbound":1,"trackMailto":1,"trackDownload":1,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackColorbox":1},"superfish":[{"id":"1","sf":{"animation":{"opacity":"show","height":"show"},"speed":"fast"},"plugins":{"touchscreen":{"disableHover":true,"mode":"window_width","breakpointUnit":"px"},"smallscreen":{"mode":"window_width","breakpointUnit":"px","title":"Mobile Main menu"}}},{"id":"2","sf":{"animation":{"opacity":"show","height":"show"},"speed":"fast"},"plugins":{"smallscreen":{"mode":"window_width","breakpointUnit":"px","title":"Main menu"},"supposition":true,"supersubs":true}}],"colorbox_node":{"width":"80%","height":"80%"},"bootstrap":{"anchorsFix":"0","anchorsSmoothScrolling":"0","formHasError":1,"popoverEnabled":1,"popoverOptions":{"animation":1,"html":0,"placement":"right","selector":"","trigger":"click","triggerAutoclose":1,"title":"","content":"","delay":0,"container":"body"},"tooltipEnabled":1,"tooltipOptions":{"animation":1,"html":0,"placement":"auto left","selector":"","trigger":"hover focus","delay":0,"container":"body"}}}); //--><!]]> </script> </head> <body class="html not-front not-logged-in no-sidebars page-community"> <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <div id="mobile-menu" class="uk-offcanvas"> <div class="mobile-menu-close"> <a class="mobile-menu-toggle-close">Close</a> </div> <div class="uk-offcanvas-bar uk-offcanvas-bar-flip"> <div class="region region-mobile-menu"> <section id="block-superfish-1" class="block block-superfish clearfix"> <ul id="superfish-1" class="menu sf-menu sf-menu-mobile-main-menu sf-vertical sf-style-none sf-total-items-4 sf-parent-items-2 sf-single-items-2"><li id="menu-893-1" class="first odd sf-item-1 sf-depth-1 sf-no-children"><a href="/" title="" class="sf-depth-1">Home</a></li><li id="menu-894-1" class="active-trail middle even sf-item-2 sf-depth-1 sf-total-children-5 sf-parent-children-0 sf-single-children-6 menuparent"><a href="/product" title="" class="sf-depth-1 sf-depth-1 menuparent">TouchDesigner</a><ul><li id="menu-894-1" class="active-trail first odd sf-item-1 sf-depth-1 sf-clone-parent sf-no-children"><a href="/product" title="" class="sf-depth-1">TouchDesigner</a></li><li id="menu-896-1" class="middle even sf-item-2 sf-depth-2 sf-clone-parent sf-no-children"><a href="/feature/vr-support/12" title="" class="sf-depth-2">Features</a></li><li id="menu-7351-1" class="middle odd sf-item-3 sf-depth-2 sf-clone-parent sf-no-children"><a href="/showcase" title="" class="sf-depth-2">Showcase</a></li><li id="menu-7352-1" class="active-trail middle even sf-item-4 sf-depth-2 sf-clone-parent sf-no-children"><a href="/community" title="" class="sf-depth-2 active">Community</a></li><li id="menu-7353-1" class="last odd sf-item-5 sf-depth-2 sf-clone-parent sf-no-children"><a href="/job-board" title="" class="sf-depth-2">Job Board</a></li><li id="menu-7354-1" class="middle even sf-item-6 sf-depth-2 sf-clone-parent sf-no-children"><a href="/about-derivative" title="" class="sf-depth-2">About Derivative</a></li></ul></li><li id="menu-7350-1" class="middle odd sf-item-3 sf-depth-1 sf-clone-parent sf-total-children-7 sf-parent-children-0 sf-single-children-8 menuparent"><a href="/learn" title="" class="sf-depth-1 sf-depth-1 menuparent">Learn</a><ul><li id="menu-7350-1" class="first odd sf-item-1 sf-depth-1 sf-clone-parent sf-no-children"><a href="/learn" title="" class="sf-depth-1">Learn</a></li><li id="menu-7355-1" class="middle even sf-item-2 sf-depth-2 sf-clone-parent sf-no-children"><a href="/UserGuide/Main_Page" title="" class="sf-depth-2">User Guide</a></li><li id="menu-336990-1" class="middle odd sf-item-3 sf-depth-2 sf-clone-parent sf-no-children"><a href="https://learn.derivative.ca/" title="" class="sf-depth-2">Curriculum</a></li><li id="menu-167777-1" class="middle even sf-item-4 sf-depth-2 sf-clone-parent sf-no-children"><a href="https://forum.derivative.ca" title="" class="sf-depth-2">Forum</a></li><li id="menu-7356-1" class="middle odd sf-item-5 sf-depth-2 sf-clone-parent sf-no-children"><a href="/tutorials" title="" class="sf-depth-2">Tutorials</a></li><li id="menu-7358-1" class="middle even sf-item-6 sf-depth-2 sf-clone-parent sf-no-children"><a href="/workshops-events" title="" class="sf-depth-2">Workshops & Events</a></li><li id="menu-7359-1" class="last odd sf-item-7 sf-depth-2 sf-clone-parent sf-no-children"><a href="/resources" title="" class="sf-depth-2">Resources</a></li><li id="menu-7360-1" class="middle even sf-item-8 sf-depth-2 sf-clone-parent sf-no-children"><a href="/support-service" title="" class="sf-depth-2">Support</a></li></ul></li><li id="menu-899-1" class="last even sf-item-4 sf-depth-1 sf-clone-parent sf-no-children"><a href="/download" title="" class="sf-depth-1">Get It Now</a></li></ul> </section> <section id="block-menu-menu-privacy-policy" class="block block-menu clearfix"> <h2 class="block-title">Privacy policy</h2> <ul class="menu nav"><li class="first leaf"><a href="/terms-use" title="">Terms of use</a></li> <li class="last leaf"><a href="/privacy" title="">Privacy</a></li> </ul> </section> <section id="block-bean-mobile-follow-us" class="block block-bean col-xs-12 clearfix"> <h2 class="block-title">Follow us</h2> <div class="entity entity-bean bean-social-icons clearfix" about="/block/mobile-follow-us" typeof=""> <div class="content"> <div class="field field-name-field-social-links field-type-link-field field-label-hidden"> <div class="field-items"> <div class=" field-item even"> <a href="https://www.instagram.com/touchdesigner/" title="https://www.instagram.com/touchdesigner/" target="_blank"><i class="fa fa-instagram fa-fw"></i></a> <a href="https://www.instagram.com/touchdesigner/" title="https://www.instagram.com/touchdesigner/" target="_blank">https://www.instagram.com/touchdesigner/</a> </div> <div class=" field-item odd"> <a href="https://www.facebook.com/TouchDesigner" title="https://www.facebook.com/TouchDesigner" target="_blank"><i class="fa fa-facebook fa-fw"></i></a> <a href="https://www.facebook.com/TouchDesigner" title="https://www.facebook.com/TouchDesigner" target="_blank">https://www.facebook.com/TouchDesigner</a> </div> <div class=" field-item even"> <a href="https://twitter.com/1null1" title="https://twitter.com/1null1" target="_blank"><i class="fa fa-twitter fa-fw"></i></a> <a href="https://twitter.com/1null1" title="https://twitter.com/1null1" target="_blank">https://twitter.com/1null1</a> </div> <div class=" field-item odd"> <a href="https://www.youtube.com/TouchDesignerOfficial" title="https://www.youtube.com/TouchDesignerOfficial" target="_blank"><i class="fa fa-youtube fa-fw"></i></a> <a href="https://www.youtube.com/TouchDesignerOfficial" title="https://www.youtube.com/TouchDesignerOfficial" target="_blank">https://www.youtube.com/TouchDesignerOfficial</a> </div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="wrapper-page"> <header id="navbar" role="banner" class="navbar navbar-default"> <div class="container-fluid"> <div class="row"> <a href="javascript:;" class="off-canvas-toggle icon-toggle col-xs-1" data-uk-offcanvas="{target:'#mobile-menu'}"> <i class="fa fa-navicon"></i> </a> <div class="navbar-header col-xs-6 col-md-2 col-lg-2"> <a class="logo navbar-btn pull-left" href="/" title="Home"> <img class="svg-img" src="https://derivative.ca/sites/all/themes/derivative2017/logo.svg" onerror="this.src='https://derivative.ca/sites/all/themes/derivative2017/logo.png'" alt="Home"/> </a> </div> <div class="navigation-wrapper col-md-6 col-lg-6"> <div class="region region-navigation col-md-12"> <section id="block-superfish-2" class="block block-superfish hidden-xs hidden-sm clearfix"> <ul id="superfish-2" class="menu sf-menu sf-main-menu sf-horizontal sf-style-none sf-total-items-2 sf-parent-items-2 sf-single-items-0"><li id="menu-519-2" class="active-trail first odd sf-item-1 sf-depth-1 sf-total-children-5 sf-parent-children-0 sf-single-children-5 menuparent"><a href="/showcase" title="" class="sf-depth-1 menuparent">TouchDesigner</a><ul><li id="menu-521-2" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="/feature/application-building" class="sf-depth-2">Features</a></li><li id="menu-4446-2" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="/showcase" title="" class="sf-depth-2">Showcase</a></li><li id="menu-4093-2" class="active-trail middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="/community" title="" class="sf-depth-2 active">Community</a></li><li id="menu-525-2" class="middle even sf-item-4 sf-depth-2 sf-no-children"><a href="/job-board" title="" class="sf-depth-2">Job board</a></li><li id="menu-4447-2" class="last odd sf-item-5 sf-depth-2 sf-no-children"><a href="/about-derivative" class="sf-depth-2">About Derivative</a></li></ul></li><li id="menu-520-2" class="last even sf-item-2 sf-depth-1 sf-total-children-7 sf-parent-children-0 sf-single-children-7 menuparent"><a href="/learn" class="sf-depth-1 menuparent">Learn</a><ul><li id="menu-1058-2" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="/UserGuide/Main_Page" title="" class="sf-depth-2">User Guide</a></li><li id="menu-336989-2" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="https://learn.derivative.ca/" title="" class="sf-depth-2">Curriculum</a></li><li id="menu-53420-2" class="middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="https://forum.derivative.ca" title="" class="sf-depth-2">Forum</a></li><li id="menu-5147-2" class="middle even sf-item-4 sf-depth-2 sf-no-children"><a href="/tutorials" title="" class="sf-depth-2">Tutorials</a></li><li id="menu-1060-2" class="middle odd sf-item-5 sf-depth-2 sf-no-children"><a href="/workshops-events" title="" class="sf-depth-2">Workshops & Events</a></li><li id="menu-1061-2" class="middle even sf-item-6 sf-depth-2 sf-no-children"><a href="/resources" title="" class="sf-depth-2">Resources</a></li><li id="menu-1062-2" class="last odd sf-item-7 sf-depth-2 sf-no-children"><a href="/support-service" class="sf-depth-2">Support</a></li></ul></li></ul> </section> <section id="block-views-exp-global-search-page" class="block block-views no-padding global-search clearfix"> <form class="ctools-auto-submit-full-form" action="/global-search" method="get" id="views-exposed-form-global-search-page" accept-charset="UTF-8"><div><div class="views-exposed-form"> <div class="views-exposed-widgets clearfix"> <div id="edit-query-wrapper" class="views-exposed-widget views-widget-filter-search_api_views_fulltext"> <div class="views-widget"> <input type="text" id="edit-query" name="query" value="" size="30" maxlength="128" class="form-text form-autocomplete live-results-search-textfield" /><input type="hidden" id="edit-query-autocomplete" value="https://derivative.ca/search_api_live_results/search_api_views_global_search" disabled="disabled" class="live-result-autocomplete" /> </div> </div> <div id="edit-filter-by-wrapper" class="views-exposed-widget views-widget-filter-composite_views_filter"> <label for="edit-filter-by"> Filter by </label> <div class="views-widget"> <div class="form-item form-item-filter-by form-type-select form-group"><div class="bef-select-as-links"><div class="form-item"><div class="form-item form-item-edit-filter-by-all form-type-bef-link form-group"><a href="https://derivative.ca/global-search?filter_by=All">All</a></div><div class="form-item form-item-edit-filter-by-wiki form-type-bef-link form-group"><a href="https://derivative.ca/global-search?filter_by=wiki">User Guide</a></div><div class="form-item form-item-edit-filter-by-forum form-type-bef-link form-group"><a href="https://derivative.ca/global-search?filter_by=forum">Forum</a></div><div class="form-item form-item-edit-filter-by-tutorials form-type-bef-link form-group"><a href="https://derivative.ca/global-search?filter_by=tutorials">Tutorials</a></div><div class="form-item form-item-edit-filter-by-event-workshop form-type-bef-link form-group"><a href="https://derivative.ca/global-search?filter_by=event_workshop">Events & Workshops</a></div><div class="form-item form-item-edit-filter-by-features form-type-bef-link form-group"><a href="https://derivative.ca/global-search?filter_by=features">Features</a></div><div class="form-item form-item-edit-filter-by-community form-type-bef-link form-group"><a href="https://derivative.ca/global-search?filter_by=community">Community</a></div><div class="form-item form-item-edit-filter-by-showcase form-type-bef-link form-group"><a href="https://derivative.ca/global-search?filter_by=showcase">Showcase</a></div><div class="form-item form-item-edit-filter-by-resources form-type-bef-link form-group"><a href="https://derivative.ca/global-search?filter_by=resources">Resources</a></div></div><select class="form-control form-select" style="display: none;" id="edit-filter-by" name="filter_by"><option value="All">All</option><option value="wiki">User Guide</option><option value="forum">Forum</option><option value="tutorials">Tutorials</option><option value="event_workshop">Events & Workshops</option><option value="features">Features</option><option value="community">Community</option><option value="showcase">Showcase</option><option value="resources">Resources</option></select></div></div> </div> </div> <div class="views-exposed-widget views-submit-button"> <button class="btn btn-primary form-submit" type="submit" id="edit-submit-global-search" name="" value="<span class="icon-dv-search"></span>"><span class="icon-dv-search"></span></button> </div> </div> </div> </div></form> </section> </div> </div> <div class="account-menu pull-right col-xs-offset-1 col-xs-4 col-md-offset-0 col-md-4 col-lg-4"> <div class="region region-user-profile"> <section id="block-derivative-users-du-account-menu-guest" class="block block-derivative-users clearfix"> <div class="my-account"> <a href="/user/login" class="user-has-no-icon"> <i class="icon-dv-account"> </i>My account </a> </div> </section> </div> <div class="search-link"> <a href="#"> <i class="icon-dv-search"> </i>Search </a> <div class="search-box"></div> </div> <div class="cart-icon"> <a href="/cart"> <i class="icon-dv-cart"> </i>Cart </a> </div> <div class="get-now pull-right hidden-xs hidden-sm"> <div class="get-it-btn"> <div class="btn-background"></div> <a href="/download"><span>Get it now</span></a> </div> </div> <div class="get-now-icon pull-right visible-xs-flex visible-sm-flex"> <a href="/download"> <i class="icon-dv-download"> </i>Get it now </a> </div> </div> </div> </div> </header> <div class="main-container container-fluid"> <header role="banner" id="page-header"> <div class="row"> </div> </header> <!-- /#page-header --> <div class="row title"> <div class="container-fluid"> <ol class="breadcrumb"><li><a href="/">Home</a></li> <li><a href="/showcase" title="">TouchDesigner</a></li> <li class="active">Community</li> </ol> <a id="main-content"></a> <ul class="action-links"></ul> </div> </div> <div class="row main"> <section class="col-sm-12"> <h1 class="page-header">Community</h1> <div class="region region-content"> <section id="block-system-main" class="block block-system clearfix"> <div class="view view-community view-id-community view-display-id-page_community col-xs-12 grid-list-layout view-dom-id-c80c36d5c600434ca3e8e1d1f2c46d8e"> <div class="view-header"> <button id="grid" class="grid-list-toggle"><i class="fa fa-th-large"></i> </button> <button id="list" class="grid-list-toggle"><i class="fa fa-bars"></i> </button> </div> <div class="view-filters"> <form action="/community" method="get" id="views-exposed-form-community-page-community" accept-charset="UTF-8"><div><div class="views-exposed-form"> <div class="views-exposed-widgets clearfix"> <div id="edit-search-api-views-fulltext-wrapper" class="views-exposed-widget views-widget-filter-search_api_views_fulltext"> <div class="views-widget"> <div class="form-item form-item-search-api-views-fulltext form-type-textfield form-group"><input class="form-control form-text" type="text" id="edit-search-api-views-fulltext" name="search_api_views_fulltext" value="" size="30" maxlength="128" /></div> </div> </div> <div id="edit-type-wrapper" class="views-exposed-widget views-widget-filter-type"> <label for="edit-type"> Content type </label> <div class="views-widget"> <div class="form-item form-item-type form-type-select form-group"><div class="form-checkboxes bef-select-as-checkboxes"><div class="bef-checkboxes"><div class="form-item form-item-edit-type-20 form-type-bef-checkbox form-group"><input type="checkbox" name="type[]" id="edit-type-20" value="20" class="" /> <label class='option' for='edit-type-20'>Blog</label></div><div class="form-item form-item-edit-type-23 form-type-bef-checkbox form-group"><input type="checkbox" name="type[]" id="edit-type-23" value="23" class="" /> <label class='option' for='edit-type-23'>Tutorial</label></div><div class="form-item form-item-edit-type-24 form-type-bef-checkbox form-group"><input type="checkbox" name="type[]" id="edit-type-24" value="24" class="" /> <label class='option' for='edit-type-24'>Asset</label></div><div class="form-item form-item-edit-type-workshop form-type-bef-checkbox form-group"><input type="checkbox" name="type[]" id="edit-type-workshop" value="workshop" class="" /> <label class='option' for='edit-type-workshop'>Workshop</label></div><div class="form-item form-item-edit-type-event form-type-bef-checkbox form-group"><input type="checkbox" name="type[]" id="edit-type-event" value="event" class="" /> <label class='option' for='edit-type-event'>Event</label></div><div class="form-item form-item-edit-type-25 form-type-bef-checkbox form-group"><input type="checkbox" name="type[]" id="edit-type-25" value="25" class="" /> <label class='option' for='edit-type-25'>Gallery</label></div><div class="form-item form-item-edit-type-21 form-type-bef-checkbox form-group"><input type="checkbox" name="type[]" id="edit-type-21" value="21" class="" /> <label class='option' for='edit-type-21'>Company Post</label></div></div></div></div> </div> </div> <div class="views-exposed-widget views-widget-sort-by"> <div class="form-item form-item-sort-by form-type-select form-group"> <label class="control-label" for="edit-sort-by">Sort by:</label> <div class="bef-select-as-links"><div class="form-item"><div class="form-item form-item-edit-sort-by-created form-type-bef-link form-group"><a href="https://derivative.ca/community?sort_by=created" class="active">Newest</a></div><div class="form-item form-item-edit-sort-by-views form-type-bef-link form-group"><a href="https://derivative.ca/community?sort_by=views">Most viewed</a></div></div><select class="form-control form-select" style="display: none;" id="edit-sort-by" name="sort_by"><option value="created" selected="selected">Newest</option><option value="views">Most viewed</option></select><input type="hidden" class="bef-new-value" name="sort_by" value="created" /></div></div> </div> <div class="views-exposed-widget views-widget-sort-order"> </div> <div class="views-exposed-widget views-submit-button"> <button type="submit" id="edit-submit-community" name="" value="Apply" class="btn btn-info form-submit">Apply</button> </div> </div> </div> </div></form> </div> <div class="attachment attachment-before"> <div class="view view-community view-id-community view-display-id-attachment_wide"> <div class="view-content"> <div class="row row-eq-height"> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last col-md-12 col-sm-12 col-xs-12"> <article id="node-70762" class="node node-project node-promoted wide-teaser clearfix" about="/community-post/what-stable-diffusion-and-how-use-it-touchdesigner/70762" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/community-post/what-stable-diffusion-and-how-use-it-touchdesigner/70762"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser/public/field/image/What%20is%20Stable%20Diffusion%20and%20How%20to%20Use%20it%20in%20TouchDesigner.jpg" width="800" height="440" alt=" What is Stable Diffusion and How to Use it in TouchDesigner.jpg" /></a></div> </div> </div> </header> <div class="node-content"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post community-post"> Community Post </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>In this tutorial we'll integrate Stable Diffusion in TouchDesigner in two ways. First by creating a text-to-image generation system, and then using that to generate a video for further manipulation. To continue reading this post, click here.</p></div> </div> </div> </div> <div class="comment-count comment-count-567824" rel-topic-id="567824"> </div> <h2><a href="/community-post/what-stable-diffusion-and-how-use-it-touchdesigner/70762">What is Stable Diffusion and How to Use it in TouchDesigner</a></h2> <span property="dc:title" content="What is Stable Diffusion and How to Use it in TouchDesigner" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/what-stable-diffusion-and-how-use-it-touchdesigner/70762">Read more</a> </div> <div class="submitted"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="63627" data-username="elburz" data-image-style="200x200_user_page"><a href="/user/63627/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/elburz.png" width="200" height="200" alt="elburz's picture" title="elburz's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/63627/profile" title="View user profile." class="username" xml:lang="" about="/users/elburz" typeof="sioc:UserAccount" property="foaf:name" datatype="">elburz</a></span> <div class="date">Nov 21st 2024</div> </div> </div> <div class="type-list-view-only hide-mobile node-type post community-post"> Community Post </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/tags/touchdesigner" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">TouchDesigner</a></div> <div class="field-item odd"><a href="/tags/stable-diffusion" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Stable Diffusion</a></div> <div class="field-item even"><a href="/tags/ai" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">AI</a></div> </div> </div> </footer> </div> </div> </article> </div> </div> </div> </div><div class="view view-community view-id-community view-display-id-attachment_mid"> <div class="view-content"> <div class="row row-eq-height"> <div class="views-row views-row-1 views-row-odd views-row-first col-md-6 col-sm-6 col-xs-12"> <article id="node-70755" class="node node-project node-promoted mid-teaser clearfix" about="/community-post/tutorial/comfyui-generative-ai-touchdesigner/70755" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/community-post/tutorial/comfyui-generative-ai-touchdesigner/70755"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser/public/field/image/ComfyUI%20%28Generative%20AI%29%20with%20TouchDesigner.jpg" width="800" height="440" alt=" ComfyUI (Generative AI) with TouchDesigner.jpg" /></a></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post tutorial"> Tutorial </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>In this video, creative technologist Scott Mann takes you through his setup using TouchDesigner and ComfyUI to create audio-reactive generative artworks.</p></div> </div> </div> </div> <h2><a href="/community-post/tutorial/comfyui-generative-ai-touchdesigner/70755">ComfyUI (Generative AI) with TouchDesigner</a></h2> <span property="dc:title" content="ComfyUI (Generative AI) with TouchDesigner" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/comfyui-generative-ai-touchdesigner/70755">Read more</a> </div> <div class="submitted"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="63627" data-username="elburz" data-image-style="200x200_user_page"><a href="/user/63627/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/elburz.png" width="200" height="200" alt="elburz's picture" title="elburz's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/63627/profile" title="View user profile." class="username" xml:lang="" about="/users/elburz" typeof="sioc:UserAccount" property="foaf:name" datatype="">elburz</a></span> <div class="date">Nov 20th 2024</div> </div> </div> <div class="type-list-view-only hide-mobile node-type post tutorial"> Tutorial </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/tags/touchdesigner" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">TouchDesigner</a></div> <div class="field-item odd"><a href="/tags/comfyui" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">ComfyUI</a></div> <div class="field-item even"><a href="/tags/generative" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">generative</a></div> <div class="field-item odd"><a href="/tags/ai" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">AI</a></div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="views-row views-row-2 views-row-even col-md-6 col-sm-6 col-xs-12"> <article id="node-70744" class="node node-project node-promoted mid-teaser clearfix" about="/community-post/successfully-prepare-touchdesigner-job-interview/70744" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/community-post/successfully-prepare-touchdesigner-job-interview/70744"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser/public/field/image/Successfully%20Prepare%20for%20a%20TouchDesigner%20Job%20Interview.jpg" width="800" height="440" alt=" Successfully Prepare for a TouchDesigner Job Interview.jpg" /></a></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post community-post"> Community Post </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>Interviews are part of life, but the good news is—they’re also something we can get better at with practice and preparation. In this post, we dive into how you can successfully navigate a TouchDesigner job interview and move closer to your goals. To continue reading this post, click here.</p></div> </div> </div> </div> <div class="comment-count comment-count-567705" rel-topic-id="567705"> </div> <h2><a href="/community-post/successfully-prepare-touchdesigner-job-interview/70744">Successfully Prepare for a TouchDesigner Job Interview</a></h2> <span property="dc:title" content="Successfully Prepare for a TouchDesigner Job Interview" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/successfully-prepare-touchdesigner-job-interview/70744">Read more</a> </div> <div class="submitted"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="63627" data-username="elburz" data-image-style="200x200_user_page"><a href="/user/63627/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/elburz.png" width="200" height="200" alt="elburz's picture" title="elburz's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/63627/profile" title="View user profile." class="username" xml:lang="" about="/users/elburz" typeof="sioc:UserAccount" property="foaf:name" datatype="">elburz</a></span> <div class="date">Nov 19th 2024</div> </div> </div> <div class="type-list-view-only hide-mobile node-type post community-post"> Community Post </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/tags/touchdesigner" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">TouchDesigner</a></div> <div class="field-item odd"><a href="/tags/career" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">career</a></div> </div> </div> </footer> </div> </div></div> </article> </div> </div> <div class="row row-eq-height"> <div class="views-row views-row-3 views-row-odd col-md-6 col-sm-6 col-xs-12"> <article id="node-70735" class="node node-project node-promoted mid-teaser clearfix" about="/community-post/tutorial/text-particle-transitions/70735" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/community-post/tutorial/text-particle-transitions/70735"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser/public/field/image/Text%20Particle%20Transitions.png" width="800" height="440" alt=" Text Particle Transitions.png" /></a></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post tutorial"> Tutorial </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>Add this effect to your lyric video or use it to fancy up your captions on your next social post. This method isn’t limited to text through. You could replace the text SOPs with all sorts of shapes, geometry, etc to transition between.</p></div> </div> </div> </div> <h2><a href="/community-post/tutorial/text-particle-transitions/70735">Text Particle Transitions</a></h2> <span property="dc:title" content="Text Particle Transitions" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/text-particle-transitions/70735">Read more</a> </div> <div class="submitted"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="114874" data-username="dcheesman" data-image-style="200x200_user_page"><a href="/user/114874/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/Cropped.png" width="200" height="200" alt="dcheesman's picture" title="dcheesman's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/114874/profile" title="View user profile." class="username" xml:lang="" about="/users/dcheesman" typeof="sioc:UserAccount" property="foaf:name" datatype="">dcheesman</a></span> <div class="date">Nov 18th 2024</div> </div> </div> <div class="type-list-view-only hide-mobile node-type post tutorial"> Tutorial </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/tags/text-particles" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Text Particles</a></div> <div class="field-item odd"><a href="/tags/uv-mapping-particles" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">uv mapping particles</a></div> <div class="field-item even"><a href="/tags/uv-math" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">UV math</a></div> <div class="field-item odd"><a href="/tags/lyric-videos" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">lyric videos</a></div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="views-row views-row-4 views-row-even views-row-last col-md-6 col-sm-6 col-xs-12"> <article id="node-70734" class="node node-project node-promoted mid-teaser clearfix" about="/community-post/echo-wave-project-visualizing-mental-health-touchdesigner/70734" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/community-post/echo-wave-project-visualizing-mental-health-touchdesigner/70734"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser/public/field/image/PXL_20241008_233954607_0.jpg" width="800" height="440" alt=" PXL_20241008_233954607_0.jpg" /></a></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post community-post"> Community Post </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>https://youtu.be/uQJ3s-5Z230?si=ezNhKtJq2HZek6dC Our team at Toronto Metropolitan University's Master of Digital Media program recently concluded The Echo Wave Project, an interactive art installation presented at the City of Toronto’s Future Makers exhibition.</p></div> </div> </div> </div> <h2><a href="/community-post/echo-wave-project-visualizing-mental-health-touchdesigner/70734">The Echo Wave Project: Visualizing Mental Health with TouchDesigner</a></h2> <span property="dc:title" content="The Echo Wave Project: Visualizing Mental Health with TouchDesigner" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/echo-wave-project-visualizing-mental-health-touchdesigner/70734">Read more</a> </div> <div class="submitted"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="613788" data-username="MikeFaragalla" data-image-style="200x200_user_page"><a href="/user/613788/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/letter-avatars/u-613788.png" width="200" height="200" alt="MikeFaragalla's picture" title="MikeFaragalla's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/613788/profile" title="View user profile." class="username" xml:lang="" about="/users/mikefaragalla" typeof="sioc:UserAccount" property="foaf:name" datatype="">MikeFaragalla</a></span> <div class="date">Nov 18th 2024</div> </div> </div> <div class="type-list-view-only hide-mobile node-type post community-post"> Community Post </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><a href="/tags/immersive-0" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#Immersive</a></div> <div class="field-item odd"><a href="/tags/interactive-0" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#interactive</a></div> <div class="field-item even"><a href="/tags/eeg-0" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#EEG</a></div> <div class="field-item odd"><a href="/tags/particles-0" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#particles</a></div> <div class="field-item even"><a href="/tags/exhibition-0" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#exhibition</a></div> </div> </div> </footer> </div> </div></div> </article> </div> </div> </div> </div> </div> <div class="view-content"> <div class="row row-eq-height"> <div class="views-row views-row-1 views-row-odd views-row-first col-md-4 col-sm-4 col-xs-12"> <article id="node-70732" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/adam-ferriss-churning-hue-cycle-shader-touchdesigner/70732" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/Adam%20Ferriss%27%20Churning%20Hue%20Cycle%20Shader%20in%20TouchDesigner.jpg" width="440" height="440" alt=" Adam Ferriss' Churning Hue Cycle Shader in TouchDesigner.jpg" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post tutorial"> Tutorial </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>For this next video in our artist-inspired series, you'll learn how to adapt Adam Ferriss' "churning hue cycle” shader to function within TouchDesigner.</p></div> </div> </div> </div> <h2><a href="/community-post/tutorial/adam-ferriss-churning-hue-cycle-shader-touchdesigner/70732">Adam Ferriss' Churning Hue Cycle Shader in TouchDesigner</a></h2> <span property="dc:title" content="Adam Ferriss' Churning Hue Cycle Shader in TouchDesigner" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/adam-ferriss-churning-hue-cycle-shader-touchdesigner/70732">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="63627" data-username="elburz" data-image-style="200x200_user_page"><a href="/user/63627/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/elburz.png" width="200" height="200" alt="elburz's picture" title="elburz's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/63627/profile" title="View user profile." class="username" xml:lang="" about="/users/elburz" typeof="sioc:UserAccount" property="foaf:name" datatype="">elburz</a></span> <div class="date">Nov 18th 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post tutorial"> Tutorial </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><div id="taxonomy-term-145" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/touchdesigner">TouchDesigner</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-686" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/shaders">Shaders</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="views-row views-row-2 views-row-even col-md-4 col-sm-4 col-xs-12"> <article id="node-70731" class="node node-project node-promoted node-teaser clearfix" about="/community-post/asset/tdvpn-free-vpn-touchdesigner/70731" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/logo%20td%20vpn.png" width="440" height="440" alt=" logo td vpn.png" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post asset"> Asset </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>TDVPN - Free VPN in touchdesigner This project is a free VPN solution developed using TouchDesigner, enabling users to connect to servers worldwide and bypass regional restrictions to access restricted websites and services.</p></div> </div> </div> </div> <div class="comment-count comment-count-566587" rel-topic-id="566587"> </div> <h2><a href="/community-post/asset/tdvpn-free-vpn-touchdesigner/70731">TDVPN - Free VPN in touchdesigner</a></h2> <span property="dc:title" content="TDVPN - Free VPN in touchdesigner" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/asset/tdvpn-free-vpn-touchdesigner/70731">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="361107" data-username="neloutch" data-image-style="200x200_user_page"><a href="/user/361107/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/logo%20insta.png" width="200" height="200" alt="neloutch's picture" title="neloutch's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/361107/profile" title="View user profile." class="username" xml:lang="" about="/users/neloutch" typeof="sioc:UserAccount" property="foaf:name" datatype="">neloutch</a></span> <div class="date">Nov 18th 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post asset"> Asset </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><div id="taxonomy-term-3662" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/vpn">vpn</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-3663" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ipadress">ipadress</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-3664" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/connexion">connexion</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-145" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/touchdesigner">TouchDesigner</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-99" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/python">Python</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-321" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/free">free</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="views-row views-row-3 views-row-odd col-md-4 col-sm-4 col-xs-12"> <article id="node-70707" class="node node-project node-promoted node-teaser clearfix" about="/community-post/asset/procedural-hilbert-patterns/70707" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/Screenshot%202024-11-14%20000046.png" width="440" height="440" alt=" Screenshot 2024-11-14 000046.png" title="Procedural Hilbert patterns" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post asset"> Asset </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>The Hilbert Curve in SOP & TOP! Hey everyone! I’m sharing a project file where I’ve built the Hilbert Curve using both SOPs and TOPs. The Hilbert Curve is a fascinating fractal and a space-filling algorithm, meaning it fills up a 2D area in one continuous, non-overlapping line.</p></div> </div> </div> </div> <h2><a href="/community-post/asset/procedural-hilbert-patterns/70707">Procedural Hilbert patterns</a></h2> <span property="dc:title" content="Procedural Hilbert patterns" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/asset/procedural-hilbert-patterns/70707">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="83696" data-username="Unveil_studio" data-image-style="200x200_user_page"><a href="/user/83696/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/icon.0.png" width="200" height="200" alt="Unveil_studio's picture" title="Unveil_studio's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/83696/profile" title="View user profile." class="username" xml:lang="" about="/users/unveilstudio" typeof="sioc:UserAccount" property="foaf:name" datatype="">Unveil_studio</a></span> <div class="date">Nov 14th 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post asset"> Asset </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><div id="taxonomy-term-3656" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/sop-top-hilbert-proceduralpatterns">#SOP #TOP #Hilbert #ProceduralPatterns</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> </div> <div class="row row-eq-height"> <div class="views-row views-row-4 views-row-even col-md-4 col-sm-4 col-xs-12"> <article id="node-70705" class="node node-workshop node-promoted node-teaser clearfix" about="/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner/70705" typeof="sioc:Item foaf:Document"> <header class="hidden-xs"> <div class="event-date-wrapper field"> <div class="field-items"> <div class="field-item event-date-month"> <span>Nov</span> </div> <div class="field-item event-date-day"> <span class="date-day">14</span> <span class="date-suffix">th</span> </div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type workshop"> workshop </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>Generative Narratives for Change:</p></div> </div> </div> </div> <div class="event-date"> <div class="field field-name-field-event-date field-type-datetime field-label-hidden"> <div class="field-items"> <div class="field-item even"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2024-11-14T00:00:00-05:00">Nov 14/th</span></div> </div> </div> </div> <h2><a href="/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner/70705">Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner</a></h2> <span property="dc:title" content="Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner/70705">Learn more</a></div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 pull-right"> <div class="location-icon"> <i class="icon-dv-location"> </i> </div> <div class="location-wrapper"> <div class="city"><div class="field field-name-field-city field-type-text field-label-hidden"> <div class="field-items"> <div class="field-item even">Online</div> </div> </div> </div> <div class="country"><div class="field field-name-field-province field-type-text field-label-hidden"> <div class="field-items"> <div class="field-item even">Online</div> </div> </div> </div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type workshop"> workshop </div> </div> </div></div> </article> </div> <div class="views-row views-row-5 views-row-odd col-md-4 col-sm-4 col-xs-12"> <article id="node-70704" class="node node-project node-promoted node-teaser clearfix" about="/community-post/asset/osctoolset-v20-simplifying-communication-between-td-and-ue5/70704" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/OSCToolset_SquareThumbnail_Landscape.png" width="440" height="440" alt=" OSCToolset_SquareThumbnail_Landscape.png" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post asset"> Asset </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>OSCToolset is a plugin for Unreal Engine 5 that simplifies the OSC workflow from TouchDesigner. It is designed to work on Runtime and streamlines the creation of the OSC Client / Server so that you can directly send data from one software to another.</p></div> </div> </div> </div> <h2><a href="/community-post/asset/osctoolset-v20-simplifying-communication-between-td-and-ue5/70704">OSCToolset v2.0 - Simplifying the communication between TD and UE5</a></h2> <span property="dc:title" content="OSCToolset v2.0 - Simplifying the communication between TD and UE5" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/asset/osctoolset-v20-simplifying-communication-between-td-and-ue5/70704">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="87507" data-username="Eusebi" data-image-style="200x200_user_page"><a href="/user/87507/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/portrait_1024_0.jpg" width="200" height="200" alt="Eusebi's picture" title="Eusebi's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/87507/profile" title="View user profile." class="username" xml:lang="" about="/users/eusebi" typeof="sioc:UserAccount" property="foaf:name" datatype="">Eusebi</a></span> <div class="date">Nov 14th 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post asset"> Asset </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><div id="taxonomy-term-1601" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/unrealengine-0">#UnrealEngine</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-2001" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/osc-0">#osc</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-3605" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ue5">#ue5</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-3604" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ue-0">#ue</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="views-row views-row-6 views-row-even col-md-4 col-sm-4 col-xs-12"> <article id="node-70702" class="node node-project node-promoted node-teaser clearfix" about="/community-post/asset/unfold-dragon/70702" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/rgbkey1.png" width="440" height="440" alt=" rgbkey1.png" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post asset"> Asset </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>Hello again! I’ve shared a special file for you to explore, in my patreon page: two versions of the Dragon Curve: one created as a point cloud (in TOP) and another 3D version (in SOP).</p></div> </div> </div> </div> <h2><a href="/community-post/asset/unfold-dragon/70702">Unfold the Dragon</a></h2> <span property="dc:title" content="Unfold the Dragon" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/asset/unfold-dragon/70702">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="83696" data-username="Unveil_studio" data-image-style="200x200_user_page"><a href="/user/83696/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/icon.0.png" width="200" height="200" alt="Unveil_studio's picture" title="Unveil_studio's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/83696/profile" title="View user profile." class="username" xml:lang="" about="/users/unveilstudio" typeof="sioc:UserAccount" property="foaf:name" datatype="">Unveil_studio</a></span> <div class="date">Nov 14th 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post asset"> Asset </div> <footer> </footer> </div> </div></div> </article> </div> </div> <div class="row row-eq-height"> <div class="views-row views-row-7 views-row-odd col-md-4 col-sm-4 col-xs-12"> <article id="node-70659" class="node node-event node-teaser clearfix" about="/event/touchin-mtl-uqam-rencontres-de-la-communaut%C3%A9-touchdesigner-de-montr%C3%A9al/70659" typeof="sioc:Item foaf:Document"> <header class="hidden-xs"> <div class="event-date-wrapper field"> <div class="field-items"> <div class="field-item event-date-month"> <span>Dec</span> </div> <div class="field-item event-date-day"> <span class="date-day">5</span> <span class="date-suffix">th</span> </div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type event"> event </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>Préparez-vous pour TouchIn MTL, des rencontres trimestrielles destinées à la communauté TouchDesigner de Montréal ! Cette dernière édition de 2024 aura lieu le 5 décembre, et se tiendra dans les locaux de L’UQAM, hôte de l’événement.</p></div> </div> </div> </div> <div class="event-date"> <div class="field field-name-field-event-date field-type-datetime field-label-hidden"> <div class="field-items"> <div class="field-item even"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2024-12-05T00:00:00-05:00">Dec 5/th</span></div> </div> </div> </div> <h2><a href="/event/touchin-mtl-uqam-rencontres-de-la-communaut%C3%A9-touchdesigner-de-montr%C3%A9al/70659">TouchIn MTL UQAM | Rencontres de la communauté TouchDesigner de Montréal</a></h2> <span property="dc:title" content="TouchIn MTL UQAM | Rencontres de la communauté TouchDesigner de Montréal" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/event/touchin-mtl-uqam-rencontres-de-la-communaut%C3%A9-touchdesigner-de-montr%C3%A9al/70659">Learn more</a></div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 pull-right"> <div class="location-icon"> <i class="icon-dv-location"> </i> </div> <div class="location-wrapper"> <div class="city"><div class="field field-name-field-city field-type-text field-label-hidden"> <div class="field-items"> <div class="field-item even">Montréal,</div> </div> </div> </div> <div class="country"></div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type event"> event </div> </div> </div> </div> </article> </div> <div class="views-row views-row-8 views-row-even col-md-4 col-sm-4 col-xs-12"> <article id="node-70663" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/bright-lines-touchdesigner-tutorial-10/70663" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/t10-bright-lines.jpg" width="440" height="440" alt=" t10-bright-lines.jpg" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post tutorial"> Tutorial </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>Prepare to bring some serious glow to your projects! In this tutorial, we’ll explore how to create striking, bright lines that add depth and energy to any scene. We’ll start by building a 3D base figure, setting up a foundation for the glowing lines to interact with.</p></div> </div> </div> </div> <div class="comment-count comment-count-564862" rel-topic-id="564862"> </div> <h2><a href="/community-post/tutorial/bright-lines-touchdesigner-tutorial-10/70663"> BRIGHT LINES- TOUCHDESIGNER TUTORIAL [10]</a></h2> <span property="dc:title" content=" BRIGHT LINES- TOUCHDESIGNER TUTORIAL [10]" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/bright-lines-touchdesigner-tutorial-10/70663">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="86830" data-username="pao.olea" data-image-style="200x200_user_page"><a href="/user/86830/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/White-Bg-Clean-Black_0.jpg" width="200" height="200" alt="pao.olea's picture" title="pao.olea's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/86830/profile" title="View user profile." class="username" xml:lang="" about="/users/paoolea" typeof="sioc:UserAccount" property="foaf:name" datatype="">pao.olea</a></span> <div class="date">Nov 12th 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post tutorial"> Tutorial </div> <footer> </footer> </div> </div></div> </article> </div> <div class="views-row views-row-9 views-row-odd col-md-4 col-sm-4 col-xs-12"> <article id="node-70661" class="node node-event node-promoted node-teaser clearfix" about="/event/cryptic-30-presents-kathy-hinde-%E2%80%AFkonx-om-pax-231124-london/70661" typeof="sioc:Item foaf:Document"> <header class="hidden-xs"> <div class="event-date-wrapper field"> <div class="field-items"> <div class="field-item event-date-month"> <span>Nov</span> </div> <div class="field-item event-date-day"> <span class="date-day">23</span> <span class="date-suffix">rd</span> </div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type event"> event </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>https://youtu.be/Cl4KFvqVBm4 Next week, we return to Kings Place for our second Scotland Unwrapped event of the year! https://www.cryptic.org.uk/.../kings-place-scotland.../ Following it’s premiere at Sonica, Konx-om-Pax brings his stunning AV work ‘Uaxuctum’ to London.</p></div> </div> </div> </div> <div class="event-date"> <div class="field field-name-field-event-date field-type-datetime field-label-hidden"> <div class="field-items"> <div class="field-item even"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2024-11-23T00:00:00-05:00">Nov 23/rd</span></div> </div> </div> </div> <h2><a href="/event/cryptic-30-presents-kathy-hinde-%E2%80%AFkonx-om-pax-231124-london/70661">Cryptic at 30 presents: Kathy Hinde & Konx-om-Pax - 23/11/24 - London</a></h2> <span property="dc:title" content="Cryptic at 30 presents: Kathy Hinde & Konx-om-Pax - 23/11/24 - London" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/event/cryptic-30-presents-kathy-hinde-%E2%80%AFkonx-om-pax-231124-london/70661">Learn more</a></div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 pull-right"> <div class="location-icon"> <i class="icon-dv-location"> </i> </div> <div class="location-wrapper"> <div class="city"><div class="field field-name-field-city field-type-text field-label-hidden"> <div class="field-items"> <div class="field-item even">london</div> </div> </div> </div> <div class="country"></div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type event"> event </div> </div> </div> </div> </article> </div> </div> <div class="row row-eq-height"> <div class="views-row views-row-10 views-row-even col-md-4 col-sm-4 col-xs-12"> <article id="node-70655" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/42-engine-based-mediaplayer/70655" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/Screenshot%202024-11-10%20005003.png" width="440" height="440" alt=" Screenshot 2024-11-10 005003.png" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post tutorial"> Tutorial </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>https://www.youtube.com/watch?v=knTkfUkiF_Q Hello everyone! In this tutorial, we’ll dive into the first step for creating our VJ setup. We’ll explore the moviefileinTOP operator in depth and how to build a media player optimized for live performance.</p></div> </div> </div> </div> <h2><a href="/community-post/tutorial/42-engine-based-mediaplayer/70655">42 Engine based Mediaplayer</a></h2> <span property="dc:title" content="42 Engine based Mediaplayer" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/42-engine-based-mediaplayer/70655">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="83696" data-username="Unveil_studio" data-image-style="200x200_user_page"><a href="/user/83696/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/icon.0.png" width="200" height="200" alt="Unveil_studio's picture" title="Unveil_studio's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/83696/profile" title="View user profile." class="username" xml:lang="" about="/users/unveilstudio" typeof="sioc:UserAccount" property="foaf:name" datatype="">Unveil_studio</a></span> <div class="date">Nov 11th 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post tutorial"> Tutorial </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><div id="taxonomy-term-3606" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/mediaplayer-vjsetup-rally">#Mediaplayer #Vj_setup #Rally</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="views-row views-row-11 views-row-odd col-md-4 col-sm-4 col-xs-12"> <article id="node-70629" class="node node-event node-promoted node-teaser clearfix" about="/event/touchdesigner-meet-seoul-2024/70629" typeof="sioc:Item foaf:Document"> <header class="hidden-xs"> <div class="event-date-wrapper field"> <div class="field-items"> <div class="field-item event-date-month"> <span>Nov</span> </div> <div class="field-item event-date-day"> <span class="date-day">23</span> <span class="date-suffix">rd</span> </div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type event"> event </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>안녕하세요 서울 Touchdesigner 유저 여러분, 서울에서도 드디어 역사적인 첫번째 Touchdesigner Meetup이 11월23일(토) 삼성동 언커먼 갤러리(@uncommon.gallery)에서 열립니다. TouchdesignerMeetup은 뉴욕, 베를린, 몬트리올, 암스테르담, 도쿄 등 전 세계의 주요 도시에서 열리는 Touchdesigner와 관련된 모든 것에 대해서 축하하고, 탐구하고, 토론하는 자리입니다.</p></div> </div> </div> </div> <div class="event-date"> <div class="field field-name-field-event-date field-type-datetime field-label-hidden"> <div class="field-items"> <div class="field-item even"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2024-11-23T00:00:00-05:00">Nov 23/rd</span></div> </div> </div> </div> <h2><a href="/event/touchdesigner-meet-seoul-2024/70629">Touchdesigner Meet Up Seoul 2024</a></h2> <span property="dc:title" content="Touchdesigner Meet Up Seoul 2024" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/event/touchdesigner-meet-seoul-2024/70629">Learn more</a></div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 pull-right"> <div class="location-icon"> <i class="icon-dv-location"> </i> </div> <div class="location-wrapper"> <div class="city"><div class="field field-name-field-city field-type-text field-label-hidden"> <div class="field-items"> <div class="field-item even">서울</div> </div> </div> </div> <div class="country"></div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type event"> event </div> </div> </div> </div> </article> </div> <div class="views-row views-row-12 views-row-even col-md-4 col-sm-4 col-xs-12"> <article id="node-70617" class="node node-project node-promoted node-teaser clearfix" about="/community-post/asset/tdradio-touchdesigner-radio/70617" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/logo_9.png" width="440" height="440" alt=" logo_9.png" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post asset"> Asset </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>TD RADIO This project is a user-friendly radio interface built in TouchDesigner, designed to accompany you while working with music. It connects to a vast selection of radio stations from around the world, bringing global sounds directly to your workspace.</p></div> </div> </div> </div> <div class="comment-count comment-count-561312" rel-topic-id="561312"> </div> <h2><a href="/community-post/asset/tdradio-touchdesigner-radio/70617">TDRADIO - THE TOUCHDESIGNER RADIO</a></h2> <span property="dc:title" content="TDRADIO - THE TOUCHDESIGNER RADIO" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/asset/tdradio-touchdesigner-radio/70617">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="361107" data-username="neloutch" data-image-style="200x200_user_page"><a href="/user/361107/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/logo%20insta.png" width="200" height="200" alt="neloutch's picture" title="neloutch's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/361107/profile" title="View user profile." class="username" xml:lang="" about="/users/neloutch" typeof="sioc:UserAccount" property="foaf:name" datatype="">neloutch</a></span> <div class="date">Nov 05th 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post asset"> Asset </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><div id="taxonomy-term-145" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/touchdesigner">TouchDesigner</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-3589" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/radio">radio</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-313" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/music">music</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-3262" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/emulator">emulator</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> </div> <div class="row row-eq-height"> <div class="views-row views-row-13 views-row-odd col-md-4 col-sm-4 col-xs-12"> <article id="node-70582" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/create-audio-reactive-time-machine-warp-effects/70582" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/Time%20Machine%20Warp.png" width="440" height="440" alt=" Time Machine Warp.png" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post tutorial"> Tutorial </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>You can make any video look like it is dancing to your audio track with this fun technique of combining beat detection and the Time Machine TOP. As a bonus, I added a simple motion-driven bloom/flash effect. https://www.youtube.com/watch?v=OQ-3metzBRQ</p></div> </div> </div> </div> <div class="comment-count comment-count-555400" rel-topic-id="555400"> </div> <h2><a href="/community-post/tutorial/create-audio-reactive-time-machine-warp-effects/70582">Create Audio Reactive Time Machine Warp Effects</a></h2> <span property="dc:title" content="Create Audio Reactive Time Machine Warp Effects" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/create-audio-reactive-time-machine-warp-effects/70582">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="114874" data-username="dcheesman" data-image-style="200x200_user_page"><a href="/user/114874/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/Cropped.png" width="200" height="200" alt="dcheesman's picture" title="dcheesman's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/114874/profile" title="View user profile." class="username" xml:lang="" about="/users/dcheesman" typeof="sioc:UserAccount" property="foaf:name" datatype="">dcheesman</a></span> <div class="date">Oct 31st 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post tutorial"> Tutorial </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-hidden"> <div class="field-items"> <div class="field-item even"><div id="taxonomy-term-947" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/time-machine">time machine</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-172" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/audio-reactive">Audio Reactive</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-3587" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/time-warp">time warp</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="views-row views-row-14 views-row-even col-md-4 col-sm-4 col-xs-12"> <article id="node-70572" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/reactive-chop-touchdesigner-tutorial-09/70572" typeof="sioc:Item foaf:Document"> <header> <div class="field field-name-field-image field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/project_teaser_small/public/field/image/t09-reactive-top.jpg" width="440" height="440" alt=" t09-reactive-top.jpg" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post tutorial"> Tutorial </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>Today, we're exploring the exciting fusion of sound and visuals, where music literally shapes our designs! By breaking down beats and frequencies, we’ll create reactive textures that dance to the rhythm, adding depth and movement to our visuals.</p></div> </div> </div> </div> <div class="comment-count comment-count-559732" rel-topic-id="559732"> </div> <h2><a href="/community-post/tutorial/reactive-chop-touchdesigner-tutorial-09/70572"> REACTIVE CHOP - TOUCHDESIGNER TUTORIAL [09] </a></h2> <span property="dc:title" content=" REACTIVE CHOP - TOUCHDESIGNER TUTORIAL [09] " class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/reactive-chop-touchdesigner-tutorial-09/70572">Read more</a> </div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 col-sm-6 pull-right no-padding"> <div class="avatar"> <div class="user-picture"> <div class="avatar image-style-200x200_user_page" data-uid="86830" data-username="pao.olea" data-image-style="200x200_user_page"><a href="/user/86830/profile" title="View user profile."><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/White-Bg-Clean-Black_0.jpg" width="200" height="200" alt="pao.olea's picture" title="pao.olea's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/86830/profile" title="View user profile." class="username" xml:lang="" about="/users/paoolea" typeof="sioc:UserAccount" property="foaf:name" datatype="">pao.olea</a></span> <div class="date">Oct 29th 2024</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post tutorial"> Tutorial </div> <footer> </footer> </div> </div></div> </article> </div> <div class="views-row views-row-15 views-row-odd views-row-last col-md-4 col-sm-4 col-xs-12"> <article id="node-70566" class="node node-workshop node-promoted node-teaser clearfix" about="/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner-%E2%80%94-5-weeks" typeof="sioc:Item foaf:Document"> <header class="hidden-xs"> <div class="event-date-wrapper field"> <div class="field-items"> <div class="field-item event-date-month"> <span>Nov</span> </div> <div class="field-item event-date-day"> <span class="date-day">14</span> <span class="date-suffix">th</span> </div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type workshop"> workshop </div> <div class="show-only-list"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"> <div class="field-items"> <div class="field-item even" property="content:encoded"><p>How can we harness code, typography, and generative design in TouchDesigner to tell stories that inspire change and challenge the status quo?</p></div> </div> </div> </div> <div class="event-date"> <div class="field field-name-field-event-date field-type-datetime field-label-hidden"> <div class="field-items"> <div class="field-item even"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2024-11-14T00:00:00-05:00">Nov 14/th</span></div> </div> </div> </div> <h2><a href="/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner-%E2%80%94-5-weeks">Generative Narratives for Change: Code, Typography, and Storytelling in Touchdesigner — 5 Weeks, begins 14. Nov. For Beginners</a></h2> <span property="dc:title" content="Generative Narratives for Change: Code, Typography, and Storytelling in Touchdesigner — 5 Weeks, begins 14. Nov. For Beginners" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner-%E2%80%94-5-weeks">Learn more</a></div> <div class="row submitted-wrapper"> <div class="submitted col-xs-5 pull-right"> <div class="location-icon"> <i class="icon-dv-location"> </i> </div> <div class="location-wrapper"> <div class="city"><div class="field field-name-field-city field-type-text field-label-hidden"> <div class="field-items"> <div class="field-item even">Berlin</div> </div> </div> </div> <div class="country"><div class="field field-name-field-province field-type-text field-label-hidden"> <div class="field-items"> <div class="field-item even">Berlin</div> </div> </div> </div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type workshop"> workshop </div> </div> </div></div> </article> </div> </div> </div> <ul class="pager pager--infinite-scroll "> <li class="pager__item black-button btn-icon btn-icon-more"> <div class="btn-background"></div> <a href="/community?page=1">Load More</a> </li> </ul> </div> </section> </div> </section> </div> </div> </div> <footer class="footer"> <div class="inner container-fluid"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-4 no-padding footer-long-first"> <div class="region region-footer1"> <section id="block-block-1" class="block block-block clearfix"> <h2 class="block-title">Newsletter</h2> <p>Stay up to date with our Newsletter.</p> <p><a href="/derivative-newsletter/subscription"><span>Sign up here</span></a></p> </section> </div> </div> <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-7 col-lg-offset-2 col-lg-6 no-only-padding footer-long-last"> <div class="col-xs-12 col-sm-5 col-md-5 col-xl-4 desktop"> <div class="region region-footer2"> <section id="block-menu-menu-footer-menu" class="block block-menu clearfix"> <ul class="menu nav"><li class="first leaf"><a href="/support-service">Support service</a></li> <li class="leaf"><a href="/contact-us">Contact Us</a></li> <li class="leaf"><a href="/privacy">Privacy</a></li> <li class="last leaf"><a href="/terms-use">Terms of use</a></li> </ul> </section> </div> </div> <div class="col-xs-12 col-sm-4 col-md-4 col-xl-4 desktop"> <div class="region region-footer3"> <section id="block-bean-social-icons-footer" class="block block-bean clearfix"> <div class="entity entity-bean bean-social-icons clearfix" about="/block/social-icons-footer" typeof=""> <div class="content"> <div class="field field-name-field-social-links field-type-link-field field-label-hidden"> <div class="field-items"> <div class=" field-item even"> <a href="https://www.youtube.com/TouchDesignerOfficial" title="YouTube" target="_blank"><i class="fa fa-youtube fa-fw"></i></a> <a href="https://www.youtube.com/TouchDesignerOfficial" title="YouTube" target="_blank">YouTube</a> </div> <div class=" field-item odd"> <a href="https://www.facebook.com/TouchDesigner" title="Facebook" target="_blank"><i class="fa fa-facebook fa-fw"></i></a> <a href="https://www.facebook.com/TouchDesigner" title="Facebook" target="_blank">Facebook</a> </div> <div class=" field-item even"> <a href="https://twitter.com/1null1" title="Twitter" target="_blank"><i class="fa fa-twitter fa-fw"></i></a> <a href="https://twitter.com/1null1" title="Twitter" target="_blank">Twitter</a> </div> <div class=" field-item odd"> <a href="https://www.instagram.com/TouchDesigner/" title="Instagram" target="_blank"><i class="fa fa-instagram fa-fw"></i></a> <a href="https://www.instagram.com/TouchDesigner/" title="Instagram" target="_blank">Instagram</a> </div> </div> </div> </div> </div> </section> </div> </div> <div class="col-xs-12 col-sm-3 col-md-3 col-xl-4 desktop"> <div class="footer-logo-wrapper"> <a class="logo" href="/" title="Home"> <img class="svg-img" src="https://derivative.ca/sites/all/themes/derivative2017/logo.svg" onerror="this.src='https://derivative.ca/sites/all/themes/derivative2017/logo.png'" alt="Home"/> </a> </div> </div> </div> </div> </div> </footer> <script type="text/javascript" src="/sites/default/files/advagg_js/js__KYAUcJsBfavNYzr3FCP785E5ccfsgquzlN4eNG0-xfc__GaOFpSC4Hjr83uKlp_v8o6rKmnPWyL7te0OhnnRbOM0__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__i11V-7AETPhfL9YzRpXBpECwVkYyQ_ahu2eHxES_mK0__S79mhsO6q7fWONLNt9XSEZx-JmiQeAEtuPkuVxIEjpY__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> </body> </html>