CINXE.COM
Motion Tracking | 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" /> <link rel="alternate" type="application/rss+xml" title="Motion Tracking" href="https://derivative.ca/taxonomy/term/149/all/feed" /> <meta about="/tags/motion-tracking" typeof="skos:Concept" property="rdfs:label skos:prefLabel" content="Motion Tracking" /> <link rel="shortcut icon" href="https://derivative.ca/sites/all/themes/derivative2017/favicon.ico" type="image/vnd.microsoft.icon" /> <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/tags/motion-tracking" /> <link rel="shortlink" href="https://derivative.ca/taxonomy/term/149" /> <meta property="og:site_name" content="Derivative" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://derivative.ca/tags/motion-tracking" /> <meta property="og:title" content="Motion Tracking" /> <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="Taxonomy term" /> <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="Motion Tracking" /> <title>Motion Tracking | 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__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__OXJtpT2qiwXmfJjZkFvsqPZLv32HtZxKQx02FTw1fC0__1ka0o3LhIWopQcwAuO0wndkDQ3wKYhmcVSF1n-bGjGs__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__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__6ZMR8N4xNQ75rRpwUhUXWU56fdYy1C5VEkoiZo1N2vc__hrcJb4zW3fRpGNTKTUdnms4pPzPze77OMw74N8lJC8Y__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__L8Fp34H6wf907KqsjNSCBaxyhVW0YJ9KdYRrgbaWJPk__MzH5j2D2WoDPXj8E1YfHHuhE8Dq0TrIDdPR-ejWhz30__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__dVyvCij_CpZbreinoWSpwzzeimaNm2K-2IOrK8jww6w__apBiMY0NLkcKXt7H7qUfhm7NIU01uALFqwP3fsxJcUg__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- jQuery.extend(Drupal.settings,{"basePath":"\/","pathPrefix":"","setHasJsCookie":1,"ajaxPageState":{"theme":"derivative2017","theme_token":"k06yxyG0xJeT8xFN6_kN4MjoTWb6C4v3Gwpu1O43xao","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\/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\/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\/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\/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\/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}},"authcache":{"q":"taxonomy\/term\/149","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":{"views":{"taxonomy_term":{"displays":{"page":{"filters":[]}}}},"datepicker":false,"slider":false,"settings":[],"autosubmit":false},"search_api_live_results":{"min_length":3,"auto_hide":true,"view_all":true},"derivativeSearch":{"forum_url":"https:\/\/forum.derivative.ca\/search"},"urlIsAjaxTrusted":{"\/global-search":true},"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-taxonomy page-taxonomy-term page-taxonomy-term- page-taxonomy-term-149"> <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="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="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="middle even sf-item-4 sf-depth-2 sf-clone-parent sf-no-children"><a href="/community" title="" class="sf-depth-2">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="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="middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="/community" title="" class="sf-depth-2">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 class="active">Motion Tracking</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">Motion Tracking</h1> <div class="region region-content"> <section id="block-system-main" class="block block-system clearfix"> <div class="view view-taxonomy-term view-id-taxonomy_term view-display-id-page view-dom-id-68345f5afec319038c491f05c7758ae7"> <div class="view-content"> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-68828" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/picture-picture-hand-tracking-effect-touchdesigner-tutorial/68828" 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/YT%20Cover_3.jpg" width="440" height="440" alt=" YT Cover_3.jpg" title="Picture in Picture Hand Tracking Effect - TouchDesigner Tutorial" /></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>This tutorial is inspired from the Genuary (generative art month in January) prompt from day 3 to create something in the style of a Droste effect / a Picture in a Picture. I use the MediaPipe hand tracking plugin created by Dom Scott and myself to controll the motion.</p></div> </div> </div> </div> <h2><a href="/community-post/tutorial/picture-picture-hand-tracking-effect-touchdesigner-tutorial/68828">Picture in Picture Hand Tracking Effect - TouchDesigner Tutorial</a></h2> <span property="dc:title" content="Picture in Picture Hand Tracking Effect - TouchDesigner Tutorial" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/picture-picture-hand-tracking-effect-touchdesigner-tutorial/68828">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="118258" data-username="blankensmithing" data-image-style="200x200_user_page"><a href="/user/118258/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/Green%20Background%20Profile.jpg" width="200" height="200" alt="blankensmithing's picture" title="blankensmithing's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/118258/profile" title="View user profile." class="username" xml:lang="" about="/users/blankensmithing" typeof="sioc:UserAccount" property="foaf:name" datatype="">blankensmithing</a></span> <div class="date">Jan 03rd 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-2658" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/mediapipe">MediaPipe</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-877" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/hand-tracking">hand tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-263" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ai">AI</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-2927" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/genuary">Genuary</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-149" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-tracking">Motion Tracking</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-68129" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/tutorial-23-audio-reactive-motion-controlled-visuals-touchdesigner/68129" 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/YT%20Cover%20Audio%20Reactive%20Motion%20Controlled%20Visuals2_0.jpg" width="440" height="440" alt=" YT Cover Audio Reactive Motion Controlled Visuals2_0.jpg" title="Tutorial 2/3 - Audio Reactive & Motion Controlled Visuals in TouchDesigner" /></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>Hey! In this tutorial, we'll go over how to create audio reactive visuals that are also motion controlled using a custom Body Tracking plugin that I developed for TouchDesigner. Link to the Project File is on my Patreon: https://patreon.com/blankensmithing</p></div> </div> </div> </div> <div class="comment-count comment-count-362558" rel-topic-id="362558"> </div> <h2><a href="/community-post/tutorial/tutorial-23-audio-reactive-motion-controlled-visuals-touchdesigner/68129">Tutorial 2/3 - Audio Reactive & Motion Controlled Visuals in TouchDesigner</a></h2> <span property="dc:title" content="Tutorial 2/3 - Audio Reactive & Motion Controlled Visuals in TouchDesigner" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/tutorial-23-audio-reactive-motion-controlled-visuals-touchdesigner/68129">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="118258" data-username="blankensmithing" data-image-style="200x200_user_page"><a href="/user/118258/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/Green%20Background%20Profile.jpg" width="200" height="200" alt="blankensmithing's picture" title="blankensmithing's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/118258/profile" title="View user profile." class="username" xml:lang="" about="/users/blankensmithing" typeof="sioc:UserAccount" property="foaf:name" datatype="">blankensmithing</a></span> <div class="date">Aug 01st 2023</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-263" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ai">AI</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-149" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-tracking">Motion Tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-2094" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/body-tracking">body tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-2099" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/azure-kinect">Azure Kinect</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-2658" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/mediapipe">MediaPipe</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-2660" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/audio-reactive-visuals">Audio Reactive Visuals</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-68125" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/body-tracking-plugin-touchdesigner-no-kinect-needed/68125" 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/Insta2.jpg" width="440" height="440" alt=" Insta2.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>Hey! In this tutorial, we'll go over my new body-tracking plugin for TouchDesigner. It runs off the webcam and works on both Mac and PC without any setup. In this video I'll show you an overview of the component and how to start using it in your TouchDesigner Projects.</p></div> </div> </div> </div> <div class="comment-count comment-count-370156" rel-topic-id="370156"> </div> <h2><a href="/community-post/tutorial/body-tracking-plugin-touchdesigner-no-kinect-needed/68125">Body Tracking Plugin for TouchDesigner - No Kinect Needed</a></h2> <span property="dc:title" content="Body Tracking Plugin for TouchDesigner - No Kinect Needed" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/body-tracking-plugin-touchdesigner-no-kinect-needed/68125">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="118258" data-username="blankensmithing" data-image-style="200x200_user_page"><a href="/user/118258/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/Green%20Background%20Profile.jpg" width="200" height="200" alt="blankensmithing's picture" title="blankensmithing's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/118258/profile" title="View user profile." class="username" xml:lang="" about="/users/blankensmithing" typeof="sioc:UserAccount" property="foaf:name" datatype="">blankensmithing</a></span> <div class="date">Jul 31st 2023</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-2657" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/blazepose">BlazePose</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-2658" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/mediapipe">MediaPipe</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-263" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ai">AI</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-15" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/kinect">Kinect</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-2099" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/azure-kinect">Azure Kinect</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-2659" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/movenet">MoveNet</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-149" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-tracking">Motion Tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-2094" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/body-tracking">body tracking</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> </div> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-66707" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/body-tracking-no-kinect-touchdesigner-2022/66707" 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/YT%20Cover%20No%20Kinect4.jpg" width="440" height="440" alt=" YT Cover No Kinect4.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>Hey! In this tutorial, we'll go over how to use the real-time body tracking component for TouchDesigner that I've released on my Patreon: https://patreon.com/blankensmithing Link to the No Kinect Website: https://no-kinect.netlify.app/</p></div> </div> </div> </div> <h2><a href="/community-post/tutorial/body-tracking-no-kinect-touchdesigner-2022/66707">Body Tracking with No Kinect in TouchDesigner 2022</a></h2> <span property="dc:title" content="Body Tracking with No Kinect in TouchDesigner 2022" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/body-tracking-no-kinect-touchdesigner-2022/66707">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="118258" data-username="blankensmithing" data-image-style="200x200_user_page"><a href="/user/118258/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/Green%20Background%20Profile.jpg" width="200" height="200" alt="blankensmithing's picture" title="blankensmithing's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/118258/profile" title="View user profile." class="username" xml:lang="" about="/users/blankensmithing" typeof="sioc:UserAccount" property="foaf:name" datatype="">blankensmithing</a></span> <div class="date">Oct 02nd 2022</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-2094" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/body-tracking">body tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-149" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-tracking">Motion Tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-15" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/kinect">Kinect</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-2095" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/websockets">websockets</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-2096" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/intel-realsense">intel realsense</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-2099" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/azure-kinect">Azure Kinect</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-716" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ml">ml</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-345" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/machine-learning">machine learning</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-65028" class="node node-project node-promoted node-teaser clearfix" about="/community-post/tutorial/video-switcher-eyedropper-colormotion-tracking-free-download/65028" 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/18%20Take%20it%20all.jpg" width="440" height="440" alt=" 18 Take it all.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>https://youtu.be/pf-Y6x9Yzm8 You can download project file in below link now. https://www.patreon.com/notothetalkingball</p></div> </div> </div> </div> <div class="comment-count comment-count-428435" rel-topic-id="428435"> </div> <h2><a href="/community-post/tutorial/video-switcher-eyedropper-colormotion-tracking-free-download/65028">Video Switcher, Eyedropper, Color/Motion Tracking FREE DOWNLOAD</a></h2> <span property="dc:title" content="Video Switcher, Eyedropper, Color/Motion Tracking FREE DOWNLOAD" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/tutorial/video-switcher-eyedropper-colormotion-tracking-free-download/65028">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="117948" data-username="Kohui" data-image-style="200x200_user_page"><a href="/user/117948/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/Kohui.jpg" width="200" height="200" alt="Kohui's picture" title="Kohui's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/117948/profile" title="View user profile." class="username" xml:lang="" about="/users/kohui" typeof="sioc:UserAccount" property="foaf:name" datatype="">Kohui</a></span> <div class="date">Jul 12th 2021</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-613" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/video-switcher">video switcher</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-1549" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/eyedropper">eyedropper</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-1550" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/screen-grab">screen grab</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-1551" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/color-tracking">color tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-149" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-tracking">Motion Tracking</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-60686" class="node node-project node-promoted node-teaser clearfix" about="/community-post/d-brane-augmented-reality-performance/60686" 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/still6.jpg" width="440" height="440" alt=" still6.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 company-post"> Company 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>New media artist Harvey Moon "creator of tools and machines" wields outright wizardry using the HTC Vive for motion tracking in this performance that is the "culmination of dance, real time projection mapping and live audio synthesis".</p></div> </div> </div> </div> <h2><a href="/community-post/d-brane-augmented-reality-performance/60686">D-Brane, an Augmented Reality Performance</a></h2> <span property="dc:title" content="D-Brane, an Augmented Reality Performance" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/d-brane-augmented-reality-performance/60686">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="58216" data-username="isabelle" data-image-style="200x200_user_page"><a href="/user/58216/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/img_7049_0.jpg" width="200" height="200" alt="isabelle's picture" title="isabelle's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/58216/profile" title="View user profile." class="username" xml:lang="" about="/users/isabelle" typeof="sioc:UserAccount" property="foaf:name" datatype="">isabelle</a></span> <div class="date">Apr 10th 2018</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post company-post"> Company 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"><div id="taxonomy-term-176" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/augmented-reality">Augmented Reality</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-177" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ar">AR</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-90" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/dance">Dance</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-148" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/htc-vive">HTC Vive</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-98" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/projection-mapping">Projection Mapping</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-149" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-tracking">Motion Tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-178" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/opencv">OpenCV</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-164" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/performance-application">Performance Application</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-179" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/performance">Performance</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> </div> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-60688" class="node node-project node-promoted node-teaser clearfix" about="/community-post/making-go-robots-interactive-motion-tracked-dance-installation/60688" 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/body-images/screenshot.jpg" width="440" height="440" alt=" screenshot.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 company-post"> Company 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>An interactive motion-tracking-based dance installation made with TouchDesigner during a 3-day intensive VR jam organized by Cinedans and Beamlab in Amsterdam, The Netherlands.</p></div> </div> </div> </div> <h2><a href="/community-post/making-go-robots-interactive-motion-tracked-dance-installation/60688">The Making-of Go Robot's Interactive Motion-Tracked Dance Installation</a></h2> <span property="dc:title" content="The Making-of Go Robot's Interactive Motion-Tracked Dance Installation" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/making-go-robots-interactive-motion-tracked-dance-installation/60688">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="58216" data-username="isabelle" data-image-style="200x200_user_page"><a href="/user/58216/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/img_7049_0.jpg" width="200" height="200" alt="isabelle's picture" title="isabelle's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/58216/profile" title="View user profile." class="username" xml:lang="" about="/users/isabelle" typeof="sioc:UserAccount" property="foaf:name" datatype="">isabelle</a></span> <div class="date">Mar 28th 2018</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post company-post"> Company 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"><div id="taxonomy-term-168" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/interactive">Interactive</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-149" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-tracking">Motion Tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-90" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/dance">Dance</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-184" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/vr">VR</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-164" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/performance-application">Performance Application</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-112" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/osc">OSC</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-15" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/kinect">Kinect</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-173" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/sensor">Sensor</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-163" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/audio-visual">Audio-Visual</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-106" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ableton">Ableton</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-91" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/blacktrax">Blacktrax</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-185" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/optitrack">optiTrack</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-186" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-capture">Motion Capture</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-38" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/glsl">GLSL</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-104" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/installation">Installation</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-60671" class="node node-project node-promoted node-teaser clearfix" about="/community-post/interactive-dance-performed-blacktrax-reactive-visuals" 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/body-images/v.3_0.jpg" width="440" height="440" alt=" v.3_0.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 company-post"> Company 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>"V" is a superbly crafted and magically 'reactive' and 'interconnected' dance performance which took place in Rimini during the 3 days of MIR, the most important Italian trade fair for Live Entertainment Technology." "The project started out as a showcase for Blacktrax and RealTime visual interactio</p></div> </div> </div> </div> <h2><a href="/community-post/interactive-dance-performed-blacktrax-reactive-visuals">Interactive Dance Performed with Blacktrax Reactive Visuals</a></h2> <span property="dc:title" content="Interactive Dance Performed with Blacktrax Reactive Visuals" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/interactive-dance-performed-blacktrax-reactive-visuals">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="58216" data-username="isabelle" data-image-style="200x200_user_page"><a href="/user/58216/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/img_7049_0.jpg" width="200" height="200" alt="isabelle's picture" title="isabelle's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/58216/profile" title="View user profile." class="username" xml:lang="" about="/users/isabelle" typeof="sioc:UserAccount" property="foaf:name" datatype="">isabelle</a></span> <div class="date">Jul 17th 2017</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post company-post"> Company 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"><div id="taxonomy-term-91" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/blacktrax">Blacktrax</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-90" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/dance">Dance</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-93" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/mir">MIR</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-149" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-tracking">Motion Tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-100" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/etherdream">EtherDream</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-105" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/midi">MIDI</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-60730" class="node node-project node-promoted node-teaser clearfix" about="/community-post/yan-kalnberzin-working-plastic/60730" 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/body-images/screen_shot_2014-09-12_at_6.32.31_pm_1920.jpg" width="440" height="440" alt=" screen_shot_2014-09-12_at_6.32.31_pm_1920.jpg" title="Living Room Performance is made with TouchDesigner, Kinect and OSC feed from an iPad" /></div> </div> </div> </header> <div class="node-content clearfix"><div class="node-content-inner"> <div class="inner-top-wrapper"> <div class="node-type post company-post"> Company 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>A Short Artist Bio Yan Kalnberzin is a video and media artist who graduated from the Moscow Institute of Aviation Technology. He was an active artist in Moscow's underground of the 2000s as part of the musical group PBOYUL.</p></div> </div> </div> </div> <h2><a href="/community-post/yan-kalnberzin-working-plastic/60730">Yan Kalnberzin: Working in Plastic</a></h2> <span property="dc:title" content="Yan Kalnberzin: Working in Plastic" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/yan-kalnberzin-working-plastic/60730">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="58216" data-username="isabelle" data-image-style="200x200_user_page"><a href="/user/58216/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/img_7049_0.jpg" width="200" height="200" alt="isabelle's picture" title="isabelle's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/58216/profile" title="View user profile." class="username" xml:lang="" about="/users/isabelle" typeof="sioc:UserAccount" property="foaf:name" datatype="">isabelle</a></span> <div class="date">Sep 18th 2014</div> </div> </div> </div> <div class="type-list-view-only hide-mobile node-type post company-post"> Company 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"><div id="taxonomy-term-90" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/dance">Dance</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-179" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/performance">Performance</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-149" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/motion-tracking">Motion Tracking</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-110" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/mapping">Mapping</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-15" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/kinect">Kinect</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-112" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/osc">OSC</a></h2> <div class="content"> </div> </div> </div> </div> </div> </footer> </div> </div></div> </article> </div> </div> </div> <div class="text-center"><ul class="pagination"><li class="active"><span>1</span></li> <li><a title="Go to page 2" href="/tags/motion-tracking?page=1">2</a></li> <li class="next"><a title="Go to next page" href="/tags/motion-tracking?page=1">next ›</a></li> <li class="pager-last"><a title="Go to last page" href="/tags/motion-tracking?page=1">last »</a></li> </ul></div> </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__i11V-7AETPhfL9YzRpXBpECwVkYyQ_ahu2eHxES_mK0__S79mhsO6q7fWONLNt9XSEZx-JmiQeAEtuPkuVxIEjpY__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> </body> </html>