CINXE.COM

Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner | 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="//addtocalendar.com" /> <link rel="preconnect" href="//addtocalendar.com" /> <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="shortcut icon" href="https://derivative.ca/sites/all/themes/derivative2017/favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="description" content="Generative Narratives for Change: • 14. November - 12. December 2024 • Online! • Five-weeks, Thursdays, 6-8 PM CET • Small class of participants Course description In an age where narratives shape our realities and define our identities, this course invites participants to explore the profound potential of generative design and code as catalysts for social transformation." /> <meta name="keywords" content="#storytelling, #ai, #genarative, #3D, #typography, #poetry, #narrative, #visualprogramming" /> <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/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner/70705" /> <link rel="shortlink" href="https://derivative.ca/node/70705" /> <meta property="og:site_name" content="Derivative" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://derivative.ca/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner/70705" /> <meta property="og:title" content="Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner" /> <meta property="og:description" content="Generative Narratives for Change: • 14. November - 12. December 2024 • Online! • Five-weeks, Thursdays, 6-8 PM CET • Small class of participants Course description In an age where narratives shape our realities and define our identities, this course invites participants to explore the profound potential of generative design and code as catalysts for social transformation." /> <meta property="og:updated_time" content="2024-11-14T09:52:43-05:00" /> <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="Generative Narratives for Change: Code" /> <meta property="og:image:alt" content="Typography" /> <meta property="og:image:alt" content="and Storytelling in TouchDesigner" /> <meta property="og:image:type" content="image/png" /> <meta property="og:image:width" content="512" /> <meta property="og:image:height" content="512" /> <meta property="article:author" content="https://www.facebook.com/sahar.homami/" /> <meta property="article:published_time" content="2024-11-14T09:25:00-05:00" /> <meta property="article:modified_time" content="2024-11-14T09:52:43-05:00" /> <meta itemprop="name" content="Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner" /> <meta itemprop="description" content="Generative Narratives for Change: • 14. November - 12. December 2024 • Online! • Five-weeks, Thursdays, 6-8 PM CET • Small class of participants Course description In an age where narratives shape our realities and define our identities, this course invites participants to explore the profound potential of generative design and code as catalysts for social transformation." /> <title>Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner | 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="//addtocalendar.com/atc/1.5/atc-style-blue.css" media="all" /> <link type="text/css" rel="stylesheet" href="//addtocalendar.com/atc/1.5/atc-base.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__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__ZN1xq7EL5wnAUDUfheBq9wpBnvVD94Bu10ZpR9jnDxc__mULqY-1fv9p6OELSA36cq9PkyqHeupEMgk-HNMKHNlo__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__-TcCuty2z9TPO2Ss8jRxdh_txCyngrnqO_eXNMbwNx8__jESXDck0iVc7x1d3aictzl2HhIXKNaOtQeOPdLFucW4__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__OOBeaxfDBlQtrDaHEWcs3ioZX1ruV4PYVsSB1ATMHuM__IbAz8sCskEzznmyxLQDk4-QJ1B7kNIQvJp2hWBVTmJc__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- (function(i,s,o,r){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date()})(window,document,"script","ga");ga("create", "UA-3123499-3", {"cookieDomain":"auto"});ga("set", "anonymizeIp", true);ga("send", "pageview"); //--><!]]> </script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__RvLVKOnTdQO4VBlh8z2t4GJAwCACZ-707Dk1YziIbCw__JoU2pGtFZeW8LW33wp5ibt4-t2X5DVrPOqeTZvgfPiY__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js" defer="defer" async="async"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__XOTZ8191sv5rhP1z3jxbZSAWGYBemQy8tWkdOVbO5Bw__J7Eh1ZlkNeYnIVrcT2WNeqh-L_3egcmlQYJeNhT-NQM__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript" src="//addtocalendar.com/atc/1.5/atc.min.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- window.a2a_config=window.a2a_config||{};window.da2a={done:false,html_done:false,script_ready:false,script_load:function(){var a=document.createElement('script'),s=document.getElementsByTagName('script')[0];a.type='text/javascript';a.async=true;a.src='https://static.addtoany.com/menu/page.js';s.parentNode.insertBefore(a,s);da2a.script_load=function(){};},script_onready:function(){da2a.script_ready=true;if(da2a.html_done)da2a.init();},init:function(){for(var i=0,el,target,targets=da2a.targets,length=targets.length;i<length;i++){el=document.getElementById('da2a_'+(i+1));target=targets[i];a2a_config.linkname=target.title;a2a_config.linkurl=target.url;if(el){a2a.init('page',{target:el});el.id='';}da2a.done=true;}da2a.targets=[];}};(function ($){Drupal.behaviors.addToAny = {attach: function (context, settings) {if (context !== document && window.da2a) {if(da2a.script_ready)a2a.init_all();da2a.script_load();}}}})(jQuery);a2a_config.callbacks=a2a_config.callbacks||[];a2a_config.callbacks.push({ready:da2a.script_onready});a2a_config.overlays=a2a_config.overlays||[];a2a_config.templates=a2a_config.templates||{};var a2a_config = a2a_config || {}; a2a_config.icon_color = "#000"; //--><!]]> </script> <script type="text/javascript" src="/sites/default/files/advagg_js/js___IdfM1iG0aw2ykXppcZLkoj8qxoxTVmHVLtkNoDXwq4__731L0hexzidsqlG3Bh_WiU2FMwnA31WBKbfyHMwfraI__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- jQuery.extend(Drupal.settings,{"basePath":"\/","pathPrefix":"","setHasJsCookie":1,"ajaxPageState":{"theme":"derivative2017","theme_token":"8uyeAuIhju5ZXQ60s_FTmu5fZMn1Jj5CM3AXgcHZKY0","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,"\/\/addtocalendar.com\/atc\/1.5\/atc-style-blue.css":1,"\/\/addtocalendar.com\/atc\/1.5\/atc-base.css":1,"sites\/all\/modules\/contrib\/date\/date_api\/date.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":{"modules\/statistics\/statistics.js":1,"sites\/all\/themes\/bootstrap\/js\/bootstrap.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/jquery\/2.1\/jquery.min.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/modules\/contrib\/equalheights\/jquery.equalheights.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/ui\/minified\/jquery.ui.core.min.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/ui\/minified\/jquery.ui.effect.min.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/external\/jquery.cookie.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/jquery.form\/4\/jquery.form.min.js":1,"sites\/all\/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\/field_group\/field_group.js":1,"misc\/form.js":1,"\/\/addtocalendar.com\/atc\/1.5\/atc.min.js":1,"sites\/all\/themes\/bootstrap\/js\/misc\/_collapse.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":"node\/70705","cp":{"path":"\/","domain":".derivative.ca","secure":true},"cl":23.14814814814815},"colorbox":{"opacity":"0.85","current":"{current} of {total}","previous":"\u00ab Prev","next":"Next \u00bb","close":"Close","maxWidth":"98%","maxHeight":"98%","fixed":true,"mobiledetect":false,"mobiledevicewidth":"480px"},"CToolsModal":{"loadingText":"Loading...","closeText":"Close Window","closeImage":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/ctools\/images\/icon-close-window.png\u0022 alt=\u0022Close window\u0022 title=\u0022Close window\u0022 \/\u003E","throbber":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/ctools\/images\/throbber.gif\u0022 alt=\u0022Loading\u0022 title=\u0022Loading...\u0022 \/\u003E"},"modal-popup-small":{"modalSize":{"type":"fixed","width":300,"height":300},"modalOptions":{"opacity":1,"background-color":"#000"},"animation":"fadeIn","modalTheme":"ModalFormsPopup","throbber":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/modal_forms\/images\/loading_animation.gif\u0022 alt=\u0022Loading...\u0022 title=\u0022Loading\u0022 \/\u003E","closeText":"Close"},"modal-popup-medium":{"modalSize":{"type":"fixed","width":550,"height":450},"modalOptions":{"opacity":1,"background-color":"#000"},"animation":"fadeIn","modalTheme":"ModalFormsPopup","throbber":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/modal_forms\/images\/loading_animation.gif\u0022 alt=\u0022Loading...\u0022 title=\u0022Loading\u0022 \/\u003E","closeText":"Close"},"modal-popup-large":{"modalSize":{"type":"scale","width":1,"height":1},"modalOptions":{"opacity":1,"background-color":"#000"},"animation":"fadeIn","modalTheme":"ModalFormsPopup","throbber":"\u003Cimg typeof=\u0022foaf:Image\u0022 class=\u0022img-responsive\u0022 src=\u0022https:\/\/derivative.ca\/sites\/all\/modules\/contrib\/modal_forms\/images\/loading_animation.gif\u0022 alt=\u0022Loading...\u0022 title=\u0022Loading\u0022 \/\u003E","closeText":"Close"},"better_exposed_filters":{"datepicker":false,"slider":false,"settings":[],"autosubmit":false,"views":{"share_and_stats":{"displays":{"block_mobile":{"filters":[]},"block_1":{"filters":[]}}},"workshop_date_location":{"displays":{"block":{"filters":[]}}},"node_left_sidebar":{"displays":{"event_workshop":{"filters":[]}}}}},"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}}],"statistics":{"data":{"nid":"70705"},"url":"\/modules\/statistics\/statistics.php"},"field_group":{"div":"full"},"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 one-sidebar sidebar-first page-node page-node- page-node-70705 node-type-workshop"> <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <style> @media screen and (max-width: 767px) { #user-info-xs { border-top: 1px solid #cccbcb; } #user-info-xs .share-and-stats.visible-xs-block { display: inline-block!important; width: 60%; padding-top: 20px; padding-left: 30px; padding-bottom: 0px; border-top: none; } #user-info-xs .full-node-page { top: 30px; display: inline-block; } } </style> <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 &amp; 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="active-trail 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="active-trail middle odd sf-item-5 sf-depth-2 sf-no-children"><a href="/workshops-events" title="" class="sf-depth-2">Workshops &amp; 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 &amp; 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 &amp; 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="&lt;span class=&quot;icon-dv-search&quot;&gt;&lt;/span&gt;"><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">&nbsp;</i>My account </a> </div> </section> </div> <div class="search-link"> <a href="#"> <i class="icon-dv-search">&nbsp;</i>Search </a> <div class="search-box"></div> </div> <div class="cart-icon"> <a href="/cart"> <i class="icon-dv-cart">&nbsp;</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">&nbsp;</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"> <div class="highlighted jumbotron hidden-xs"> <div class="region region-highlighted"> <section id="block-views-share-and-stats-block-1" class="block block-views clearfix"> <div class="view view-share-and-stats view-id-share_and_stats view-display-id-block_1 view-dom-id-f4f71bc34d91af7375ef04ba04f0a1dc"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last row"> <div class="share-buttons col-sm-7 col-lg-8 views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-addtoany-link"><span class="views-label views-label-addtoany-link col-sm-offset-4 col-md-offset-6">Share</span><span class="field-content"><span class="a2a_kit a2a_kit_size_32 a2a_target addtoany_list" id="da2a_2"> <a class="a2a_button_twitter" href="https://twitter.com/"></a> <a class="a2a_button_facebook" href="https://facebook.com/"></a> <a class="a2a_button_email"></a> </span> </span></div> </div> <div class="node-stats col-xs-12 col-sm-4 views-fieldset" data-module="views_fieldsets"> </div> </div> </div> </div> </section> </div> </div> <ol class="breadcrumb"><li><a href="/">Home</a></li> <li class="active">Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner</li> </ol> <a id="main-content"></a> <ul class="action-links"></ul> </div> </div> <div class="row main"> <div class="container-fluid"> <aside class="author-info-wrapper hidden-xs col-sm-3 col-md-2 no-padding"> <div class="view view-node-left-sidebar view-id-node_left_sidebar view-display-id-event_workshop view-dom-id-b8daa7dd33a2c1e84db72046240d93b5"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last"> <div class="outer-wrapper views-fieldset" data-module="views_fieldsets"> <div class="instructor views-fieldset" data-module="views_fieldsets"> <div class="user-avatar views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-user-picture"><div class="field-content"> <div class="field-user-picture"> <a href="/user/84474/profile"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/SaharHomami_Credit_Cedric_LeCat_2021.JPG" width="200" height="200" alt=" saharhomami-02_0.png" /></a> </div> </div></div> </div> <div class="user-info views-fieldset" data-module="views_fieldsets"> <div class="user-account views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-name"><span class="field-content"><a href="/user/84474/profile">SAHAR</a></span></div> </div> <div class="views-field views-field-field-bio"><div class="field-content">Sahar Homami [IR-CA-DE] is an audiovisual artist/programmer, calligrapher and researcher from Tehran, based in Berlin and Montreal. Their background and approach is multidisciplinary and experimental, driven by combining art, technology, mysticism and literature. Their artistic practice assumes different formats while maintaining a strong anchor on storytelling and real-time generative art, calling it live poetic cinema. Their work has been presented at international festivals and conferences including MUTEK Montreal (2021/20), Stereolux (2022), MULTIPLICA (2021), Abuja Art Week(2020), DAVE(2020), HELLARAU (2020), Tehran Contemporary Sounds(2019), Summerworks (2018), Berlin Music Video Awards (2018) and Generate!_lab(2018) amongst others.</div></div> </div> <div class="social-links views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-linkedin-link"><div class="field-content"> <div class="author-social author-linkedin"> <div class="btn-background"></div> <a href="https://www.linkedin.com/in/saharhomami/"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-github-link"><div class="field-content"> <div class="author-social author-github"> <div class="btn-background"></div> <a href="https://github.com/SaharUsha"> <i class="fa fa-github" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-twitter-link"><div class="field-content"> <div class="author-social author-twitter"> <div class="btn-background"></div> <a href="https://twitter.com/SaharHomami"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-youtube-link"><div class="field-content"> </div></div> <div class="views-field views-field-field-instagram-link"><div class="field-content"> <div class="author-social author-instagram"> <div class="btn-background"></div> <a href="https://www.instagram.com/sahar.homami/"> <i class="fa fa-instagram" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-facebook-link"><div class="field-content"> <div class="author-social author-facebook"> <div class="btn-background"></div> <a href="https://www.facebook.com/sahar.homami/"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-vimeo-link"><div class="field-content"> <div class="author-social author-vimeo"> <div class="btn-background"></div> <a href="https://vimeo.com/saharhomami"> <i class="fa fa-vimeo" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-company-url"><div class="field-content"> <script src="https://kit.fontawesome.com/6680ac97e1.js" crossorigin="anonymous"></script> <div class="author-social author-company"> <div class="btn-background"></div> <a href="https://linktr.ee/SaharHomami"> <i class="fas fa-globe" aria-hidden="true"></i> </a> </div> </div></div> </div> </div> <div class="inner-wrapper-info views-fieldset" data-module="views_fieldsets"> <div class="date-time views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-event-date"><span class="views-label views-label-field-event-date">Date</span><div class="field-content"><div class="date"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2024-11-14T00:00:00-05:00">14th</span> - <span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2024-11-14T00:00:00-05:00">12th Dec 2024</span></div></div></div> <div class="views-field views-field-rendered-entity"><span class="field-content"> <article id="node-70705" class="node node-workshop node-promoted clearfix" about="/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner/70705" typeof="sioc:Item foaf:Document"> <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="addtocalendar black-button atc-style-blue" data-calendars="Google Calendar, Outlook, Outlook Online, Yahoo! Calendar, iCalendar, " data-secure="auto"><div class="btn-background"></div><a class="atcb-link">Add to Calendar</a><var class="atc_event"><var class="atc_date_start">11/14/2024 12:00am</var> <var class="atc_date_end">12/12/2024 12:00am</var> <var class="atc_title">Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner</var> <var class="atc_description"><h2 class="dc-class-style h2-format"><a href="https://www.schoolofma.org/programs/p/fall2024-generative-narratives-for-change">Generative Narratives for Change:</a><br /> &nbsp;</h2> <p><strong><span>• 14. November - 12. December 2024 </span></strong></p> <p><strong><span>• Online!</span></strong></p> <p><strong><span>• Five-weeks, Thursdays, 6-8 PM CET</span></strong></p> <p><strong><span>• Small class of participants</span></strong></p> <h2 class="dc-class-style h2-format"><strong><span>Course description</span></strong></h2> <div class="dc-class-style text-in-box"><span>In an age where narratives shape our realities and define our identities, this course invites participants to explore the profound potential of generative design and code as catalysts for social transformation. Through the lens of TouchDesigner, we will navigate the intricate tapestry woven from storytelling, language, and typography, recognizing these elements not merely as tools, but as vessels of love and agency that can ignite collective consciousness.As we confront the politics of othering, rooted in colonial systems, and face the pressing crises of genocide, democide, and ecocide in the world today, art and technology become powerful tools to oppose the dominant narratives imposed by oppressive systems. One of the most powerful tools of the oppressors is their control over the narrative. This course challenges participants to reclaim that power and craft counter-narratives that resist, disrupt, and reimagine the structures of domination.</span></div> <div class="dc-class-style text-in-box"><span>Drawing inspiration from the mystical reflections of Rumi and Ibn Arabi, we will embrace their view of love as a transformative force—one that transcends the individual and flows into the collective. As Rumi writes, “Let yourself be silently drawn by the stronger pull of what you truly love.” In the spirit of Bell Hooks, we will explore how love, as a radical practice, can challenge and disrupt oppressive systems. Hooks reminds us in All About Love that “the will to love is a choice,” and this choice is deeply political.</span></div> <div class="dc-class-style text-in-box"><span>Participants will engage in crafting dynamic, text-based compositions that play with meaning, form, and perception. Together, we will interrogate how code, as a tangible material, can transcend traditional narrative structures and invite new ways of seeing, feeling, and experiencing the world. Through the interplay of visual and textual storytelling, we will harness the power of generative design to articulate visions of hope, resilience, and change.This course emphasizes both personal expression and our collective responsibility to create art that reflects our deepest values and aspirations. With each project, we will engage in embodied activism, allowing our creative practices to resonate with the heartbeat of the communities we inhabit. In doing so, we will strive to create work that is not only aesthetically compelling but also politically charged—art that speaks to the urgency of our times and the transformative power of love.</span><br /> <br /> &nbsp;</div> <h3 class="dc-class-style h3-format"><span>In this course, you will be introduced to</span><br /> &nbsp;</h3> <ul> <li> <p><span>Creative programming in TouchDesigner</span></p> </li> <li> <p><span>Generative design techniques with a focus on text&nbsp;&nbsp;</span></p> </li> <li> <p><span>Real-time visual narratives</span></p> </li> <li> <p><span>Code poetry and visual literature</span></p> </li> <li> <p><span>Code as a tool for political and social change</span></p> </li> <li> <p><span>Conceptual approaches to typography and narrative design</span><br /> &nbsp;</p> </li> </ul> <div class="dc-class-style text-bundle text-bundle-large"> <p>&nbsp;</p> </div> <h2 class="dc-class-style h2-format"><strong>Course<span> outline</span></strong><br /> &nbsp;</h2> <h4 class="dc-class-style h4-format"><span>Week 1: Introduction: Storytelling and the Poetic Use of Technology</span></h4> <p><span>We'll begin by getting to know each other and discussing the poetic and political possibilities of using code and technology in storytelling. We will also introduce the core technical concepts of TouchDesigner, set up our workspace, and map out the territory we will explore. This week will focus on the philosophical foundations of code as a narrative material and how it can expand the art of storytelling.</span></p> <h4 class="dc-class-style h4-format"><span>Week 2: Typography as a Visual Narrative Tool: Generating Stories with Text</span></h4> <p><span>We will dive into the history of typography as both a visual and narrative medium. Participants will explore how typography can be manipulated in real-time in TouchDesigner, learning how to create generative text compositions that tell stories through both content and form. We'll analyze examples of how artists and designers have used text in their works to enhance narrative meaning and discuss how visual design and typography can be a medium for resistance and social commentary.</span></p> <h4 class="dc-class-style h4-format"><span>Week 3: The Structure of Code: Writing Stories with Generative Design</span></h4> <p><span>This session will focus on code as a creative playground, exploring the syntax and structure of TouchDesigner for storytelling.</span></p> <p><span>We will analyze how code can be used to distort perception and create dynamic, real-time narratives. Participants will experiment with generative algorithms, learning how to build interactive, evolving textual organisms.</span></p> <h4 class="dc-class-style h4-format"><span>Week 4: Machine Learning and Text: Expanding Storytelling with AI</span></h4> <p><span>We will introduce machine learning tools and explore how AI can expand the narrative possibilities of text. Using pre-trained models, participants will incorporate machine learning into their TouchDesigner projects, generating interactive narratives that challenge traditional forms of storytelling. We will also reflect on the ethics and implications of using AI for storytelling and its role in shaping public discourse and collective imagination.</span></p> <h4 class="dc-class-style h4-format"><span>Week 5: Storytelling for Change: Showcasing Text-Based Projects</span></h4> <p><span>In the final week, we will focus on creating and presenting interactive, real-time storytelling projects that use typography and code to provoke thought, inspire action, or challenge social norms. Participants will create and present their final projects, showcasing how they’ve integrated generative typography, code, and storytelling. The course will culminate in a collaborative show-and-tell session where everyone shares their creative work.</span></p> <p>&nbsp;</p> <h3 class="dc-class-style h3-format">who is this class for?</h3> <p>This course is for artists, designers, coders, poets, storytellers, activists, and anyone interested in exploring the intersection of language, code, and visual design. While basic familiarity with creative coding is helpful, no prior experience is necessary.<br /> &nbsp;</p> <p><em>*This workshop highly encourages the attendance of w<span>omen, BIPOC, and LGBTQ+</span> individuals who have no prior experience with visual programming but want to learn more about it.</em></p> </var> <var class="atc_location">https://www.schoolofma.org/programs/p/fall2024-generative-narratives-for-change</var> <var class="atc_organizer">School of Machines, Making & Make Believe / Sahar Homami</var> <var class="atc_organizer_email"></var> <var class="atc_timezone">America/Toronto</var> <var class="atc_privacy">public</var> </var></span> </div> </div> </div> </article> </span></div> </div> <div class="fee views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-event-fee"><span class="views-label views-label-field-event-fee">Fee</span><div class="field-content">from €225.00</div></div> </div> <div class="capacity views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-event-capacity"><span class="views-label views-label-field-event-capacity">Capacity</span><div class="field-content">N/A</div></div> </div> <fieldset class="address location views-fieldset" data-module="views_fieldsets"> <legend> <span class="fieldset-legend">Location</span> </legend> <div class="fieldset-wrapper"> <div class="views-field views-field-field-building-name"><div class="field-content">Online</div></div> <div class="views-field views-field-field-address-line"><div class="field-content">Online</div></div> <div class="views-field views-field-field-province"><div class="field-content">Online, Online</div></div> <div class="views-field views-field-field-postal-code"><div class="field-content">Online</div></div> <div class="views-field views-field-field-google-map"><div class="field-content black-button"> <div class="btn-background"></div> <a href="https://www.schoolofma.org/programs/p/fall2024-generative-narratives-for-change" target="_blank"> Show on Maps </a> </div></div> </div> </fieldset> </div> </div> </div> </div> </div> </aside> <section class="col-sm-9 col-md-10"> <div id="user-info-xs"> <div class="share-and-stats visible-xs-block"> <div class="region region-mobile-share"> <section id="block-views-share-and-stats-block-mobile" class="block block-views clearfix"> <div class="view view-share-and-stats view-id-share_and_stats view-display-id-block_mobile view-dom-id-5402a0c44af0e2e75b7bfaa1b6d6ade7"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last row"> <div class="share-buttons views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-addtoany-link"><span class="field-content"><span class="a2a_kit a2a_kit_size_32 a2a_target addtoany_list" id="da2a_1"> <a class="a2a_button_twitter" href="https://twitter.com/"></a> <a class="a2a_button_facebook" href="https://facebook.com/"></a> <a class="a2a_button_email"></a> </span> <script type="text/javascript"> <!--//--><![CDATA[//><!-- if(window.da2a)da2a.script_load(); //--><!]]> </script></span></div> </div> </div> </div> </div> </section> </div> </div> <div class="full-node-page node-type workshop" style="display: inline-block"> <span class="node-type-title">Workshop</span> </div> </div> <h1 class="page-header"> Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner <span class="expirience-level">For Beginners</span> </h1> <div class="region-content-wrapper col-sm-offset-1 col-md-offset-2"> <div class="region region-content"> <section id="block-system-main" class="block block-system clearfix"> <article id="node-70705" class="node node-workshop node-promoted clearfix" about="/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner/70705" typeof="sioc:Item foaf:Document"> <header> <span property="dc:title" content="Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner" class="rdf-meta element-hidden"></span> <div class="share-and-stats visible-xs-block"> <div class="view view-node-left-sidebar view-id-node_left_sidebar view-display-id-event_workshop view-dom-id-b9ee52ce348d43bb33be4c550f4d995d"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last"> <div class="outer-wrapper views-fieldset" data-module="views_fieldsets"> <div class="instructor views-fieldset" data-module="views_fieldsets"> <div class="user-avatar views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-user-picture"><div class="field-content"> <div class="field-user-picture"> <a href="/user/84474/profile"><img typeof="foaf:Image" class="img-responsive" src="https://derivative.ca/sites/default/files/styles/200x200_user_page/public/user-picture/SaharHomami_Credit_Cedric_LeCat_2021.JPG" width="200" height="200" alt=" saharhomami-02_0.png" /></a> </div> </div></div> </div> <div class="user-info views-fieldset" data-module="views_fieldsets"> <div class="user-account views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-name"><span class="field-content"><a href="/user/84474/profile">SAHAR</a></span></div> </div> <div class="views-field views-field-field-bio"><div class="field-content">Sahar Homami [IR-CA-DE] is an audiovisual artist/programmer, calligrapher and researcher from Tehran, based in Berlin and Montreal. Their background and approach is multidisciplinary and experimental, driven by combining art, technology, mysticism and literature. Their artistic practice assumes different formats while maintaining a strong anchor on storytelling and real-time generative art, calling it live poetic cinema. Their work has been presented at international festivals and conferences including MUTEK Montreal (2021/20), Stereolux (2022), MULTIPLICA (2021), Abuja Art Week(2020), DAVE(2020), HELLARAU (2020), Tehran Contemporary Sounds(2019), Summerworks (2018), Berlin Music Video Awards (2018) and Generate!_lab(2018) amongst others.</div></div> </div> <div class="social-links views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-linkedin-link"><div class="field-content"> <div class="author-social author-linkedin"> <div class="btn-background"></div> <a href="https://www.linkedin.com/in/saharhomami/"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-github-link"><div class="field-content"> <div class="author-social author-github"> <div class="btn-background"></div> <a href="https://github.com/SaharUsha"> <i class="fa fa-github" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-twitter-link"><div class="field-content"> <div class="author-social author-twitter"> <div class="btn-background"></div> <a href="https://twitter.com/SaharHomami"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-youtube-link"><div class="field-content"> </div></div> <div class="views-field views-field-field-instagram-link"><div class="field-content"> <div class="author-social author-instagram"> <div class="btn-background"></div> <a href="https://www.instagram.com/sahar.homami/"> <i class="fa fa-instagram" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-facebook-link"><div class="field-content"> <div class="author-social author-facebook"> <div class="btn-background"></div> <a href="https://www.facebook.com/sahar.homami/"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-vimeo-link"><div class="field-content"> <div class="author-social author-vimeo"> <div class="btn-background"></div> <a href="https://vimeo.com/saharhomami"> <i class="fa fa-vimeo" aria-hidden="true"></i> </a> </div> </div></div> <div class="views-field views-field-field-company-url"><div class="field-content"> <script src="https://kit.fontawesome.com/6680ac97e1.js" crossorigin="anonymous"></script> <div class="author-social author-company"> <div class="btn-background"></div> <a href="https://linktr.ee/SaharHomami"> <i class="fas fa-globe" aria-hidden="true"></i> </a> </div> </div></div> </div> </div> <div class="inner-wrapper-info views-fieldset" data-module="views_fieldsets"> <div class="date-time views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-event-date"><span class="views-label views-label-field-event-date">Date</span><div class="field-content"><div class="date"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2024-11-14T00:00:00-05:00">14th</span> - <span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2024-11-14T00:00:00-05:00">12th Dec 2024</span></div></div></div> <div class="views-field views-field-rendered-entity"><span class="field-content"> <article id="node-70705" class="node node-workshop node-promoted clearfix" about="/workshop/generative-narratives-change-code-typography-and-storytelling-touchdesigner/70705" typeof="sioc:Item foaf:Document"> <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="addtocalendar black-button atc-style-blue" data-calendars="Google Calendar, Outlook, Outlook Online, Yahoo! Calendar, iCalendar, " data-secure="auto"><div class="btn-background"></div><a class="atcb-link">Add to Calendar</a><var class="atc_event"><var class="atc_date_start">11/14/2024 12:00am</var> <var class="atc_date_end">12/12/2024 12:00am</var> <var class="atc_title">Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner</var> <var class="atc_description"><h2 class="dc-class-style h2-format"><a href="https://www.schoolofma.org/programs/p/fall2024-generative-narratives-for-change">Generative Narratives for Change:</a><br /> &nbsp;</h2> <p><strong><span>• 14. November - 12. December 2024 </span></strong></p> <p><strong><span>• Online!</span></strong></p> <p><strong><span>• Five-weeks, Thursdays, 6-8 PM CET</span></strong></p> <p><strong><span>• Small class of participants</span></strong></p> <h2 class="dc-class-style h2-format"><strong><span>Course description</span></strong></h2> <div class="dc-class-style text-in-box"><span>In an age where narratives shape our realities and define our identities, this course invites participants to explore the profound potential of generative design and code as catalysts for social transformation. Through the lens of TouchDesigner, we will navigate the intricate tapestry woven from storytelling, language, and typography, recognizing these elements not merely as tools, but as vessels of love and agency that can ignite collective consciousness.As we confront the politics of othering, rooted in colonial systems, and face the pressing crises of genocide, democide, and ecocide in the world today, art and technology become powerful tools to oppose the dominant narratives imposed by oppressive systems. One of the most powerful tools of the oppressors is their control over the narrative. This course challenges participants to reclaim that power and craft counter-narratives that resist, disrupt, and reimagine the structures of domination.</span></div> <div class="dc-class-style text-in-box"><span>Drawing inspiration from the mystical reflections of Rumi and Ibn Arabi, we will embrace their view of love as a transformative force—one that transcends the individual and flows into the collective. As Rumi writes, “Let yourself be silently drawn by the stronger pull of what you truly love.” In the spirit of Bell Hooks, we will explore how love, as a radical practice, can challenge and disrupt oppressive systems. Hooks reminds us in All About Love that “the will to love is a choice,” and this choice is deeply political.</span></div> <div class="dc-class-style text-in-box"><span>Participants will engage in crafting dynamic, text-based compositions that play with meaning, form, and perception. Together, we will interrogate how code, as a tangible material, can transcend traditional narrative structures and invite new ways of seeing, feeling, and experiencing the world. Through the interplay of visual and textual storytelling, we will harness the power of generative design to articulate visions of hope, resilience, and change.This course emphasizes both personal expression and our collective responsibility to create art that reflects our deepest values and aspirations. With each project, we will engage in embodied activism, allowing our creative practices to resonate with the heartbeat of the communities we inhabit. In doing so, we will strive to create work that is not only aesthetically compelling but also politically charged—art that speaks to the urgency of our times and the transformative power of love.</span><br /> <br /> &nbsp;</div> <h3 class="dc-class-style h3-format"><span>In this course, you will be introduced to</span><br /> &nbsp;</h3> <ul> <li> <p><span>Creative programming in TouchDesigner</span></p> </li> <li> <p><span>Generative design techniques with a focus on text&nbsp;&nbsp;</span></p> </li> <li> <p><span>Real-time visual narratives</span></p> </li> <li> <p><span>Code poetry and visual literature</span></p> </li> <li> <p><span>Code as a tool for political and social change</span></p> </li> <li> <p><span>Conceptual approaches to typography and narrative design</span><br /> &nbsp;</p> </li> </ul> <div class="dc-class-style text-bundle text-bundle-large"> <p>&nbsp;</p> </div> <h2 class="dc-class-style h2-format"><strong>Course<span> outline</span></strong><br /> &nbsp;</h2> <h4 class="dc-class-style h4-format"><span>Week 1: Introduction: Storytelling and the Poetic Use of Technology</span></h4> <p><span>We'll begin by getting to know each other and discussing the poetic and political possibilities of using code and technology in storytelling. We will also introduce the core technical concepts of TouchDesigner, set up our workspace, and map out the territory we will explore. This week will focus on the philosophical foundations of code as a narrative material and how it can expand the art of storytelling.</span></p> <h4 class="dc-class-style h4-format"><span>Week 2: Typography as a Visual Narrative Tool: Generating Stories with Text</span></h4> <p><span>We will dive into the history of typography as both a visual and narrative medium. Participants will explore how typography can be manipulated in real-time in TouchDesigner, learning how to create generative text compositions that tell stories through both content and form. We'll analyze examples of how artists and designers have used text in their works to enhance narrative meaning and discuss how visual design and typography can be a medium for resistance and social commentary.</span></p> <h4 class="dc-class-style h4-format"><span>Week 3: The Structure of Code: Writing Stories with Generative Design</span></h4> <p><span>This session will focus on code as a creative playground, exploring the syntax and structure of TouchDesigner for storytelling.</span></p> <p><span>We will analyze how code can be used to distort perception and create dynamic, real-time narratives. Participants will experiment with generative algorithms, learning how to build interactive, evolving textual organisms.</span></p> <h4 class="dc-class-style h4-format"><span>Week 4: Machine Learning and Text: Expanding Storytelling with AI</span></h4> <p><span>We will introduce machine learning tools and explore how AI can expand the narrative possibilities of text. Using pre-trained models, participants will incorporate machine learning into their TouchDesigner projects, generating interactive narratives that challenge traditional forms of storytelling. We will also reflect on the ethics and implications of using AI for storytelling and its role in shaping public discourse and collective imagination.</span></p> <h4 class="dc-class-style h4-format"><span>Week 5: Storytelling for Change: Showcasing Text-Based Projects</span></h4> <p><span>In the final week, we will focus on creating and presenting interactive, real-time storytelling projects that use typography and code to provoke thought, inspire action, or challenge social norms. Participants will create and present their final projects, showcasing how they’ve integrated generative typography, code, and storytelling. The course will culminate in a collaborative show-and-tell session where everyone shares their creative work.</span></p> <p>&nbsp;</p> <h3 class="dc-class-style h3-format">who is this class for?</h3> <p>This course is for artists, designers, coders, poets, storytellers, activists, and anyone interested in exploring the intersection of language, code, and visual design. While basic familiarity with creative coding is helpful, no prior experience is necessary.<br /> &nbsp;</p> <p><em>*This workshop highly encourages the attendance of w<span>omen, BIPOC, and LGBTQ+</span> individuals who have no prior experience with visual programming but want to learn more about it.</em></p> </var> <var class="atc_location">https://www.schoolofma.org/programs/p/fall2024-generative-narratives-for-change</var> <var class="atc_organizer">School of Machines, Making & Make Believe / Sahar Homami</var> <var class="atc_organizer_email"></var> <var class="atc_timezone">America/Toronto</var> <var class="atc_privacy">public</var> </var></span> </div> </div> </div> </article> </span></div> </div> <div class="fee views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-event-fee"><span class="views-label views-label-field-event-fee">Fee</span><div class="field-content">from €225.00</div></div> </div> <div class="capacity views-fieldset" data-module="views_fieldsets"> <div class="views-field views-field-field-event-capacity"><span class="views-label views-label-field-event-capacity">Capacity</span><div class="field-content">N/A</div></div> </div> <fieldset class="address location views-fieldset" data-module="views_fieldsets"> <legend> <span class="fieldset-legend">Location</span> </legend> <div class="fieldset-wrapper"> <div class="views-field views-field-field-building-name"><div class="field-content">Online</div></div> <div class="views-field views-field-field-address-line"><div class="field-content">Online</div></div> <div class="views-field views-field-field-province"><div class="field-content">Online, Online</div></div> <div class="views-field views-field-field-postal-code"><div class="field-content">Online</div></div> <div class="views-field views-field-field-google-map"><div class="field-content black-button"> <div class="btn-background"></div> <a href="https://www.schoolofma.org/programs/p/fall2024-generative-narratives-for-change" target="_blank"> Show on Maps </a> </div></div> </div> </fieldset> </div> </div> </div> </div> </div> </div> </header> <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"><h2 class="dc-class-style h2-format"><a href="https://www.schoolofma.org/programs/p/fall2024-generative-narratives-for-change">Generative Narratives for Change:</a><br />  </h2> <p><strong><span>• 14. November - 12. December 2024 </span></strong></p> <p><strong><span>• Online!</span></strong></p> <p><strong><span>• Five-weeks, Thursdays, 6-8 PM CET</span></strong></p> <p><strong><span>• Small class of participants</span></strong></p> <h2 class="dc-class-style h2-format"><strong><span>Course description</span></strong></h2> <div class="dc-class-style text-in-box"><span>In an age where narratives shape our realities and define our identities, this course invites participants to explore the profound potential of generative design and code as catalysts for social transformation. Through the lens of TouchDesigner, we will navigate the intricate tapestry woven from storytelling, language, and typography, recognizing these elements not merely as tools, but as vessels of love and agency that can ignite collective consciousness.As we confront the politics of othering, rooted in colonial systems, and face the pressing crises of genocide, democide, and ecocide in the world today, art and technology become powerful tools to oppose the dominant narratives imposed by oppressive systems. One of the most powerful tools of the oppressors is their control over the narrative. This course challenges participants to reclaim that power and craft counter-narratives that resist, disrupt, and reimagine the structures of domination.</span></div> <div class="dc-class-style text-in-box"><span>Drawing inspiration from the mystical reflections of Rumi and Ibn Arabi, we will embrace their view of love as a transformative force—one that transcends the individual and flows into the collective. As Rumi writes, “Let yourself be silently drawn by the stronger pull of what you truly love.” In the spirit of Bell Hooks, we will explore how love, as a radical practice, can challenge and disrupt oppressive systems. Hooks reminds us in All About Love that “the will to love is a choice,” and this choice is deeply political.</span></div> <div class="dc-class-style text-in-box"><span>Participants will engage in crafting dynamic, text-based compositions that play with meaning, form, and perception. Together, we will interrogate how code, as a tangible material, can transcend traditional narrative structures and invite new ways of seeing, feeling, and experiencing the world. Through the interplay of visual and textual storytelling, we will harness the power of generative design to articulate visions of hope, resilience, and change.This course emphasizes both personal expression and our collective responsibility to create art that reflects our deepest values and aspirations. With each project, we will engage in embodied activism, allowing our creative practices to resonate with the heartbeat of the communities we inhabit. In doing so, we will strive to create work that is not only aesthetically compelling but also politically charged—art that speaks to the urgency of our times and the transformative power of love.</span><br /> <br />  </div> <h3 class="dc-class-style h3-format"><span>In this course, you will be introduced to</span><br />  </h3> <ul> <li> <p><span>Creative programming in TouchDesigner</span></p> </li> <li> <p><span>Generative design techniques with a focus on text  </span></p> </li> <li> <p><span>Real-time visual narratives</span></p> </li> <li> <p><span>Code poetry and visual literature</span></p> </li> <li> <p><span>Code as a tool for political and social change</span></p> </li> <li> <p><span>Conceptual approaches to typography and narrative design</span><br />  </p> </li> </ul> <div class="dc-class-style text-bundle text-bundle-large"> <p> </p> </div> <h2 class="dc-class-style h2-format"><strong>Course<span> outline</span></strong><br />  </h2> <h4 class="dc-class-style h4-format"><span>Week 1: Introduction: Storytelling and the Poetic Use of Technology</span></h4> <p><span>We'll begin by getting to know each other and discussing the poetic and political possibilities of using code and technology in storytelling. We will also introduce the core technical concepts of TouchDesigner, set up our workspace, and map out the territory we will explore. This week will focus on the philosophical foundations of code as a narrative material and how it can expand the art of storytelling.</span></p> <h4 class="dc-class-style h4-format"><span>Week 2: Typography as a Visual Narrative Tool: Generating Stories with Text</span></h4> <p><span>We will dive into the history of typography as both a visual and narrative medium. Participants will explore how typography can be manipulated in real-time in TouchDesigner, learning how to create generative text compositions that tell stories through both content and form. We'll analyze examples of how artists and designers have used text in their works to enhance narrative meaning and discuss how visual design and typography can be a medium for resistance and social commentary.</span></p> <h4 class="dc-class-style h4-format"><span>Week 3: The Structure of Code: Writing Stories with Generative Design</span></h4> <p><span>This session will focus on code as a creative playground, exploring the syntax and structure of TouchDesigner for storytelling.</span></p> <p><span>We will analyze how code can be used to distort perception and create dynamic, real-time narratives. Participants will experiment with generative algorithms, learning how to build interactive, evolving textual organisms.</span></p> <h4 class="dc-class-style h4-format"><span>Week 4: Machine Learning and Text: Expanding Storytelling with AI</span></h4> <p><span>We will introduce machine learning tools and explore how AI can expand the narrative possibilities of text. Using pre-trained models, participants will incorporate machine learning into their TouchDesigner projects, generating interactive narratives that challenge traditional forms of storytelling. We will also reflect on the ethics and implications of using AI for storytelling and its role in shaping public discourse and collective imagination.</span></p> <h4 class="dc-class-style h4-format"><span>Week 5: Storytelling for Change: Showcasing Text-Based Projects</span></h4> <p><span>In the final week, we will focus on creating and presenting interactive, real-time storytelling projects that use typography and code to provoke thought, inspire action, or challenge social norms. Participants will create and present their final projects, showcasing how they’ve integrated generative typography, code, and storytelling. The course will culminate in a collaborative show-and-tell session where everyone shares their creative work.</span></p> <p> </p> <h3 class="dc-class-style h3-format">who is this class for?</h3> <p>This course is for artists, designers, coders, poets, storytellers, activists, and anyone interested in exploring the intersection of language, code, and visual design. While basic familiarity with creative coding is helpful, no prior experience is necessary.<br />  </p> <p><em>*This workshop highly encourages the attendance of w<span>omen, BIPOC, and LGBTQ+</span> individuals who have no prior experience with visual programming but want to learn more about it.</em></p> </div> </div> </div> <div class="black-button btn-icon btn-icon-more"><div class="field field-name-field-event-page-link field-type-link-field field-label-hidden"> <div class="field-items"> <div class=" field-item even"> <div class="btn-background"></div> <a href="https://www.schoolofma.org/programs/p/fall2024-generative-narratives-for-change">RSVP</a> </div> </div> </div> </div><div class="field field-name-field-experience-level field-type-taxonomy-term-reference field-label-above"> <div class="field-label">Experience level&nbsp;</div> <div class="field-items"> <div class="field-item even"><a href="/experience-level/beginners" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">For Beginners</a></div> </div> </div> <footer> <div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"> <div class="field-label">Tags&nbsp;</div> <div class="field-items"> <div class="field-item even"><a href="/tags/storytelling" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#storytelling</a></div> <div class="field-item odd"><a href="/tags/ai-0" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#ai</a></div> <div class="field-item even"><a href="/tags/genarative" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#genarative</a></div> <div class="field-item odd"><a href="/tags/3d-0" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#3D</a></div> <div class="field-item even"><a href="/tags/typography-0" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#typography</a></div> <div class="field-item odd"><a href="/tags/poetry" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#poetry</a></div> <div class="field-item even"><a href="/tags/narrative" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#narrative</a></div> <div class="field-item odd"><a href="/tags/visualprogramming-0" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">#visualprogramming</a></div> </div> </div> <ul class="links list-inline"><li class="statistics_counter first last"><span>92 reads</span></li> </ul> </footer> </article> </section> </div> </div> </section> </div> </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__QERVh_Fzf6p9iHQYCmUr1O2jFHk11e-Q95akflX9HwI__JSeQmfvtfZjPwtnI4bIh5Z2ePRm2PQCEu653byvDXfU__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- da2a.targets=[ {title:"Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner",url:"https:\/\/derivative.ca\/workshop\/generative-narratives-change-code-typography-and-storytelling-touchdesigner\/70705"}, {title:"Generative Narratives for Change: Code, Typography, and Storytelling in TouchDesigner",url:"https:\/\/derivative.ca\/workshop\/generative-narratives-change-code-typography-and-storytelling-touchdesigner\/70705"}]; da2a.html_done=true;if(da2a.script_ready&&!da2a.done)da2a.init();da2a.script_load(); //--><!]]> </script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__i11V-7AETPhfL9YzRpXBpECwVkYyQ_ahu2eHxES_mK0__S79mhsO6q7fWONLNt9XSEZx-JmiQeAEtuPkuVxIEjpY__Lq6xSYrdtGJGTkqRw2ugiqMeUzjfEloNPq0-jO3cQ60.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10