CINXE.COM
component | 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="component" href="https://derivative.ca/taxonomy/term/910/all/feed" /> <meta about="/tags/tool" typeof="skos:Concept" property="rdfs:label skos:prefLabel" content="tool" /> <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/component" /> <link rel="shortlink" href="https://derivative.ca/taxonomy/term/910" /> <meta property="og:site_name" content="Derivative" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://derivative.ca/tags/component" /> <meta property="og:title" content="component" /> <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="component" /> <title>component | 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__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":"mueN1qyeZZ_Y-UJODZpp2wVmijuVy7BgatNpghuvP3Y","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\/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\/910","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-910"> <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">component</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">component</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-ad53a59a80559341184fe19fb3edd4f8"> <div class="view-content"> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-70497" class="node node-project node-promoted node-teaser clearfix" about="/community-post/asset/embody-automate-externalization/70497" 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/screenshot2.jpg" width="440" height="440" alt=" screenshot2.jpg" title="Embody Manager UI" /></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>As TouchDesigner projects grow in complexity, managing and collaborating on them can become increasingly challenging. One of the primary hurdles is the monolithic .toe file format, which encapsulates the entire project in a single binary file.</p></div> </div> </div> </div> <div class="comment-count comment-count-548530" rel-topic-id="548530"> </div> <h2><a href="/community-post/asset/embody-automate-externalization/70497">Embody: Automate Externalization</a></h2> <span property="dc:title" content="Embody: Automate Externalization" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/asset/embody-automate-externalization/70497">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="66299" data-username="dylanroscover" data-image-style="200x200_user_page"><a href="/user/66299/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/boomheadshot.jpg" width="200" height="200" alt="dylanroscover's picture" title="dylanroscover's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/66299/profile" title="View user profile." class="username" xml:lang="" about="/users/dylanroscover" typeof="sioc:UserAccount" property="foaf:name" datatype="">dylanroscover</a></span> <div class="date">Oct 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-910" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/component">component</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-361" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/tox">tox</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-3553" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/externalize">externalize</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-3554" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/externalization">externalization</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-2634" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/scripts">scripts</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-45" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ui">UI</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-790" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/manager">manager</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-616" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/organization">organization</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-301" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/project-organization">project organization</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-70473" class="node node-workshop node-promoted node-teaser clearfix" about="/workshop/create-audio-reactive-and-interactive-components/70473" 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>Feb</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 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>https://thenodeinstitute.org/courses/ws24-td-13-create-audio-reactive-and-interactive-components/</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="2025-02-05T00:00:00-05:00">Feb 5/th</span></div> </div> </div> </div> <h2><a href="/workshop/create-audio-reactive-and-interactive-components/70473">Create Audio-Reactive and Interactive Components</a></h2> <span property="dc:title" content="Create Audio-Reactive and Interactive Components" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/workshop/create-audio-reactive-and-interactive-components/70473">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 class="col-md-4 col-sm-4 col-xs-12"> <article id="node-70462" class="node node-workshop node-promoted node-teaser clearfix" about="/workshop/integrating-ai-touchdesigner-winter-24-update/70462" 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>Oct</span> </div> <div class="field-item event-date-day"> <span class="date-day">16</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>https://thenodeinstitute.org/courses/ws24-td-01-integrating-ai-with-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-10-16T00:00:00-04:00">Oct 16/th</span></div> </div> </div> </div> <h2><a href="/workshop/integrating-ai-touchdesigner-winter-24-update/70462">Integrating AI with Touchdesigner - Winter 24 Update</a></h2> <span property="dc:title" content="Integrating AI with Touchdesigner - Winter 24 Update" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/workshop/integrating-ai-touchdesigner-winter-24-update/70462">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 class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-69429" class="node node-project node-teaser clearfix" about="/community-post/touchengine-ue-plugin-now-compatible-ue541/69429" 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/Untitled_2.png" width="440" height="440" alt=" Untitled_2.png" title="UE5 Logo" /></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>Hello everyone, We are back today with a new release of our TouchEngine for UE plugin. You can head over to GitHub and grab the latest release of the plugin and give it a try with our samples project. Don’t forget to update your TouchDesigner build to the latest available, 2023.11760.</p></div> </div> </div> </div> <div class="comment-count comment-count-470740" rel-topic-id="470740"> </div> <h2><a href="/community-post/touchengine-ue-plugin-now-compatible-ue541/69429">The TouchEngine for UE plugin is now compatible with UE5.4.1</a></h2> <span property="dc:title" content="The TouchEngine for UE plugin is now compatible with UE5.4.1" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/touchengine-ue-plugin-now-compatible-ue541/69429">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="83006" data-username="JetXS" data-image-style="200x200_user_page"><a href="/user/83006/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/Screenshot%202024-08-21%20105435.png" width="200" height="200" alt="JetXS's picture" title="JetXS's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/83006/profile" title="View user profile." class="username" xml:lang="" about="/users/jetxs" typeof="sioc:UserAccount" property="foaf:name" datatype="">JetXS</a></span> <div class="date">May 08th 2024</div> </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"><div id="taxonomy-term-1700" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/touchengine">TouchEngine</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-670" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/engine-comp">Engine COMP</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-1230" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/unreal-0">unreal</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-1959" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ue">UE</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-910" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/component">component</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-1701" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/plugin">plugin</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-1702" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/interoperability">interoperability</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-68440" class="node node-project node-teaser clearfix" about="/community-post/touchengine-ue-531-sync-modes-ux-improvements-new-niagara-and-render-target-samples" 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/vlcsnap-2023-10-12-12h13m36s721_0.png" width="440" height="440" alt=" vlcsnap-2023-10-12-12h13m36s721_0.png" title="The TouchDesigner banana is flying as a Niagara point cloud in the TouchEngine for Unreal samples file" /></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>The TouchDesigner banana is flying as a Niagara point cloud in the TouchEngine for Unreal samples file Hello everyone, We are back today with a new release of our TouchEngine for UE plugin.</p></div> </div> </div> </div> <div class="comment-count comment-count-386324" rel-topic-id="386324"> </div> <h2><a href="/community-post/touchengine-ue-531-sync-modes-ux-improvements-new-niagara-and-render-target-samples">TouchEngine for UE 5.3.1: Sync modes, UX improvements, new Niagara and Render Target samples, Bananas</a></h2> <span property="dc:title" content="TouchEngine for UE 5.3.1: Sync modes, UX improvements, new Niagara and Render Target samples, Bananas" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/touchengine-ue-531-sync-modes-ux-improvements-new-niagara-and-render-target-samples">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="83006" data-username="JetXS" data-image-style="200x200_user_page"><a href="/user/83006/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/Screenshot%202024-08-21%20105435.png" width="200" height="200" alt="JetXS's picture" title="JetXS's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/83006/profile" title="View user profile." class="username" xml:lang="" about="/users/jetxs" typeof="sioc:UserAccount" property="foaf:name" datatype="">JetXS</a></span> <div class="date">Oct 12th 2023</div> </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"><div id="taxonomy-term-1700" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/touchengine">TouchEngine</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-670" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/engine-comp">Engine COMP</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-1230" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/unreal-0">unreal</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-1959" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ue">UE</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-910" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/component">component</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-1701" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/plugin">plugin</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-1702" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/interoperability">interoperability</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-68350" class="node node-project node-promoted node-teaser clearfix" about="/community-post/asset/functionstoretools-enhance-your-workflow-these-free-tools/68350" 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/toolbar_annotate.png" width="440" height="440" alt=" toolbar_annotate.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>FunctionStore_tools - enhance your workflow with these free tools! FunctionStore_tools is a collection of free TouchDesigner hacks and tools that can help improve your workflow as well as manipulate the default behavior of TD.</p></div> </div> </div> </div> <h2><a href="/community-post/asset/functionstoretools-enhance-your-workflow-these-free-tools/68350">FunctionStore_tools - enhance your workflow with these free tools!</a></h2> <span property="dc:title" content="FunctionStore_tools - enhance your workflow with these free tools!" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/asset/functionstoretools-enhance-your-workflow-these-free-tools/68350">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="270250" data-username="function.store" data-image-style="200x200_user_page"><a href="/user/270250/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/42251797_10156766774442700_2106533110517596160_o.jpg" width="200" height="200" alt="function.store's picture" title="function.store's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/270250/profile" title="View user profile." class="username" xml:lang="" about="/users/functionstore" typeof="sioc:UserAccount" property="foaf:name" datatype="">function.store</a></span> <div class="date">Sep 24th 2023</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-1374" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/toolkit">toolkit</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-2827" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/workflow">workflow</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-2314" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/system-design">system design</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-910" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/component">component</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-301" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/project-organization">project organization</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-68037" class="node node-project node-teaser clearfix" about="/community-post/touchengine-ue-521-editor-mode-chop-rework-and-more/68037" 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/Untitled_2.png" width="440" height="440" alt=" Untitled_2.png" title="Unreal Engine 5 Logo" /></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>UE5.2, Editor Mode, CHOP Rework, Stability, DX12, Vulkan improvements, reworked samples and doc, what’s next. Point Cloud animated in UE5 using the TouchEngine for UE Plugin Hello everyone, We are back with a new release in Unreal Engine world.</p></div> </div> </div> </div> <div class="comment-count comment-count-355841" rel-topic-id="355841"> </div> <h2><a href="/community-post/touchengine-ue-521-editor-mode-chop-rework-and-more/68037">TouchEngine for UE 5.2.1: Editor mode, CHOP rework and more!</a></h2> <span property="dc:title" content="TouchEngine for UE 5.2.1: Editor mode, CHOP rework and more!" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/touchengine-ue-521-editor-mode-chop-rework-and-more/68037">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="83006" data-username="JetXS" data-image-style="200x200_user_page"><a href="/user/83006/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/Screenshot%202024-08-21%20105435.png" width="200" height="200" alt="JetXS's picture" title="JetXS's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/83006/profile" title="View user profile." class="username" xml:lang="" about="/users/jetxs" typeof="sioc:UserAccount" property="foaf:name" datatype="">JetXS</a></span> <div class="date">Jul 06th 2023</div> </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"><div id="taxonomy-term-1700" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/touchengine">TouchEngine</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-670" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/engine-comp">Engine COMP</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-1230" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/unreal-0">unreal</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-1959" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/ue">UE</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-910" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/component">component</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-1701" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/plugin">plugin</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-1702" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/interoperability">interoperability</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-67849" class="node node-project node-promoted node-teaser clearfix" about="/community-post/asset/random-chop/67849" 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/randomnumbers.png" width="440" height="440" alt=" randomnumbers.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>This is an extensive component for random number generation in CHOPs, specifically *unique* random number generation.</p></div> </div> </div> </div> <div class="comment-count comment-count-481565" rel-topic-id="481565"> </div> <h2><a href="/community-post/asset/random-chop/67849">Random CHOP</a></h2> <span property="dc:title" content="Random CHOP" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/asset/random-chop/67849">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="270250" data-username="function.store" data-image-style="200x200_user_page"><a href="/user/270250/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/42251797_10156766774442700_2106533110517596160_o.jpg" width="200" height="200" alt="function.store's picture" title="function.store's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/270250/profile" title="View user profile." class="username" xml:lang="" about="/users/functionstore" typeof="sioc:UserAccount" property="foaf:name" datatype="">function.store</a></span> <div class="date">May 26th 2023</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-910" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/component">component</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-1574" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/utility">utility</a></h2> <div class="content"> </div> </div> </div> <div class="field-item even"><div id="taxonomy-term-1266" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/random">random</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-376" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/noise">Noise</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> </div> </footer> </div> </div></div> </article> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <article id="node-67726" class="node node-project node-promoted node-teaser clearfix" about="/community-post/asset/13-tap-bloom-touchdesigner/67726" 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/13tabbloom-on.png" width="440" height="440" alt=" 13tabbloom-on.png" title="13 tap bloom component for 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 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 last bloom component you'll ever need :) If you want to support this project, and others like it please check out my patreon, and github sponsor pages which you can find on the github page. 13 tap bloom comparison 13 tap bloom comparison 2</p></div> </div> </div> </div> <div class="comment-count comment-count-359201" rel-topic-id="359201"> </div> <h2><a href="/community-post/asset/13-tap-bloom-touchdesigner/67726">13 Tap Bloom for TouchDesigner</a></h2> <span property="dc:title" content="13 Tap Bloom for TouchDesigner" class="rdf-meta element-hidden"></span> </div> <div class="inner-bottom-wrapper clearfix"> <div class="read-more"><a href="/community-post/asset/13-tap-bloom-touchdesigner/67726">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="63400" data-username="lucasm" data-image-style="200x200_user_page"><a href="/user/63400/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/me_vegas_cropped_square_small.png" width="200" height="200" alt="lucasm's picture" title="lucasm's picture" /></a></div> </div> </div> <div class="author"> <span rel="sioc:has_creator"><a href="/user/63400/profile" title="View user profile." class="username" xml:lang="" about="/users/lucasm" typeof="sioc:UserAccount" property="foaf:name" datatype="">lucasm</a></span> <div class="date">Apr 28th 2023</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-249" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/bloom">Bloom</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-910" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/component">component</a></h2> <div class="content"> </div> </div> </div> <div class="field-item odd"><div id="taxonomy-term-50" class="taxonomy-term vocabulary-tags"> <h2><a href="/tags/rendering">Rendering</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/component?page=1">2</a></li> <li class="next"><a title="Go to next page" href="/tags/component?page=1">next ›</a></li> <li class="pager-last"><a title="Go to last page" href="/tags/component?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>