Overview ‹ Tangible Media

<!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <meta http-equiv='X-UA-Compatible' content='IE=edge' /> <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' /> <meta name='msapplication-tap-highlight' content='no' /> <meta name='description' content='Invent new tangible and embodied interactions that inspire and engage people' /> <meta name='keywords' content='robotics,design,virtual reality,computer vision,human-computer interaction,art,artificial intelligence,augmented reality,bioengineering,civic technology,communications,construction,consumer electronics,entertainment,environment,fashion,food,genetics,government,hacking,health,human-machine interaction,kids,learning + teaching,manufacturing,music,politics,social media,synthetic biology,transportation,wearable computing,sensors,imaging,interfaces,3d printing,social science,machine learning,behavioral science,affective computing,ethics,computer science,makers,creativity,space,interactive,community,biology,biomechanics,technology,visualization,cognitive science,mental health,healthcare,law,alumni,public health,biotechnology,electrical engineering,materials,engineering,social change,sustainability,industry,business,fabrication,culture,internet of things,zero gravity,physiology,startup,civic action,marginalized communities,data science,diversity,gender studies,covid19,microfabrication,assistive technology,social justice,textiles' /> <meta property='og:url' content='https://www.media.mit.edu/groups/tangible-media/overview/' /> <meta property='og:title' content='Group Overview ‹ Tangible Media – MIT Media Lab' /> <meta property='og:description' content='Invent new tangible and embodied interactions that inspire and engage people' /> <meta property='og:image' content='https://dam-prod2.media.mit.edu/thumb/2023/03/31/Screenshot 2023-03-31 at 3.32.14 AM.png.1400x1400.png' /> <meta property='og:type' content='website' /> <meta property='og:site_name' content='MIT Media Lab' /> <meta name='twitter:url' content='https://www.media.mit.edu/groups/tangible-media/overview/' /> <meta name='twitter:title' content='Group Overview ‹ Tangible Media – MIT Media Lab' /> <meta name='twitter:description' content='Invent new tangible and embodied interactions that inspire and engage people' /> <meta name='twitter:image' content='https://dam-prod2.media.mit.edu/thumb/2023/03/31/Screenshot 2023-03-31 at 3.32.14 AM.png.1400x1400.png' /> <meta name='twitter:card' content='summary_large_image' /> <meta name='twitter:site' content='@medialab' /> <title>Overview &lsaquo; Tangible Media — MIT Media Lab</title> <link rel="apple-touch-icon" sizes="57x57" href='/static/images/icons/apple-icon-57x57.1737f411eb73.png'> <link rel="apple-touch-icon" sizes="60x60" href='/static/images/icons/apple-icon-60x60.4bd2ba2d6ea4.png'> <link rel="apple-touch-icon" sizes="72x72" href='/static/images/icons/apple-icon-72x72.855e575da010.png'> <link rel="apple-touch-icon" sizes="76x76" href='/static/images/icons/apple-icon-76x76.7acd423a51c4.png'> <link rel="apple-touch-icon" sizes="114x114" href='/static/images/icons/apple-icon-114x114.71ce9229bafd.png'> <link rel="apple-touch-icon" sizes="120x120" href='/static/images/icons/apple-icon-120x120.8b383d5c8c77.png'> <link rel="apple-touch-icon" sizes="144x144" href='/static/images/icons/apple-icon-144x144.26ff0bd99e1c.png'> <link rel="apple-touch-icon" sizes="152x152" href='/static/images/icons/apple-icon-152x152.5b1182af784b.png'> <link rel="apple-touch-icon" sizes="180x180" href='/static/images/icons/apple-icon-180x180.7c705d989dde.png'> <link rel="shortcut icon" type="image/png" sizes="192x192" href='/static/images/icons/android-icon-192x192.3961063b4caa.png'> <link rel="shortcut icon" type="image/png" sizes="144x144" href='/static/images/icons/android-icon-192x192.3961063b4caa.png'> <link rel="icon" type="image/png" sizes="32x32" href='/static/images/icons/favicon-32x32.b3b84a348a4d.png'> <link rel="icon" type="image/png" sizes="96x96" href='/static/images/icons/favicon-96x96.89ac805a084e.png'> <link rel="icon" type="image/png" sizes="16x16" href='/static/images/icons/favicon-16x16.d1a6b5db0656.png'> <link rel='icon' type='image/x-icon' href='/static/images/icons/favicon.6467d01660f0.ico' /> <link rel='manifest' href='/static/configs/manifest.dc32cfbe8625.json' /> <meta name='msapplication-config' content='/static/configs/browserconfig.4bf0602d5406.xml' /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/yuf7oeh.css"> <link rel='stylesheet' type='text/css' href='/static/styles/app.9ed7e4ad6ccc.css' /> <script> mlScripts = []; </script> </head> <body class=' state-groups-hide-accepting'> <div class='global-container'> <div class='global-container-membrane'> <header class='global-header variant-branded'> <div class='global-header-inner'> <div class='glyph global-header-glyph shim-svgs'> <a href='/'> <span class='global-header-glyph-main'> <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 279.14 82"> <path d="M86.59 58.33c.21.28.33.69.33 1.2v5.68h3.04v-5.36c0-.57.13-1.04.39-1.4s.63-.54 1.12-.54.8.14 1.01.42c.22.28.33.69.33 1.2v5.68h3.04v-6.22c0-.53-.07-1.02-.2-1.48-.14-.44-.34-.83-.61-1.15a2.9 2.9 0 0 0-1.01-.74c-.41-.17-.88-.27-1.42-.27-.62 0-1.18.13-1.69.4s-.94.69-1.32 1.28h-.04c-.25-.53-.6-.93-1.05-1.24-.45-.29-1-.45-1.64-.45-.69 0-1.28.15-1.74.45s-.85.69-1.15 1.2h-.05v-1.36h-2.91v9.56h3.04v-5.36c0-.57.13-1.04.4-1.4q.405-.54 1.11-.54c.705 0 .8.14 1.01.42h-.02Zm17.8 14.95c-.36-.45-.78-.81-1.29-1.07s-1.07-.38-1.69-.38c-.66 0-1.2.12-1.63.37s-.79.58-1.09.99h-.05v-4.88H95.6v13.35h2.91v-1.21h.04c.3.5.69.87 1.19 1.13s1.07.38 1.7.38 1.17-.12 1.67-.35.93-.56 1.29-1 .63-.97.82-1.6c.2-.62.28-1.34.28-2.14 0-.72-.1-1.39-.28-2.01-.2-.61-.47-1.15-.82-1.6Zm-2.44 5.56c-.32.48-.77.72-1.37.72-.63 0-1.13-.25-1.5-.74s-.54-1.14-.54-1.93.16-1.43.5-1.96c.33-.53.83-.78 1.5-.78q.93 0 1.41.75c.48.75.48 1.16.48 1.98s-.16 1.49-.48 1.97ZM10.11 41.15H0v40.51h40.49V71.53H10.11zm73.95 4.21c0-.57.13-1.04.4-1.4q.405-.54 1.11-.54c.705 0 .8.14 1.01.42s.33.69.33 1.2v5.68h3.04v-5.36c0-.57.13-1.04.39-1.4s.63-.54 1.12-.54.8.14 1.01.42c.22.28.33.69.33 1.2v5.68h3.04v-6.21c0-.53-.07-1.02-.2-1.48-.14-.45-.34-.83-.61-1.15s-.61-.56-1.01-.74-.88-.26-1.42-.26c-.62 0-1.18.13-1.69.4s-.94.69-1.32 1.28h-.04c-.25-.53-.6-.93-1.05-1.23s-1-.45-1.64-.45c-.69 0-1.28.15-1.74.45s-.85.69-1.15 1.19h-.05v-1.36h-2.91v9.56h3.04v-5.36h-.02ZM40.49 10.77H-.02v10.12h30.39v30.39h30.38v30.38h10.13V41.15H40.49zm40.53 57.54h3.08v13.35h-3.08zm13.19 11.87v-4.81c0-.6-.1-1.13-.3-1.58-.2-.46-.51-.85-.92-1.14-.35-.26-.77-.45-1.26-.59-.5-.13-1.1-.2-1.83-.2s-1.35.09-1.89.26c-.53.17-.98.41-1.34.71-.36.29-.62.65-.81 1.04-.19.4-.28.82-.29 1.27h2.8c.05-.4.2-.7.44-.92s.61-.32 1.1-.32c.46 0 .79.09 1 .28s.31.44.31.75-.19.55-.54.69c-.36.13-.99.26-1.89.37-.5.06-.97.15-1.41.28-.44.12-.83.3-1.17.53s-.61.53-.79.88c-.2.36-.29.79-.29 1.32 0 .47.08.89.24 1.25s.38.67.68.92c.28.25.63.44 1.03.56.41.12.85.19 1.32.19q1.08 0 1.74-.36c.45-.23.8-.55 1.09-.95h.04c.04.25.08.46.13.64s.12.32.19.42h2.95v-.13a.68.68 0 0 1-.27-.45c-.04-.21-.06-.52-.06-.91m-2.91-1.93c0 .53-.18.94-.53 1.25-.36.31-.82.47-1.39.47-.37 0-.69-.08-.93-.24-.25-.16-.37-.44-.37-.82s.13-.63.39-.81.69-.34 1.27-.47c.31-.07.6-.15.87-.23s.5-.17.7-.27v1.14-.03Zm5.9-37.09h3.04v9.56H97.2zm34.45 22.55V58.9c0-.6-.1-1.13-.3-1.58-.2-.46-.5-.84-.92-1.14-.35-.27-.77-.45-1.27-.59s-1.1-.2-1.82-.2-1.35.09-1.89.26c-.53.17-.98.41-1.34.71-.36.29-.62.65-.81 1.05s-.28.82-.3 1.27h2.8c.05-.4.2-.7.44-.92.25-.21.61-.32 1.1-.32s.79.09 1 .28q.3.285.3.75c0 .465-.18.55-.54.69s-.99.27-1.89.37c-.5.06-.97.16-1.42.28s-.83.3-1.17.53-.6.53-.79.87c-.2.36-.28.79-.28 1.32 0 .47.08.89.24 1.25s.38.67.68.92c.28.25.63.44 1.03.56s.85.19 1.32.19c.72 0 1.31-.12 1.74-.36.44-.24.81-.55 1.09-.95h.04c.04.25.08.46.13.65.04.18.12.32.19.42h2.95v-.13c-.13-.09-.23-.24-.27-.46-.04-.21-.06-.52-.06-.91Zm-2.91-1.92c0 .53-.18.94-.53 1.25-.36.31-.82.47-1.39.47-.37 0-.69-.08-.93-.24s-.37-.44-.37-.82c0-.36.12-.63.39-.81.26-.18.69-.34 1.26-.48.31-.07.6-.15.86-.23s.5-.17.7-.27v1.14-.02Zm-10.24-9.93h3.04v2.47h-3.04zM97.2 37.37h3.04v2.47H97.2zm9.31 11.11c-.32 0-.59-.06-.77-.19-.2-.12-.28-.37-.28-.75v-4.48h1.74v-1.9h-1.74v-3.03h-2.97v3.03h-1.26v1.9h1.26v5.14c0 .51.07.93.22 1.28s.36.61.63.81.6.34.96.42.77.12 1.22.12c.41 0 .76-.02 1.03-.04.28-.03.49-.06.62-.11v-2.22h-.67Zm-.35 10.07c-.28-.8-.7-1.47-1.28-1.98-.41-.37-.89-.67-1.42-.88a5.1 5.1 0 0 0-1.84-.32c-.73 0-1.4.13-1.99.38-.6.26-1.11.61-1.55 1.07-.44.45-.77.99-1.01 1.6s-.36 1.28-.36 1.98.12 1.4.36 2.02.57 1.16 1.01 1.62c.44.45.97.81 1.6 1.06.63.26 1.34.38 2.13.38.61 0 1.16-.07 1.66-.22.49-.15.93-.36 1.34-.65.42-.28.77-.62 1.04-1.01.28-.39.46-.8.56-1.24h-2.97c-.13.29-.34.53-.6.7-.26.16-.59.25-.99.25-.64 0-1.13-.19-1.48-.56s-.57-.88-.67-1.53h6.87c.02-.97-.12-1.85-.4-2.66Zm-6.45.85c.1-.57.3-1.02.61-1.36s.76-.51 1.34-.51q.75 0 1.23.51c.48.51.52.79.58 1.36H99.7Zm14.53-2.67h-.05c-.28-.4-.64-.72-1.05-.98s-.95-.38-1.62-.38c-.62 0-1.19.12-1.7.37-.52.25-.95.6-1.32 1.04s-.66.97-.86 1.59-.31 1.31-.31 2.06c0 .8.11 1.51.31 2.14.2.62.5 1.16.87 1.59.37.44.81.77 1.33 1 .51.23 1.07.35 1.68.35s1.19-.14 1.67-.42.86-.67 1.15-1.17h.04v1.29h2.91V51.86h-3.04v4.87Zm-.46 5.62c-.36.5-.85.75-1.49.75-.6 0-1.06-.24-1.4-.73-.33-.49-.49-1.15-.49-1.98s.17-1.47.51-1.97c.34-.51.81-.76 1.42-.76.34 0 .62.07.87.2.24.14.44.33.61.57s.29.53.37.87c.08.35.12.71.12 1.11 0 .78-.18 1.42-.53 1.92Zm4.72-6.7h3.04v9.56h-3.04zm38.53 15.78h-10.16v10.16h10.16zh10.16V61.26h-10.16z"/> <path d="M167.19 40.95h-10.16V51.1h10.16v10.16h10.17V51.1h-10.17zm-20.32-10.17h10.16v10.16h-10.16zm121.94-10.16V10.45h-20.32v10.17h-10.17V51.1h-10.15V20.62H218V51.1h-10.16V10.45h-10.16v50.81H218v20.33h10.17V61.26h10.15v10.17h10.17v10.16h20.32V71.43h-20.32V20.62zv50.81h10.17V20.62z"/> </svg> </span> <span class='global-header-glyph-mini'> <div class='glyph-with-text'><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 279.14 82"> <path d="M86.59 58.33c.21.28.33.69.33 1.2v5.68h3.04v-5.36c0-.57.13-1.04.39-1.4s.63-.54 1.12-.54.8.14 1.01.42c.22.28.33.69.33 1.2v5.68h3.04v-6.22c0-.53-.07-1.02-.2-1.48-.14-.44-.34-.83-.61-1.15a2.9 2.9 0 0 0-1.01-.74c-.41-.17-.88-.27-1.42-.27-.62 0-1.18.13-1.69.4s-.94.69-1.32 1.28h-.04c-.25-.53-.6-.93-1.05-1.24-.45-.29-1-.45-1.64-.45-.69 0-1.28.15-1.74.45s-.85.69-1.15 1.2h-.05v-1.36h-2.91v9.56h3.04v-5.36c0-.57.13-1.04.4-1.4q.405-.54 1.11-.54c.705 0 .8.14 1.01.42h-.02Zm17.8 14.95c-.36-.45-.78-.81-1.29-1.07s-1.07-.38-1.69-.38c-.66 0-1.2.12-1.63.37s-.79.58-1.09.99h-.05v-4.88H95.6v13.35h2.91v-1.21h.04c.3.5.69.87 1.19 1.13s1.07.38 1.7.38 1.17-.12 1.67-.35.93-.56 1.29-1 .63-.97.82-1.6c.2-.62.28-1.34.28-2.14 0-.72-.1-1.39-.28-2.01-.2-.61-.47-1.15-.82-1.6Zm-2.44 5.56c-.32.48-.77.72-1.37.72-.63 0-1.13-.25-1.5-.74s-.54-1.14-.54-1.93.16-1.43.5-1.96c.33-.53.83-.78 1.5-.78q.93 0 1.41.75c.48.75.48 1.16.48 1.98s-.16 1.49-.48 1.97ZM10.11 41.15H0v40.51h40.49V71.53H10.11zm73.95 4.21c0-.57.13-1.04.4-1.4q.405-.54 1.11-.54c.705 0 .8.14 1.01.42s.33.69.33 1.2v5.68h3.04v-5.36c0-.57.13-1.04.39-1.4s.63-.54 1.12-.54.8.14 1.01.42c.22.28.33.69.33 1.2v5.68h3.04v-6.21c0-.53-.07-1.02-.2-1.48-.14-.45-.34-.83-.61-1.15s-.61-.56-1.01-.74-.88-.26-1.42-.26c-.62 0-1.18.13-1.69.4s-.94.69-1.32 1.28h-.04c-.25-.53-.6-.93-1.05-1.23s-1-.45-1.64-.45c-.69 0-1.28.15-1.74.45s-.85.69-1.15 1.19h-.05v-1.36h-2.91v9.56h3.04v-5.36h-.02ZM40.49 10.77H-.02v10.12h30.39v30.39h30.38v30.38h10.13V41.15H40.49zm40.53 57.54h3.08v13.35h-3.08zm13.19 11.87v-4.81c0-.6-.1-1.13-.3-1.58-.2-.46-.51-.85-.92-1.14-.35-.26-.77-.45-1.26-.59-.5-.13-1.1-.2-1.83-.2s-1.35.09-1.89.26c-.53.17-.98.41-1.34.71-.36.29-.62.65-.81 1.04-.19.4-.28.82-.29 1.27h2.8c.05-.4.2-.7.44-.92s.61-.32 1.1-.32c.46 0 .79.09 1 .28s.31.44.31.75-.19.55-.54.69c-.36.13-.99.26-1.89.37-.5.06-.97.15-1.41.28-.44.12-.83.3-1.17.53s-.61.53-.79.88c-.2.36-.29.79-.29 1.32 0 .47.08.89.24 1.25s.38.67.68.92c.28.25.63.44 1.03.56.41.12.85.19 1.32.19q1.08 0 1.74-.36c.45-.23.8-.55 1.09-.95h.04c.04.25.08.46.13.64s.12.32.19.42h2.95v-.13a.68.68 0 0 1-.27-.45c-.04-.21-.06-.52-.06-.91m-2.91-1.93c0 .53-.18.94-.53 1.25-.36.31-.82.47-1.39.47-.37 0-.69-.08-.93-.24-.25-.16-.37-.44-.37-.82s.13-.63.39-.81.69-.34 1.27-.47c.31-.07.6-.15.87-.23s.5-.17.7-.27v1.14-.03Zm5.9-37.09h3.04v9.56H97.2zm34.45 22.55V58.9c0-.6-.1-1.13-.3-1.58-.2-.46-.5-.84-.92-1.14-.35-.27-.77-.45-1.27-.59s-1.1-.2-1.82-.2-1.35.09-1.89.26c-.53.17-.98.41-1.34.71-.36.29-.62.65-.81 1.05s-.28.82-.3 1.27h2.8c.05-.4.2-.7.44-.92.25-.21.61-.32 1.1-.32s.79.09 1 .28q.3.285.3.75c0 .465-.18.55-.54.69s-.99.27-1.89.37c-.5.06-.97.16-1.42.28s-.83.3-1.17.53-.6.53-.79.87c-.2.36-.28.79-.28 1.32 0 .47.08.89.24 1.25s.38.67.68.92c.28.25.63.44 1.03.56s.85.19 1.32.19c.72 0 1.31-.12 1.74-.36.44-.24.81-.55 1.09-.95h.04c.04.25.08.46.13.65.04.18.12.32.19.42h2.95v-.13c-.13-.09-.23-.24-.27-.46-.04-.21-.06-.52-.06-.91Zm-2.91-1.92c0 .53-.18.94-.53 1.25-.36.31-.82.47-1.39.47-.37 0-.69-.08-.93-.24s-.37-.44-.37-.82c0-.36.12-.63.39-.81.26-.18.69-.34 1.26-.48.31-.07.6-.15.86-.23s.5-.17.7-.27v1.14-.02Zm-10.24-9.93h3.04v2.47h-3.04zM97.2 37.37h3.04v2.47H97.2zm9.31 11.11c-.32 0-.59-.06-.77-.19-.2-.12-.28-.37-.28-.75v-4.48h1.74v-1.9h-1.74v-3.03h-2.97v3.03h-1.26v1.9h1.26v5.14c0 .51.07.93.22 1.28s.36.61.63.81.6.34.96.42.77.12 1.22.12c.41 0 .76-.02 1.03-.04.28-.03.49-.06.62-.11v-2.22h-.67Zm-.35 10.07c-.28-.8-.7-1.47-1.28-1.98-.41-.37-.89-.67-1.42-.88a5.1 5.1 0 0 0-1.84-.32c-.73 0-1.4.13-1.99.38-.6.26-1.11.61-1.55 1.07-.44.45-.77.99-1.01 1.6s-.36 1.28-.36 1.98.12 1.4.36 2.02.57 1.16 1.01 1.62c.44.45.97.81 1.6 1.06.63.26 1.34.38 2.13.38.61 0 1.16-.07 1.66-.22.49-.15.93-.36 1.34-.65.42-.28.77-.62 1.04-1.01.28-.39.46-.8.56-1.24h-2.97c-.13.29-.34.53-.6.7-.26.16-.59.25-.99.25-.64 0-1.13-.19-1.48-.56s-.57-.88-.67-1.53h6.87c.02-.97-.12-1.85-.4-2.66Zm-6.45.85c.1-.57.3-1.02.61-1.36s.76-.51 1.34-.51q.75 0 1.23.51c.48.51.52.79.58 1.36H99.7Zm14.53-2.67h-.05c-.28-.4-.64-.72-1.05-.98s-.95-.38-1.62-.38c-.62 0-1.19.12-1.7.37-.52.25-.95.6-1.32 1.04s-.66.97-.86 1.59-.31 1.31-.31 2.06c0 .8.11 1.51.31 2.14.2.62.5 1.16.87 1.59.37.44.81.77 1.33 1 .51.23 1.07.35 1.68.35s1.19-.14 1.67-.42.86-.67 1.15-1.17h.04v1.29h2.91V51.86h-3.04v4.87Zm-.46 5.62c-.36.5-.85.75-1.49.75-.6 0-1.06-.24-1.4-.73-.33-.49-.49-1.15-.49-1.98s.17-1.47.51-1.97c.34-.51.81-.76 1.42-.76.34 0 .62.07.87.2.24.14.44.33.61.57s.29.53.37.87c.08.35.12.71.12 1.11 0 .78-.18 1.42-.53 1.92Zm4.72-6.7h3.04v9.56h-3.04zm38.53 15.78h-10.16v10.16h10.16zh10.16V61.26h-10.16z"/> <path d="M167.19 40.95h-10.16V51.1h10.16v10.16h10.17V51.1h-10.17zm-20.32-10.17h10.16v10.16h-10.16zm121.94-10.16V10.45h-20.32v10.17h-10.17V51.1h-10.15V20.62H218V51.1h-10.16V10.45h-10.16v50.81H218v20.33h10.17V61.26h10.15v10.17h10.17v10.16h20.32V71.43h-20.32V20.62zv50.81h10.17V20.62z"/> </svg> </div> <div class='glyph-without-text'><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 78.51 25"> <path d="M0 10.72V25h14.28v-3.57H3.57V10.72zM21.43 25V14.28H10.72V3.57H0V0h14.28v10.72h10.71V25h-3.57Zm10.68-7.14h3.57v3.57h-3.57zm3.57-3.57h3.57v3.57h-3.57z"/> <path d="M39.24 10.73h3.57v3.57h-3.57zm-3.56-3.57h3.57v3.57h-3.57zm-3.57-3.57h3.57v3.57h-3.57zm32.11 0v10.7h-3.57V3.59h-3.57v10.7h-3.57V.02h-3.56v17.84h7.13V25h3.57v-7.14h3.57v3.57h3.57V3.59zm3.57 17.84h7.14V25h-7.14zm0-21.41h7.14v3.57h-7.14zm7.13 3.57h3.57v17.84h-3.57z"/> </svg> </div> </span> </a> </div> <nav class='global-header-nav'> <ul class='global-header-nav-list'> <li class='global-header-nav-user'> <a href='#' data-target='user'> <span class='open'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <title>User</title> <path d='M21.498,21.123c0,0.208-0.166,0.375-0.375,0.375H3.877c-0.209,0-0.375-0.167-0.375-0.375v-0.75 c0-3.75,6.748-3,6.748-5.999c0,0-2.249-2.25-2.249-6.374c0-2.479,2.02-4.499,4.498-4.499c2.479,0,4.499,2.021,4.499,4.499 c0,4.124-2.249,6.374-2.249,6.374c0,2.999,6.748,2.249,6.748,5.999V21.123z'/> </svg> </span> <span class='close'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M20.394,17.374c0,0.104-0.042,0.188-0.104,0.271l-2.646,2.645c-0.083,0.062-0.166,0.104-0.271,0.104 s-0.188-0.042-0.271-0.104L12.5,15.687L7.896,20.29c-0.082,0.062-0.166,0.104-0.27,0.104c-0.104,0-0.188-0.042-0.271-0.104 L4.71,17.645c-0.062-0.083-0.104-0.167-0.104-0.271s0.042-0.188,0.104-0.271L9.313,12.5L4.71,7.897 C4.648,7.814,4.606,7.73,4.606,7.626S4.648,7.439,4.71,7.355L7.355,4.71c0.084-0.062,0.167-0.104,0.271-0.104 c0.104,0,0.188,0.042,0.27,0.104L12.5,9.313l4.604-4.603c0.083-0.062,0.166-0.104,0.271-0.104s0.188,0.042,0.271,0.104l2.646,2.645 c0.062,0.083,0.104,0.167,0.104,0.271s-0.042,0.188-0.104,0.271L15.687,12.5l4.603,4.604C20.352,17.186,20.394,17.27,20.394,17.374z '/> </svg> </span> <span class='accessible-text'>Login</span> </a> </li> <li class='global-header-nav-search'> <a href='#' data-target='search'> <span class='open'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <title>Search</title> <path d='M3.939,21.06c-0.583-0.583-0.583-1.541,0-2.125l5.104-5.082c-0.667-1.042-1.042-2.291-1.042-3.603 c0-3.729,3.021-6.749,6.748-6.749c3.729,0,6.749,3.02,6.749,6.749c0,3.728-3.021,6.748-6.749,6.748 c-1.312,0-2.562-0.375-3.603-1.042L6.064,21.06C5.48,21.644,4.522,21.644,3.939,21.06z M14.749,14.749 c2.479,0,4.499-2.02,4.499-4.499s-2.021-4.499-4.499-4.499s-4.498,2.021-4.498,4.499S12.27,14.749,14.749,14.749z'/> </svg> </span> <span class='close'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M20.394,17.374c0,0.104-0.042,0.188-0.104,0.271l-2.646,2.645c-0.083,0.062-0.166,0.104-0.271,0.104 s-0.188-0.042-0.271-0.104L12.5,15.687L7.896,20.29c-0.082,0.062-0.166,0.104-0.27,0.104c-0.104,0-0.188-0.042-0.271-0.104 L4.71,17.645c-0.062-0.083-0.104-0.167-0.104-0.271s0.042-0.188,0.104-0.271L9.313,12.5L4.71,7.897 C4.648,7.814,4.606,7.73,4.606,7.626S4.648,7.439,4.71,7.355L7.355,4.71c0.084-0.062,0.167-0.104,0.271-0.104 c0.104,0,0.188,0.042,0.27,0.104L12.5,9.313l4.604-4.603c0.083-0.062,0.166-0.104,0.271-0.104s0.188,0.042,0.271,0.104l2.646,2.645 c0.062,0.083,0.104,0.167,0.104,0.271s-0.042,0.188-0.104,0.271L15.687,12.5l4.603,4.604C20.352,17.186,20.394,17.27,20.394,17.374z '/> </svg> </span> <span class='accessible-text'>Search</span> </a> </li> <li class='global-header-nav-hamburger'> <a href='#' data-target='nav'> <span class='open'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <title>Nav</title> <path d='M21.498,7.626c0,0.208-0.166,0.375-0.375,0.375H3.877c-0.209,0-0.375-0.167-0.375-0.375V3.877 c0-0.208,0.166-0.375,0.375-0.375h17.245c0.209,0,0.375,0.167,0.375,0.375V7.626z M21.498,14.375c0,0.208-0.166,0.375-0.375,0.375 H3.877c-0.209,0-0.375-0.167-0.375-0.375v-3.75c0-0.208,0.166-0.375,0.375-0.375h17.245c0.209,0,0.375,0.167,0.375,0.375V14.375z M21.498,21.123c0,0.208-0.166,0.375-0.375,0.375H3.877c-0.209,0-0.375-0.167-0.375-0.375v-3.749c0-0.208,0.166-0.375,0.375-0.375 h17.245c0.209,0,0.375,0.167,0.375,0.375V21.123z'/> </svg> </span> <span class='close'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M20.394,17.374c0,0.104-0.042,0.188-0.104,0.271l-2.646,2.645c-0.083,0.062-0.166,0.104-0.271,0.104 s-0.188-0.042-0.271-0.104L12.5,15.687L7.896,20.29c-0.082,0.062-0.166,0.104-0.27,0.104c-0.104,0-0.188-0.042-0.271-0.104 L4.71,17.645c-0.062-0.083-0.104-0.167-0.104-0.271s0.042-0.188,0.104-0.271L9.313,12.5L4.71,7.897 C4.648,7.814,4.606,7.73,4.606,7.626S4.648,7.439,4.71,7.355L7.355,4.71c0.084-0.062,0.167-0.104,0.271-0.104 c0.104,0,0.188,0.042,0.27,0.104L12.5,9.313l4.604-4.603c0.083-0.062,0.166-0.104,0.271-0.104s0.188,0.042,0.271,0.104l2.646,2.645 c0.062,0.083,0.104,0.167,0.104,0.271s-0.042,0.188-0.104,0.271L15.687,12.5l4.603,4.604C20.352,17.186,20.394,17.27,20.394,17.374z '/> </svg> </span> <span class='accessible-text'>Nav</span> </a> </li> </ul> </nav> <div class='glyph global-header-mit-glyph shim-svgs'> <a href='https://web.mit.edu'> <span class='global-header-mit-glyph-main'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1680 1040" enable-background="new 0 0 1680 1040" xml:space="preserve"> <path fill="#FFFFFF" d="M880,880h160V400H880V880z M1120,320h400V160h-400V320z M880,160.00003h160v160H880V160.00003z M640,880h160 V160H640V880z M400,720h160V160H400V720z M160,880h160V160H160V880z M1120,880h160V400h-160V880z"/> </svg> </span> <span class='global-header-mit-glyph-mini'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1760 1040" enable-background="new 0 0 1760 1040" xml:space="preserve"> <path fill="#FFFFFF" d="M940,160.00003h160v160H940V160.00003z M940,880h160V420H940V880z M160,880h160V160H160V880z M1200,320.13501h400V160.13499h-400V320.13501z M680,880h160V160H680V880z M1200,880h160V420h-160V880z M420,720h160V160H420V720z" /> </svg> </span> </a> </div> </div> </header> <div class='global-drawer' tabindex='0'> <section class='global-drawer-pane' data-pane='search'> <form id='global-search'> <fieldset class='field-group'> <label>Find People, Projects, etc.</label> <fieldset class='field autocomplete variant-search variant-single-value variant-no-prefetch' data-single-value='true' data-endpoint='/q/{{query}}/?extra_meta=content' > <div class='autocomplete-drop-menu '> <i class='search-icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <title>Search</title> <path d='M3.939,21.06c-0.583-0.583-0.583-1.541,0-2.125l5.104-5.082c-0.667-1.042-1.042-2.291-1.042-3.603 c0-3.729,3.021-6.749,6.748-6.749c3.729,0,6.749,3.02,6.749,6.749c0,3.728-3.021,6.748-6.749,6.748 c-1.312,0-2.562-0.375-3.603-1.042L6.064,21.06C5.48,21.644,4.522,21.644,3.939,21.06z M14.749,14.749 c2.479,0,4.499-2.02,4.499-4.499s-2.021-4.499-4.499-4.499s-4.498,2.021-4.498,4.499S12.27,14.749,14.749,14.749z'/> </svg> </i> <div class='field custom-input' data-ignore='true'> <input class='autocomplete-control drop-menu-control' type='text' placeholder='' autocomplete='off' /> </div> <ul class='autocomplete-results drop-menu-items-wrap'> </ul> </div> <div class='autocomplete-tags '> </div> <i class='processing-spinner'> <span class='squares-left'></span> <span class='squares-right'></span> </i> </fieldset> </fieldset> </form> </section> <section class='global-drawer-pane' data-pane='user'> <div class='tabpanel' id='login-tabpanel-3b267566-b8c7-44b4-a11b-3c096eb99227' tabindex='0'> <ul class='tabpanel-labels'> <li class='tabpanel-label state-current' data-tab='login'>Login</li> <li class='tabpanel-label' data-tab='register'>Register</li> </ul> <section class='tabpanel-tab state-current' data-tab='login'> <form id='login-form-3b267566-b8c7-44b4-a11b-3c096eb99227' class='form login-form' method='post' action='/users/login/'> <fieldset class='form-bd'> <div data-csrf></div> <div class='field-group'> <label for='id_username_3b267566-b8c7-44b4-a11b-3c096eb99227'>Email:</label> <div class='field custom-input '> <input type='email' name='username' id='id_username_3b267566-b8c7-44b4-a11b-3c096eb99227' required> </div> </div> <div class='field-group'> <label for='id_password_3b267566-b8c7-44b4-a11b-3c096eb99227'>Password:</label> <div class='field custom-input '> <input type='password' name='password' id='id_password_3b267566-b8c7-44b4-a11b-3c096eb99227' required> </div> </div> </fieldset> <footer class='form-ft'> <div class='button-group'> <input type='submit' class='button state-disabled form-submit' value='Log in to the Lab'> </div> <br> <div class="link-group clear"> <a class="form-link" href='https://login.media.mit.edu/password_reset/' style='font-size: 16px;'>Work for a Member company and forgot your password?</a> </div> </footer> <script> mlScripts.push(function (core) { require(['ui/Tabpanel', 'forms/Form'], function (Tabpanel, Form) { const tabpanel = new Tabpanel({ selector: '#login-tabpanel-3b267566-b8c7-44b4-a11b-3c096eb99227' }); const form = new Form({ selector: '#login-form-3b267566-b8c7-44b4-a11b-3c096eb99227' }); // HACK // for some reason seemingly having to do with starting out // hidden, the login form in the drawer won't start with // the submit button disabled. watch for when it gets // displayed, and make one final call to fix it. const pane = form.getEl()[0].closest(".global-drawer-pane"); if (pane) { const observer = new MutationObserver((mutations) => { for (const mutation of mutations) { if (mutation.target.style.display != "none") { form.setSubmitStatus(); observer.disconnect(); break; } } }); observer.observe(pane, {attributes: true}); } }); }); </script> </form> </section> <section class='tabpanel-tab' data-tab='register'> <p>Work for a Member company and need a Member Portal account? Register here with your company email address.</p> <button onclick='location.href="https://login.media.mit.edu/register/"' class='button'>Register a Member Account</button> </section> </div> </section> <section class='global-drawer-pane' data-pane='nav'> <nav class='global-drawer-nav'> <ul> <li class=' '> <a href='/'> News + Updates </a> </li> <li class=' state-open'> <a href='/research/'> Research </a> <div class='global-drawer-subsection variant-profile'> <ul class='global-drawer-subsection-list'> <li> <a class='state-current' href='/groups/tangible-media/overview/'>Tangible Media</a> <ul> <li class='state-current'><a href='/groups/tangible-media/overview/'>Overview</a></li> <li class=''><a href='/groups/tangible-media/people/'>People</a></li> <li class=''><a href='/groups/tangible-media/projects/'>Projects</a></li> <li class=''><a href='/groups/tangible-media/publications/'>Publications</a></li> <li class=''><a href='/groups/tangible-media/archived-projects/'>Archived Projects</a></li> <li class=''><a href='/groups/tangible-media/updates/'>Updates</a></li> <li class=''><a href='/groups/tangible-media/events/'>Events</a></li> <li class=''><a href='/groups/tangible-media/applicant-information/'>Applicant Information</a></li> </ul> </li> </ul> </div> </li> <li class=' '> <a href='/about/'> About </a> </li> <li class=' '> <a href='/about/funding-and-support/'> Support the Media Lab </a> </li> <li class=' '> <a href='/graduate-program/'> MAS Graduate Program </a> </li> <li class=' '> <a href='/people/'> People </a> </li> <li class=' '> <a href='/events/'> Events </a> </li> <li class=' '> <a href='/videos/'> Videos </a> </li> <li class=' '> <a href='/member-portal/'> Member Portal </a> </li> <li class=' '> <a href='/about/press-visits-and-inquiries/'> For Press + Media </a> </li> </ul> </nav> </section> </div> <div class='global-page '> <div class='hero state-has-image ' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2023/03/31/Screenshot 2023-03-31 at 3.32.14 AM.png.1400x1400.png"); background-position: 50.0% 50.0%;'> <div class='hero-content'> <div class='hero-glyph shim-svgs'> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="160" height="55" viewBox="0 0 160 55" enable-background="new 0 0 160 55" xml:space="preserve"> <path d="M35.713,14.283V0H0v7.142h28.573l-0.002,14.285h0.002v0.003l14.282-0.003V50h7.143V14.286v-0.003H35.713z M7.143,14.283H0 v35.716h7.143V35.714h28.57v-7.143H7.143V14.283z M89.302,48.803c0.404,0,0.732-0.11,0.981-0.33 c0.252-0.221,0.377-0.515,0.377-0.883v-0.803c-0.141,0.069-0.305,0.132-0.494,0.19c-0.19,0.059-0.394,0.113-0.613,0.165 c-0.413,0.097-0.711,0.208-0.895,0.336c-0.184,0.127-0.278,0.318-0.278,0.573c0,0.273,0.089,0.466,0.265,0.579 C88.82,48.746,89.039,48.803,89.302,48.803 M88.617,50.173c-0.334,0-0.643-0.044-0.929-0.13c-0.286-0.09-0.53-0.221-0.731-0.396 c-0.202-0.176-0.361-0.391-0.476-0.645c-0.114-0.256-0.171-0.551-0.171-0.884c0-0.369,0.067-0.678,0.205-0.929 c0.135-0.251,0.322-0.457,0.559-0.619c0.238-0.163,0.512-0.289,0.824-0.375c0.311-0.087,0.643-0.154,0.994-0.197 c0.634-0.08,1.076-0.166,1.331-0.265c0.254-0.096,0.382-0.259,0.382-0.487c0-0.22-0.071-0.396-0.217-0.526 c-0.145-0.132-0.382-0.198-0.705-0.198c-0.343,0-0.603,0.075-0.779,0.224c-0.175,0.149-0.281,0.365-0.316,0.645h-1.976 c0.01-0.316,0.079-0.614,0.211-0.896c0.132-0.281,0.322-0.527,0.574-0.738c0.25-0.21,0.563-0.377,0.942-0.499 c0.377-0.124,0.82-0.186,1.331-0.186c0.509,0,0.939,0.046,1.291,0.139c0.352,0.092,0.65,0.231,0.896,0.415 c0.289,0.211,0.506,0.479,0.645,0.804c0.141,0.324,0.211,0.698,0.211,1.119v3.4c0,0.272,0.016,0.485,0.047,0.639 c0.03,0.154,0.095,0.262,0.19,0.323v0.092h-2.081c-0.053-0.071-0.098-0.169-0.132-0.298c-0.035-0.127-0.066-0.277-0.092-0.453H90.62 c-0.203,0.281-0.46,0.506-0.771,0.672C89.536,50.091,89.127,50.173,88.617,50.173 M83.491,43.257h2.147v6.745h-2.147V43.257z M83.491,40.581h2.147v1.741h-2.147V40.581z M79.052,48.513c0.447,0,0.797-0.176,1.047-0.527c0.25-0.351,0.375-0.804,0.375-1.357 c0-0.283-0.029-0.543-0.085-0.785c-0.059-0.242-0.145-0.448-0.265-0.62c-0.117-0.17-0.263-0.304-0.434-0.401 c-0.172-0.096-0.377-0.145-0.613-0.145c-0.43,0-0.765,0.178-1,0.533c-0.239,0.357-0.356,0.82-0.356,1.391 c0,0.588,0.116,1.055,0.349,1.396C78.301,48.341,78.629,48.513,79.052,48.513 M78.498,50.213c-0.431,0-0.827-0.082-1.185-0.245 c-0.361-0.161-0.673-0.397-0.936-0.705c-0.264-0.306-0.468-0.683-0.613-1.124c-0.144-0.445-0.218-0.948-0.218-1.509 c0-0.528,0.074-1.011,0.218-1.45c0.145-0.439,0.347-0.816,0.607-1.127c0.258-0.311,0.569-0.555,0.929-0.732 c0.361-0.175,0.758-0.262,1.199-0.262c0.474,0,0.855,0.09,1.145,0.269c0.29,0.181,0.536,0.412,0.739,0.692h0.038v-3.439h2.148v9.421 h-2.056v-0.909h-0.026c-0.202,0.351-0.472,0.626-0.812,0.822C79.339,50.113,78.946,50.213,78.498,50.213 M72.951,45.905 c-0.044-0.405-0.18-0.725-0.409-0.963c-0.228-0.237-0.519-0.355-0.869-0.355c-0.414,0-0.728,0.118-0.949,0.355 c-0.22,0.238-0.364,0.558-0.434,0.963H72.951z M71.765,50.199c-0.553,0-1.054-0.091-1.502-0.27 c-0.449-0.179-0.826-0.431-1.133-0.751c-0.307-0.321-0.545-0.701-0.713-1.14c-0.166-0.439-0.25-0.914-0.25-1.423 c0-0.5,0.083-0.968,0.25-1.404c0.168-0.434,0.405-0.812,0.713-1.132c0.307-0.321,0.673-0.572,1.093-0.753 c0.421-0.179,0.892-0.269,1.41-0.269c0.482,0,0.915,0.075,1.298,0.224c0.382,0.149,0.718,0.356,1.007,0.62 c0.404,0.368,0.705,0.836,0.903,1.402c0.197,0.566,0.291,1.192,0.283,1.878h-4.848c0.069,0.458,0.227,0.817,0.474,1.08 c0.246,0.263,0.593,0.395,1.041,0.395c0.282,0,0.513-0.058,0.698-0.177c0.185-0.118,0.326-0.284,0.422-0.494h2.095 c-0.069,0.307-0.202,0.599-0.396,0.876c-0.194,0.277-0.438,0.516-0.737,0.719c-0.281,0.202-0.596,0.355-0.942,0.462 C72.584,50.146,72.196,50.199,71.765,50.199 M57.141,43.257h2.054v0.961h0.04c0.211-0.352,0.48-0.634,0.811-0.844 c0.329-0.21,0.739-0.316,1.231-0.316c0.449,0,0.832,0.106,1.153,0.316c0.321,0.21,0.57,0.501,0.743,0.869H63.2 c0.264-0.413,0.575-0.712,0.93-0.902c0.355-0.189,0.753-0.283,1.192-0.283c0.378,0,0.711,0.061,1.002,0.185 c0.289,0.123,0.53,0.295,0.718,0.519c0.189,0.224,0.332,0.495,0.428,0.811c0.097,0.318,0.146,0.663,0.146,1.04v4.389h-2.149v-4.005 c0-0.37-0.077-0.653-0.229-0.85c-0.155-0.198-0.394-0.298-0.719-0.298c-0.342,0-0.607,0.128-0.79,0.383 c-0.185,0.255-0.277,0.584-0.277,0.989v3.781h-2.147v-4.005c0-0.37-0.077-0.653-0.23-0.85c-0.155-0.198-0.394-0.298-0.719-0.298 c-0.334,0-0.595,0.128-0.783,0.383c-0.19,0.255-0.284,0.584-0.284,0.989v3.781h-2.147V43.257z M101.227,34.296 c-0.045-0.404-0.18-0.724-0.411-0.961c-0.227-0.237-0.518-0.356-0.867-0.356c-0.415,0-0.731,0.119-0.95,0.356 c-0.22,0.237-0.365,0.557-0.435,0.961H101.227z M100.04,38.592c-0.552,0-1.055-0.089-1.503-0.27 c-0.447-0.179-0.823-0.43-1.132-0.751c-0.307-0.32-0.544-0.701-0.713-1.14c-0.166-0.438-0.25-0.913-0.25-1.423 c0-0.499,0.083-0.967,0.25-1.404c0.169-0.434,0.405-0.811,0.713-1.133c0.308-0.32,0.672-0.571,1.093-0.751 c0.422-0.18,0.893-0.269,1.409-0.269c0.484,0,0.916,0.074,1.299,0.223c0.382,0.149,0.718,0.356,1.008,0.619 c0.404,0.37,0.705,0.837,0.902,1.403c0.198,0.567,0.291,1.195,0.284,1.879h-4.849c0.069,0.457,0.227,0.816,0.474,1.079 c0.246,0.263,0.593,0.396,1.042,0.396c0.279,0,0.512-0.06,0.697-0.177c0.186-0.119,0.325-0.284,0.422-0.495h2.095 c-0.07,0.307-0.202,0.6-0.396,0.877c-0.193,0.276-0.438,0.515-0.737,0.718c-0.282,0.202-0.596,0.356-0.942,0.462 C100.859,38.538,100.471,38.592,100.04,38.592 M93.649,28.974h2.175v9.42h-2.175V28.974z M89.513,36.905 c0.421,0,0.744-0.17,0.968-0.507c0.224-0.339,0.337-0.802,0.337-1.391c0-0.579-0.113-1.045-0.337-1.396 c-0.224-0.351-0.555-0.527-0.995-0.527c-0.475,0-0.828,0.183-1.06,0.554c-0.234,0.369-0.349,0.83-0.349,1.383 c0,0.562,0.127,1.016,0.382,1.364C88.714,36.732,89.065,36.905,89.513,36.905 M90.119,38.605c-0.447,0-0.847-0.09-1.198-0.269 c-0.352-0.183-0.634-0.447-0.844-0.799h-0.027v0.855h-2.055v-9.419h2.147v3.439h0.039c0.21-0.29,0.468-0.523,0.771-0.699 c0.303-0.175,0.687-0.262,1.153-0.262c0.439,0,0.837,0.089,1.192,0.269c0.355,0.18,0.659,0.431,0.909,0.751 c0.251,0.322,0.445,0.699,0.58,1.133c0.137,0.436,0.204,0.909,0.204,1.418c0,0.562-0.067,1.064-0.204,1.509 c-0.135,0.443-0.33,0.819-0.58,1.126c-0.25,0.307-0.554,0.542-0.909,0.704C90.943,38.524,90.549,38.605,90.119,38.605 M83.057,31.649h2.147v6.744h-2.147V31.649z M83.057,28.974h2.147v1.74h-2.147V28.974z M78.721,36.431 c0.466,0,0.811-0.162,1.035-0.486c0.225-0.326,0.337-0.725,0.337-1.2c0-0.227-0.029-0.443-0.085-0.645 c-0.057-0.202-0.146-0.38-0.265-0.533c-0.119-0.154-0.263-0.275-0.435-0.364c-0.17-0.086-0.366-0.13-0.587-0.13 c-0.403,0-0.724,0.15-0.967,0.454c-0.242,0.303-0.363,0.714-0.363,1.232c0,0.51,0.12,0.915,0.363,1.218 C77.997,36.28,78.318,36.431,78.721,36.431 M78.736,40.727c-0.931,0-1.687-0.186-2.267-0.554c-0.58-0.369-0.924-0.909-1.028-1.62 h2.082c0.061,0.175,0.183,0.329,0.368,0.46c0.186,0.133,0.458,0.198,0.818,0.198c0.455,0,0.785-0.111,0.988-0.337 c0.202-0.223,0.304-0.541,0.304-0.954v-0.672h-0.054c-0.202,0.229-0.436,0.415-0.705,0.559c-0.268,0.145-0.607,0.218-1.02,0.218 c-0.379,0-0.743-0.07-1.094-0.211c-0.352-0.14-0.663-0.343-0.935-0.612c-0.273-0.268-0.49-0.6-0.653-1.002 c-0.162-0.4-0.243-0.858-0.243-1.377c0-0.492,0.067-0.944,0.205-1.357c0.135-0.414,0.329-0.768,0.579-1.068 c0.251-0.298,0.548-0.531,0.895-0.698c0.349-0.169,0.732-0.25,1.154-0.25c0.447,0,0.824,0.081,1.133,0.25 c0.308,0.166,0.562,0.39,0.765,0.672h0.027v-0.724h2.054v6.087c0,0.509-0.082,0.948-0.243,1.317 c-0.163,0.369-0.38,0.676-0.651,0.923c-0.301,0.262-0.662,0.454-1.089,0.573C79.699,40.667,79.235,40.727,78.736,40.727 M68.234,31.649h2.067v0.923h0.042c0.253-0.37,0.546-0.648,0.875-0.837c0.331-0.19,0.731-0.283,1.207-0.283 c0.368,0,0.697,0.063,0.988,0.19c0.289,0.127,0.535,0.304,0.737,0.527c0.203,0.224,0.356,0.492,0.461,0.803 c0.106,0.313,0.159,0.657,0.159,1.036v4.386h-2.148v-3.952c0-0.361-0.087-0.65-0.263-0.869c-0.175-0.219-0.439-0.33-0.79-0.33 c-0.359,0-0.647,0.132-0.863,0.396c-0.215,0.262-0.322,0.606-0.322,1.028v3.727h-2.148V31.649z M63.979,37.195 c0.405,0,0.732-0.11,0.981-0.329c0.252-0.22,0.375-0.515,0.375-0.884v-0.802c-0.141,0.069-0.304,0.133-0.495,0.191 c-0.188,0.057-0.392,0.11-0.611,0.163c-0.414,0.097-0.711,0.209-0.896,0.337c-0.185,0.127-0.277,0.318-0.277,0.572 c0,0.274,0.087,0.466,0.264,0.581C63.495,37.139,63.716,37.195,63.979,37.195 M63.294,38.567c-0.334,0-0.644-0.045-0.928-0.132 c-0.287-0.09-0.532-0.22-0.734-0.396c-0.202-0.176-0.359-0.391-0.474-0.646c-0.114-0.254-0.171-0.548-0.171-0.882 c0-0.369,0.067-0.679,0.205-0.929c0.135-0.25,0.322-0.458,0.559-0.62c0.237-0.163,0.511-0.287,0.823-0.375 c0.311-0.087,0.643-0.154,0.994-0.197c0.632-0.08,1.077-0.166,1.332-0.265c0.254-0.096,0.381-0.259,0.381-0.486 c0-0.22-0.07-0.396-0.217-0.528c-0.145-0.131-0.381-0.196-0.705-0.196c-0.342,0-0.602,0.075-0.778,0.223 c-0.175,0.149-0.281,0.365-0.316,0.645h-1.976c0.007-0.316,0.078-0.613,0.21-0.896c0.131-0.279,0.323-0.526,0.574-0.736 c0.25-0.211,0.564-0.379,0.942-0.501c0.378-0.124,0.82-0.185,1.33-0.185c0.511,0,0.94,0.046,1.292,0.138 c0.351,0.093,0.652,0.231,0.896,0.415c0.29,0.21,0.507,0.479,0.646,0.804c0.141,0.324,0.211,0.698,0.211,1.12v3.399 c0,0.272,0.015,0.485,0.047,0.639c0.029,0.155,0.093,0.262,0.19,0.322v0.092h-2.083c-0.051-0.068-0.096-0.167-0.131-0.294 c-0.035-0.129-0.065-0.279-0.092-0.454h-0.027c-0.203,0.279-0.459,0.506-0.771,0.672C64.213,38.483,63.803,38.567,63.294,38.567 M59.222,38.473c-0.316,0-0.605-0.028-0.864-0.085c-0.258-0.057-0.484-0.156-0.678-0.297c-0.192-0.141-0.341-0.331-0.447-0.574 c-0.106-0.241-0.158-0.542-0.158-0.901v-3.623h-0.896v-1.344h0.896v-2.135h2.094v2.135h1.227v1.344h-1.227v3.161 c0,0.265,0.069,0.441,0.205,0.526c0.138,0.09,0.318,0.133,0.547,0.133c0.096,0,0.19-0.001,0.276-0.006 c0.087-0.004,0.154-0.007,0.198-0.007v1.569c-0.096,0.025-0.245,0.05-0.443,0.071C59.755,38.461,59.512,38.473,59.222,38.473"></path> </svg> </div> <h1 class='hero-content-title'>Invent new tangible and embodied interactions that inspire and engage people</h1> <div class='hero-meta hero-content-aux'> <div class='hero-media-license'> <div class='media-license'> <span class='license-icon'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 20 20 20" enable-background="new 0 20 20 20" xml:space="preserve"> <path d="M10,20c2.8,0,5.2,1,7.1,2.9c0.9,0.9,1.7,2,2.1,3.2c0.5,1.2,0.7,2.5,0.7,3.8c0,1.4-0.2,2.7-0.7,3.8 c-0.5,1.2-1.2,2.3-2.1,3.2c-1,1-2.1,1.7-3.3,2.2C12.6,39.7,11.3,40,10,40s-2.6-0.3-3.8-0.8C5,38.7,3.9,38,2.9,37s-1.7-2-2.2-3.2 S0,31.3,0,30s0.3-2.6,0.8-3.8S2,23.9,3,22.9C4.9,21,7.2,20,10,20z M10,21.8c-2.3,0-4.2,0.8-5.8,2.4c-0.8,0.8-1.4,1.7-1.8,2.7 s-0.6,2-0.6,3.1s0.2,2.1,0.6,3.1s1,1.9,1.8,2.7s1.7,1.4,2.7,1.8c1,0.4,2,0.6,3.1,0.6s2.1-0.2,3.1-0.6c1-0.4,1.9-1,2.7-1.8 c1.6-1.5,2.3-3.4,2.3-5.7c0-1.1-0.2-2.2-0.6-3.1c-0.4-1-1-1.9-1.8-2.6C14.2,22.6,12.3,21.8,10,21.8z M9.9,28.3L8.6,29 c-0.1-0.3-0.3-0.5-0.5-0.6s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3c0.2,0.3,0.6,0.5,1,0.5 c0.6,0,1-0.3,1.2-0.9l1.2,0.6c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8C4.6,31.8,4.3,31,4.3,30 s0.3-1.7,0.8-2.3c0.6-0.6,1.3-0.8,2.1-0.8C8.5,26.9,9.4,27.4,9.9,28.3z M15.7,28.3L14.3,29c-0.1-0.3-0.3-0.5-0.5-0.6 s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3s0.6,0.5,1,0.5c0.6,0,1-0.3,1.2-0.9l1.3,0.6 c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8c-0.5-0.5-0.8-1.3-0.8-2.3s0.3-1.7,0.8-2.3 c0.6-0.6,1.3-0.8,2.1-0.8C14.3,26.9,15.1,27.4,15.7,28.3z"/> </svg> </span> <div class='license-tooltip variant-reverse-x'> <div class='tooltip-inner'> <p class='license-title variant-cc'> Creative Commons </p> <p> <a href='https://creativecommons.org/licenses/by-nc/4.0/'>Attribution-NonCommercial 4.0 International</a> </p> <div class='cc-icons'> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 20 20 20" enable-background="new 0 20 20 20" xml:space="preserve"> <path d="M10,20c2.8,0,5.2,1,7.1,2.9c0.9,0.9,1.7,2,2.1,3.2c0.5,1.2,0.7,2.5,0.7,3.8c0,1.4-0.2,2.7-0.7,3.8 c-0.5,1.2-1.2,2.3-2.1,3.2c-1,1-2.1,1.7-3.3,2.2C12.6,39.7,11.3,40,10,40s-2.6-0.3-3.8-0.8C5,38.7,3.9,38,2.9,37s-1.7-2-2.2-3.2 S0,31.3,0,30s0.3-2.6,0.8-3.8S2,23.9,3,22.9C4.9,21,7.2,20,10,20z M10,21.8c-2.3,0-4.2,0.8-5.8,2.4c-0.8,0.8-1.4,1.7-1.8,2.7 s-0.6,2-0.6,3.1s0.2,2.1,0.6,3.1s1,1.9,1.8,2.7s1.7,1.4,2.7,1.8c1,0.4,2,0.6,3.1,0.6s2.1-0.2,3.1-0.6c1-0.4,1.9-1,2.7-1.8 c1.6-1.5,2.3-3.4,2.3-5.7c0-1.1-0.2-2.2-0.6-3.1c-0.4-1-1-1.9-1.8-2.6C14.2,22.6,12.3,21.8,10,21.8z M9.9,28.3L8.6,29 c-0.1-0.3-0.3-0.5-0.5-0.6s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3c0.2,0.3,0.6,0.5,1,0.5 c0.6,0,1-0.3,1.2-0.9l1.2,0.6c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8C4.6,31.8,4.3,31,4.3,30 s0.3-1.7,0.8-2.3c0.6-0.6,1.3-0.8,2.1-0.8C8.5,26.9,9.4,27.4,9.9,28.3z M15.7,28.3L14.3,29c-0.1-0.3-0.3-0.5-0.5-0.6 s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3s0.6,0.5,1,0.5c0.6,0,1-0.3,1.2-0.9l1.3,0.6 c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8c-0.5-0.5-0.8-1.3-0.8-2.3s0.3-1.7,0.8-2.3 c0.6-0.6,1.3-0.8,2.1-0.8C14.3,26.9,15.1,27.4,15.7,28.3z"/> </svg> </div> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 20 20 20" enable-background="new 0 20 20 20" xml:space="preserve"> <path d="M10,20c2.8,0,5.2,1,7.1,2.9C19,24.8,20,27.2,20,30s-1,5.1-2.9,7c-2,2-4.4,3-7.2,3c-2.7,0-5-1-7-2.9c-2-2-2.9-4.3-2.9-7.1 c0-2.7,1-5.1,2.9-7.1C4.9,21,7.2,20,10,20z M10,21.8c-2.3,0-4.2,0.8-5.8,2.4c-1.6,1.7-2.4,3.6-2.4,5.8s0.8,4.1,2.4,5.7 c1.6,1.6,3.5,2.4,5.8,2.4c2.2,0,4.2-0.8,5.8-2.4c1.6-1.5,2.4-3.4,2.4-5.7s-0.8-4.2-2.4-5.8C14.2,22.6,12.3,21.8,10,21.8z M12.7,27.5v4.1h-1.1v4.9H8.5v-4.9H7.4v-4.1c0-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2h4.1c0.2,0,0.3,0.1,0.4,0.2 C12.6,27.2,12.7,27.3,12.7,27.5z M8.6,24.9c0-0.9,0.5-1.4,1.4-1.4c0.9,0,1.4,0.5,1.4,1.4s-0.5,1.4-1.4,1.4 C9.1,26.3,8.6,25.9,8.6,24.9z"/> </svg> </div> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <path d="M10,0c2.8,0,5.2,1,7.1,2.9C19,4.8,20,7.2,20,10s-1,5.1-2.9,7c-2,2-4.4,3-7.2,3c-2.7,0-5.1-1-7-3c-2-2-2.9-4.3-2.9-7 s1-5.1,2.9-7.1C4.9,1,7.2,0,10,0z M2.2,7.3C2,8.1,1.8,9,1.8,10c0,2.2,0.8,4.1,2.4,5.8c1.6,1.6,3.6,2.4,5.8,2.4 c2.3,0,4.2-0.8,5.8-2.4c0.6-0.6,1-1.1,1.4-1.8l-3.8-1.7c-0.1,0.6-0.4,1.1-1,1.5c-0.5,0.4-1.1,0.6-1.8,0.7V16H9.4v-1.5 c-1.1,0-2.1-0.4-3-1.2l1.4-1.4c0.7,0.6,1.4,0.9,2.2,0.9c0.3,0,0.6-0.1,0.9-0.2c0.2-0.2,0.4-0.4,0.4-0.8c0-0.3-0.1-0.5-0.3-0.6 l-1-0.4l-1.2-0.5L7.2,9.6L2.2,7.3z M10,1.8c-2.3,0-4.2,0.8-5.8,2.4C3.8,4.6,3.4,5,3.1,5.5l3.8,1.7c0.2-0.5,0.5-0.9,0.9-1.3 c0.5-0.3,1-0.5,1.6-0.5V3.9h1.2v1.5c0.9,0,1.7,0.4,2.5,0.9l-1.3,1.3C11.2,7.2,10.7,7,10.1,7C9.8,7,9.5,7.1,9.3,7.2 C9.1,7.3,8.9,7.5,8.9,7.8C8.9,7.9,8.9,8,9,8l1.3,0.6L11.2,9l1.6,0.7l5.1,2.3c0.2-0.7,0.3-1.4,0.3-2.1c0-2.3-0.8-4.2-2.4-5.8 C14.2,2.6,12.3,1.8,10,1.8z"/> </svg> </div> </div> </div> </div> </div> <p class='media-credit'> <p>Hiroshi Ishii</p> </p> </div> </div> </div> <div class='tmp-color-bg'></div> <div class='colorize-bg' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2023/03/31/Screenshot 2023-03-31 at 3.32.14 AM.png.1400x1400.png"); background-position: 50.0% 50.0%;'></div> <div class='colorize-overlay'></div> </div> <div class='rail-layout'> <div class='rail '> <div class='rail-content'> <nav class='rail-nav'> <div class='rail-nav-breadcrumb'> <a href=''> <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M15.228,21.396l-8.623-8.622c-0.146-0.146-0.146-0.396,0-0.542l8.623-8.623 c0.146-0.146,0.396-0.146,0.542,0l2.624,2.624c0.146,0.146,0.146,0.396,0,0.542l-5.749,5.728l5.749,5.728 c0.146,0.146,0.146,0.396,0,0.542l-2.624,2.624c-0.083,0.062-0.167,0.104-0.271,0.104S15.312,21.458,15.228,21.396z'/> </svg></span> <span class='breadcrumb-label'> </span> </a> </div> <h4>In this Group:</h4> <ul class='rail-nav-list'> <li class='state-current'><a href='/groups/tangible-media/overview/'>Overview </a></li> <li class=''><a href='/groups/tangible-media/people/'>People </a></li> <li class=''><a href='/groups/tangible-media/projects/'>Projects </a></li> <li class=''><a href='/groups/tangible-media/publications/'>Publications </a></li> <li class=''><a href='/groups/tangible-media/archived-projects/'>Archived Projects </a></li> <li class=''><a href='/groups/tangible-media/updates/'>Updates </a></li> <li class=''><a href='/groups/tangible-media/events/'>Events </a></li> <li class=''><a href='/groups/tangible-media/applicant-information/'>Applicant Information </a></li> </ul> </nav> <div class='rail-meta'> <h5>Group Contact:</h5> <ul class='rail-meta-list'> <li> <a href='/people/esandy/overview/'>Erin Sandy</a> </li> <li> <a href='mailto:tmgadmin@media.mit.edu'> <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M2.5,6.25C2.5,5.557,3.057,5,3.75,5h17.5c0.693,0,1.25,0.557,1.25,1.25l-10,7.5L2.5,6.25z M22.5,8.496 V18.75c0,0.693-0.557,1.25-1.25,1.25H3.75c-0.693,0-1.25-0.557-1.25-1.25V8.496l10,7.5L22.5,8.496z'/> </svg> </span> <span>tmgadmin@media.mit.edu</span> </a> </li> <li> <a href='https://tangible.media.mit.edu/'> <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M22.5,12.5c0,5.537-4.463,10-10,10s-10-4.463-10-10s4.463-10,10-10S22.5,6.963,22.5,12.5z M17.5,15.42 c0-1.621-1.299-2.92-2.92-2.92h-1.66c-1.25,0-2.09-0.625-2.09-1.455c0-0.586,0.469-1.045,1.045-1.045c0.83,0,0.859,0.83,1.455,0.83 c0.469,0,0.84-0.371,0.84-0.83c0-0.811-0.4-1.23-0.791-1.621c0.234-0.439,0.762-1.592,0.791-3.262c0-0.205-0.146-0.391-0.352-0.42 C13.379,4.629,12.939,4.58,12.5,4.58C8.984,4.697,6.67,6.367,6.67,9.17c0,2.5,2.08,4.58,4.58,4.58h0.068 c-0.049,0.205-0.068,0.42-0.068,0.625c0,1.27,0.879,2.363,2.08,2.637V20c0,0.234,0.186,0.42,0.42,0.42 C15,20.42,17.5,18.33,17.5,15.42z'/> </svg> </span> <span>Group Website</span> </a> </li> <li> <a href='/about/contact/' class='variant-emphasized'>Other Press Inquiries</a> </li> </ul> </div> </div> </div> <div class='mobile-companion-rail'> <div class='rail-content'> <div class='rail-content-section'> <nav class='rail-nav'> <ul class='rail-nav-list'> <li class='state-current'><a href='/groups/tangible-media/overview/'>Overview </a></li> <li class=''><a href='/groups/tangible-media/people/'>People </a></li> <li class=''><a href='/groups/tangible-media/projects/'>Projects </a></li> <li class=''><a href='/groups/tangible-media/publications/'>Publications </a></li> <li class=''><a href='/groups/tangible-media/archived-projects/'>Archived Projects </a></li> <li class=''><a href='/groups/tangible-media/updates/'>Updates </a></li> <li class=''><a href='/groups/tangible-media/events/'>Events </a></li> <li class=''><a href='/groups/tangible-media/applicant-information/'>Applicant Information </a></li> </ul> <a href='#' id='toggle-a86069e2-bc35-4bf1-b2a9-426d666d76e8' class='rail-nav-mobile-toggle'> <span class='toggle-open'>More <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M21.396,9.771l-8.623,8.623c-0.146,0.146-0.396,0.146-0.542,0L3.609,9.771 c-0.146-0.146-0.146-0.396,0-0.541l2.625-2.625c0.146-0.146,0.396-0.146,0.542,0l5.728,5.749l5.728-5.749 c0.146-0.146,0.396-0.146,0.542,0l2.625,2.625C21.459,9.313,21.5,9.396,21.5,9.501S21.459,9.688,21.396,9.771z'/> </svg></span></span> <span class='toggle-close'>Close <span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M3.603,15.229l8.623-8.623c0.146-0.146,0.396-0.146,0.542,0l8.623,8.623c0.146,0.146,0.146,0.396,0,0.542 l-2.625,2.624c-0.146,0.146-0.396,0.146-0.541,0l-5.728-5.728l-5.729,5.728c-0.146,0.146-0.396,0.146-0.541,0l-2.625-2.624 C3.541,15.687,3.5,15.604,3.5,15.499C3.5,15.396,3.541,15.312,3.603,15.229z'/> </svg> </span></span> </a> <script> mlScripts.push(function (core) { require(['ui/OpenCloseToggler'], function (OpenCloseToggler) { new OpenCloseToggler({ selector: '#toggle-a86069e2-bc35-4bf1-b2a9-426d666d76e8', targetSelector: '^.mobile-companion-rail' }); }); }); </script> </nav> </div> </div> </div> <div class='rail-layout-body'> <div class='primary-block'> <div class='primary-block-content'> <div class='banner-group'> <div class='accepting-apps-el banner variant-alt'> Tangible Media is currently accepting new students. <a href="/groups/tangible-media/applicant-information/">Learn more about how to apply.</a> </div> </div> <div class='main-copy'> <div> <p>We live on the border between two worlds: our physical environment and cyberspace. People have developed sophisticated skills for sensing and manipulating their physical environment, but most of these skills are not employed by traditional Graphical User Interfaces (GUIs). </p><p>The <a href="http://tangible.media.mit.edu/">Tangible Media group</a>, led by <a href="http://tangible.media.mit.edu/person/hiroshi-ishii/">Professor Hiroshi Ishii</a>, explores the <a href="http://tangible.media.mit.edu/vision/"><b>Tangible Bits</b> and <b>Radical Atoms </b>visions</a> to seamlessly couple the dual world of bits and atoms by giving dynamic physical form to digital information and computation. The goal is to enrich human interactions  with the digital world taking advantage of the multimodal human senses and dextrous skills developed through a lifetime of interaction with the physical world.</p> </div> </div> </div> </div> <div class='stream'> <div id='embed-bbc2ee2f-6223-4397-ae47-f611d299c1da' class='primary-block embed-block stream-block '> <div class='primary-block-content'> <div class='embed-content'> <iframe src="https://player.vimeo.com/video/857209011?h=ea8544ae16&badge=0&autopause=0&quality_selector=1&progress_bar=1&player_id=0&app_id=58479" allowfullscreen=""></iframe> </div> </div> <script> mlScripts.push(function (core) { require(['ui/blocks/EmbedBlock'], function (UiEmbedBlock) { new UiEmbedBlock({ selector: '#embed-bbc2ee2f-6223-4397-ae47-f611d299c1da' }); }); }); </script> </div> <div class='primary-block text-block stream-block'> <div class='primary-block-content'> <div class='main-copy'> <h2>"Making Digital Tangible: The Alchemist of Our Time"   (Hiroshi Ishii)</h2> </div> </div> </div> <div id='embed-bca8bd5e-2042-4e2a-afb4-5555b1748ff5' class='primary-block embed-block stream-block '> <div class='primary-block-content'> <div class='embed-content'> <iframe allowfullscreen="" height="360" width="640" src="https://player.vimeo.com/video/750143987?h=c4bdb4200f"></iframe> </div> </div> <script> mlScripts.push(function (core) { require(['ui/blocks/EmbedBlock'], function (UiEmbedBlock) { new UiEmbedBlock({ selector: '#embed-bca8bd5e-2042-4e2a-afb4-5555b1748ff5' }); }); }); </script> </div> <div class='primary-block text-block stream-block'> <div class='primary-block-content'> <div class='main-copy'> <h2>Evolving Visions of Tangible Media Group: 30 Years of History</h2> </div> </div> </div> <div class='primary-block image-block stream-block '> <div class='primary-block-content'> <fieldset> <div class='image-block-image-wrap'> <img class='image-block-image' src='https://dam-prod2.media.mit.edu/thumb/2023/03/31/Screenshot 2023-03-31 at 3.49.49 AM_lPbtIcO.png.1400x1400.png' /> <div class='media-license'> <span class='license-icon'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 20 20 20" enable-background="new 0 20 20 20" xml:space="preserve"> <path d="M10,20c2.8,0,5.2,1,7.1,2.9c0.9,0.9,1.7,2,2.1,3.2c0.5,1.2,0.7,2.5,0.7,3.8c0,1.4-0.2,2.7-0.7,3.8 c-0.5,1.2-1.2,2.3-2.1,3.2c-1,1-2.1,1.7-3.3,2.2C12.6,39.7,11.3,40,10,40s-2.6-0.3-3.8-0.8C5,38.7,3.9,38,2.9,37s-1.7-2-2.2-3.2 S0,31.3,0,30s0.3-2.6,0.8-3.8S2,23.9,3,22.9C4.9,21,7.2,20,10,20z M10,21.8c-2.3,0-4.2,0.8-5.8,2.4c-0.8,0.8-1.4,1.7-1.8,2.7 s-0.6,2-0.6,3.1s0.2,2.1,0.6,3.1s1,1.9,1.8,2.7s1.7,1.4,2.7,1.8c1,0.4,2,0.6,3.1,0.6s2.1-0.2,3.1-0.6c1-0.4,1.9-1,2.7-1.8 c1.6-1.5,2.3-3.4,2.3-5.7c0-1.1-0.2-2.2-0.6-3.1c-0.4-1-1-1.9-1.8-2.6C14.2,22.6,12.3,21.8,10,21.8z M9.9,28.3L8.6,29 c-0.1-0.3-0.3-0.5-0.5-0.6s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3c0.2,0.3,0.6,0.5,1,0.5 c0.6,0,1-0.3,1.2-0.9l1.2,0.6c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8C4.6,31.8,4.3,31,4.3,30 s0.3-1.7,0.8-2.3c0.6-0.6,1.3-0.8,2.1-0.8C8.5,26.9,9.4,27.4,9.9,28.3z M15.7,28.3L14.3,29c-0.1-0.3-0.3-0.5-0.5-0.6 s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3s0.6,0.5,1,0.5c0.6,0,1-0.3,1.2-0.9l1.3,0.6 c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8c-0.5-0.5-0.8-1.3-0.8-2.3s0.3-1.7,0.8-2.3 c0.6-0.6,1.3-0.8,2.1-0.8C14.3,26.9,15.1,27.4,15.7,28.3z"/> </svg> </span> <div class='license-tooltip variant-reverse-x'> <div class='tooltip-inner'> <p class='license-title variant-cc'> Creative Commons </p> <p> <a href='https://creativecommons.org/licenses/by-nc/4.0/'>Attribution-NonCommercial 4.0 International</a> </p> <div class='cc-icons'> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 20 20 20" enable-background="new 0 20 20 20" xml:space="preserve"> <path d="M10,20c2.8,0,5.2,1,7.1,2.9c0.9,0.9,1.7,2,2.1,3.2c0.5,1.2,0.7,2.5,0.7,3.8c0,1.4-0.2,2.7-0.7,3.8 c-0.5,1.2-1.2,2.3-2.1,3.2c-1,1-2.1,1.7-3.3,2.2C12.6,39.7,11.3,40,10,40s-2.6-0.3-3.8-0.8C5,38.7,3.9,38,2.9,37s-1.7-2-2.2-3.2 S0,31.3,0,30s0.3-2.6,0.8-3.8S2,23.9,3,22.9C4.9,21,7.2,20,10,20z M10,21.8c-2.3,0-4.2,0.8-5.8,2.4c-0.8,0.8-1.4,1.7-1.8,2.7 s-0.6,2-0.6,3.1s0.2,2.1,0.6,3.1s1,1.9,1.8,2.7s1.7,1.4,2.7,1.8c1,0.4,2,0.6,3.1,0.6s2.1-0.2,3.1-0.6c1-0.4,1.9-1,2.7-1.8 c1.6-1.5,2.3-3.4,2.3-5.7c0-1.1-0.2-2.2-0.6-3.1c-0.4-1-1-1.9-1.8-2.6C14.2,22.6,12.3,21.8,10,21.8z M9.9,28.3L8.6,29 c-0.1-0.3-0.3-0.5-0.5-0.6s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3c0.2,0.3,0.6,0.5,1,0.5 c0.6,0,1-0.3,1.2-0.9l1.2,0.6c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8C4.6,31.8,4.3,31,4.3,30 s0.3-1.7,0.8-2.3c0.6-0.6,1.3-0.8,2.1-0.8C8.5,26.9,9.4,27.4,9.9,28.3z M15.7,28.3L14.3,29c-0.1-0.3-0.3-0.5-0.5-0.6 s-0.4-0.2-0.6-0.2c-0.9,0-1.3,0.6-1.3,1.8c0,0.5,0.1,1,0.3,1.3s0.6,0.5,1,0.5c0.6,0,1-0.3,1.2-0.9l1.3,0.6 c-0.3,0.5-0.6,0.9-1.1,1.2s-1,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.2-0.8c-0.5-0.5-0.8-1.3-0.8-2.3s0.3-1.7,0.8-2.3 c0.6-0.6,1.3-0.8,2.1-0.8C14.3,26.9,15.1,27.4,15.7,28.3z"/> </svg> </div> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 20 20 20" enable-background="new 0 20 20 20" xml:space="preserve"> <path d="M10,20c2.8,0,5.2,1,7.1,2.9C19,24.8,20,27.2,20,30s-1,5.1-2.9,7c-2,2-4.4,3-7.2,3c-2.7,0-5-1-7-2.9c-2-2-2.9-4.3-2.9-7.1 c0-2.7,1-5.1,2.9-7.1C4.9,21,7.2,20,10,20z M10,21.8c-2.3,0-4.2,0.8-5.8,2.4c-1.6,1.7-2.4,3.6-2.4,5.8s0.8,4.1,2.4,5.7 c1.6,1.6,3.5,2.4,5.8,2.4c2.2,0,4.2-0.8,5.8-2.4c1.6-1.5,2.4-3.4,2.4-5.7s-0.8-4.2-2.4-5.8C14.2,22.6,12.3,21.8,10,21.8z M12.7,27.5v4.1h-1.1v4.9H8.5v-4.9H7.4v-4.1c0-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2h4.1c0.2,0,0.3,0.1,0.4,0.2 C12.6,27.2,12.7,27.3,12.7,27.5z M8.6,24.9c0-0.9,0.5-1.4,1.4-1.4c0.9,0,1.4,0.5,1.4,1.4s-0.5,1.4-1.4,1.4 C9.1,26.3,8.6,25.9,8.6,24.9z"/> </svg> </div> <div class='cc-icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <path d="M10,0c2.8,0,5.2,1,7.1,2.9C19,4.8,20,7.2,20,10s-1,5.1-2.9,7c-2,2-4.4,3-7.2,3c-2.7,0-5.1-1-7-3c-2-2-2.9-4.3-2.9-7 s1-5.1,2.9-7.1C4.9,1,7.2,0,10,0z M2.2,7.3C2,8.1,1.8,9,1.8,10c0,2.2,0.8,4.1,2.4,5.8c1.6,1.6,3.6,2.4,5.8,2.4 c2.3,0,4.2-0.8,5.8-2.4c0.6-0.6,1-1.1,1.4-1.8l-3.8-1.7c-0.1,0.6-0.4,1.1-1,1.5c-0.5,0.4-1.1,0.6-1.8,0.7V16H9.4v-1.5 c-1.1,0-2.1-0.4-3-1.2l1.4-1.4c0.7,0.6,1.4,0.9,2.2,0.9c0.3,0,0.6-0.1,0.9-0.2c0.2-0.2,0.4-0.4,0.4-0.8c0-0.3-0.1-0.5-0.3-0.6 l-1-0.4l-1.2-0.5L7.2,9.6L2.2,7.3z M10,1.8c-2.3,0-4.2,0.8-5.8,2.4C3.8,4.6,3.4,5,3.1,5.5l3.8,1.7c0.2-0.5,0.5-0.9,0.9-1.3 c0.5-0.3,1-0.5,1.6-0.5V3.9h1.2v1.5c0.9,0,1.7,0.4,2.5,0.9l-1.3,1.3C11.2,7.2,10.7,7,10.1,7C9.8,7,9.5,7.1,9.3,7.2 C9.1,7.3,8.9,7.5,8.9,7.8C8.9,7.9,8.9,8,9,8l1.3,0.6L11.2,9l1.6,0.7l5.1,2.3c0.2-0.7,0.3-1.4,0.3-2.1c0-2.3-0.8-4.2-2.4-5.8 C14.2,2.6,12.3,1.8,10,1.8z"/> </svg> </div> </div> </div> </div> </div> </div> <aside class='primary-block-aux'> <div class='media-caption'><p>TMG's Evolving Visions </p></div> <div class='media-caption'>Credit: <p>Hiroshi Ishii</p></div> </aside> </fieldset> </div> </div> <div class='primary-block text-block stream-block'> <div class='primary-block-content'> <div class='main-copy'> <h2>Newest Work:</h2> </div> </div> </div> <div class='feed-block module-list-block stream-block'> <div class='item-container module-layout'> <div data-href='/projects/corsetto/overview/' class='container-item module variant-with-img '> <div class='module-head' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2022/10/22/Corsetto_garment design.png.800x800.png"); background-position: 97.25111441307578% 47.0563162661836%;'> <div class='glyph module-glyph shim-svgs'> <img src="/group-glyphs/tangible-media/full/" class="glyph-img" /> </div> </div> <div class='module-body'> <a class='module-content-guard' href='/projects/corsetto/overview/'> <div class='module-eyebrow'> <span class='module-eyebrow-type'>Project</span> <span class='module-eyebrow-pubto'>Research</span> </div> <h2 class='module-title'>Corsetto: AI-empowered Modular Robotic Garment for Capture and Entrainment of Breathing Techniques</h2> <div class='module-excerpt'> <p>This work is recently submitted as a Full Paper to ACM CHI 2023.Corsetto is a full stack system design and platform for upper-body haptics…</p> </div> </a> <footer class='module-meta'> <div> in <a href="/groups/tangible-media/overview/">Tangible Media</a> · <a href="/groups/media-lab-research-theme-life-with-ai/overview/">Media Lab Research Theme: Life with AI</a> · <a href="/groups/media-lab-research-theme-cultivating-creativity/overview/">Media Lab Research Theme: Cultivating Creativity</a> </div> <div> <a href='/people/ozgun/overview/'>Ozgun Kilic Afsar</a> </div> </footer> </div> </div> <div data-href='/projects/the-stranger/overview/' class='container-item module variant-with-img '> <div class='module-head' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2023/03/14/strangerGIF.gif.800x800.gif"); background-position: 21.50313152400835% 65.06626922872198%;'> <div class='glyph module-glyph shim-svgs'> <img src="/group-glyphs/tangible-media/full/" class="glyph-img" /> </div> </div> <div class='module-body'> <a class='module-content-guard' href='/projects/the-stranger/overview/'> <div class='module-eyebrow'> <span class='module-eyebrow-type'>Project</span> <span class='module-eyebrow-pubto'>Research</span> </div> <h2 class='module-title'>The Stranger - .... . ... - .-. .- -. --. . .-.</h2> <div class='module-excerpt'> <p>Can you ever be what you say and say what you are?Can your speech genuinely represent yourself and convey your thoughts and meaning?Does y…</p> </div> </a> <footer class='module-meta'> <div> in <a href="/groups/tangible-media/overview/">Tangible Media</a> · <a href="/groups/media-lab-research-theme-cultivating-creativity/overview/">Media Lab Research Theme: Cultivating Creativity</a> </div> <div> <a href='/people/yun_choi/overview/'>Kyung Yun Choi</a> · <a href='/people/ishii/overview/'>Hiroshi Ishii</a> </div> <div> <a href='/research/?filter=everything&tag=human-computer-interaction'>#human-computer interaction</a> <a href='/research/?filter=everything&tag=art'>#art</a> <a href='/research/?filter=everything&tag=interactive'>#interactive</a> </div> </footer> </div> </div> <div data-href='/projects/fiberobo/overview/' class='container-item module variant-with-img '> <div class='module-head' style='background-image: url("https://dam-prod2.media.mit.edu/thumb/2023/10/24/fiberobojusthetshrink.gif.800x800.gif"); background-position: 50.0% 50.0%;'> <div class='glyph module-glyph shim-svgs'> <img src="/group-glyphs/tangible-media/full/" class="glyph-img" /> </div> </div> <div class='module-body'> <a class='module-content-guard' href='/projects/fiberobo/overview/'> <div class='module-eyebrow'> <span class='module-eyebrow-type'>Project</span> <span class='module-eyebrow-pubto'>Research</span> </div> <h2 class='module-title'>FibeRobo: Fabricating 4D Fiber Interfaces by Continuous Drawing of Temperature Tunable Fibers</h2> <div class='module-excerpt'> <p>FibeRobo is a novel body-temperature shape-changing fiber based on liquid crystal elastomers. The development of a new fabrication techniqu…</p> </div> </a> <footer class='module-meta'> <div> in <a href="/groups/tangible-media/overview/">Tangible Media</a> · <a href="/groups/media-lab-research-theme-connected-body-mind/overview/">Media Lab Research Theme: Connected Mind + Body</a> </div> <div> <a href='/people/jackform/overview/'>Jack Forman</a> </div> <div> <a href='/research/?filter=everything&tag=design'>#design</a> <a href='/research/?filter=everything&tag=art'>#art</a> <a href='/research/?filter=everything&tag=manufacturing'>#manufacturing</a> +6 more </div> </footer> </div> </div> </div> </div> </div> <div class='primary-block'> <div class='primary-block-content'> <div class='primary-block-meta'> <h5>Research Topics</h5> <a href='/research/?filter=everything&tag=robotics'>#robotics</a> <a href='/research/?filter=everything&tag=design'>#design</a> <a href='/research/?filter=everything&tag=virtual-reality'>#virtual reality</a> <a href='/research/?filter=everything&tag=computer-vision'>#computer vision</a> <a href='/research/?filter=everything&tag=human-computer-interaction'>#human-computer interaction</a> <a href='/research/?filter=everything&tag=art'>#art</a> <a href='/research/?filter=everything&tag=artificial-intelligence'>#artificial intelligence</a> <a href='/research/?filter=everything&tag=augmented-reality'>#augmented reality</a> <a href='/research/?filter=everything&tag=bioengineering'>#bioengineering</a> <a href='/research/?filter=everything&tag=civic-technology'>#civic technology</a> <a href='/research/?filter=everything&tag=communications'>#communications</a> <a href='/research/?filter=everything&tag=construction'>#construction</a> <a href='/research/?filter=everything&tag=consumer-electronics'>#consumer electronics</a> <a href='/research/?filter=everything&tag=entertainment'>#entertainment</a> <a href='/research/?filter=everything&tag=environment'>#environment</a> <a href='/research/?filter=everything&tag=fashion'>#fashion</a> <a href='/research/?filter=everything&tag=food'>#food</a> <a href='/research/?filter=everything&tag=genetics'>#genetics</a> <a href='/research/?filter=everything&tag=government'>#government</a> <a href='/research/?filter=everything&tag=hacking'>#hacking</a> <a href='/research/?filter=everything&tag=health'>#health</a> <a href='/research/?filter=everything&tag=human-machine-interaction'>#human-machine interaction</a> <a href='/research/?filter=everything&tag=kids'>#kids</a> <a href='/research/?filter=everything&tag=learning-teaching'>#learning + teaching</a> <a href='/research/?filter=everything&tag=manufacturing'>#manufacturing</a> <a href='/research/?filter=everything&tag=music'>#music</a> <a href='/research/?filter=everything&tag=politics'>#politics</a> <a href='/research/?filter=everything&tag=social-media'>#social media</a> <a href='/research/?filter=everything&tag=synthetic-biology'>#synthetic biology</a> <a href='/research/?filter=everything&tag=transportation'>#transportation</a> <a href='/research/?filter=everything&tag=wearable-computing'>#wearable computing</a> <a href='/research/?filter=everything&tag=sensors'>#sensors</a> <a href='/research/?filter=everything&tag=imaging'>#imaging</a> <a href='/research/?filter=everything&tag=interfaces'>#interfaces</a> <a href='/research/?filter=everything&tag=3d-printing'>#3d printing</a> <a href='/research/?filter=everything&tag=social-science'>#social science</a> <a href='/research/?filter=everything&tag=machine-learning'>#machine learning</a> <a href='/research/?filter=everything&tag=behavioral-science'>#behavioral science</a> <a href='/research/?filter=everything&tag=affective-computing'>#affective computing</a> <a href='/research/?filter=everything&tag=ethics'>#ethics</a> <a href='/research/?filter=everything&tag=computer-science'>#computer science</a> <a href='/research/?filter=everything&tag=makers'>#makers</a> <a href='/research/?filter=everything&tag=creativity'>#creativity</a> <a href='/research/?filter=everything&tag=space'>#space</a> <a href='/research/?filter=everything&tag=interactive'>#interactive</a> <a href='/research/?filter=everything&tag=community'>#community</a> <a href='/research/?filter=everything&tag=biology'>#biology</a> <a href='/research/?filter=everything&tag=biomechanics'>#biomechanics</a> <a href='/research/?filter=everything&tag=technology'>#technology</a> <a href='/research/?filter=everything&tag=visualization'>#visualization</a> <a href='/research/?filter=everything&tag=cognitive-science'>#cognitive science</a> <a href='/research/?filter=everything&tag=mental-health'>#mental health</a> <a href='/research/?filter=everything&tag=healthcare'>#healthcare</a> <a href='/research/?filter=everything&tag=law'>#law</a> <a href='/research/?filter=everything&tag=alumni'>#alumni</a> <a href='/research/?filter=everything&tag=public-health'>#public health</a> <a href='/research/?filter=everything&tag=biotechnology'>#biotechnology</a> <a href='/research/?filter=everything&tag=electrical-engineering'>#electrical engineering</a> <a href='/research/?filter=everything&tag=materials'>#materials</a> <a href='/research/?filter=everything&tag=engineering'>#engineering</a> <a href='/research/?filter=everything&tag=social-change'>#social change</a> <a href='/research/?filter=everything&tag=sustainability'>#sustainability</a> <a href='/research/?filter=everything&tag=industry'>#industry</a> <a href='/research/?filter=everything&tag=business'>#business</a> <a href='/research/?filter=everything&tag=fabrication'>#fabrication</a> <a href='/research/?filter=everything&tag=culture'>#culture</a> <a href='/research/?filter=everything&tag=internet-things'>#internet of things</a> <a href='/research/?filter=everything&tag=zero-gravity'>#zero gravity</a> <a href='/research/?filter=everything&tag=physiology'>#physiology</a> <a href='/research/?filter=everything&tag=startup'>#startup</a> <a href='/research/?filter=everything&tag=civic-action'>#civic action</a> <a href='/research/?filter=everything&tag=marginalized-communities'>#marginalized communities</a> <a href='/research/?filter=everything&tag=data-science'>#data science</a> <a href='/research/?filter=everything&tag=diversity'>#diversity</a> <a href='/research/?filter=everything&tag=gender-studies'>#gender studies</a> <a href='/research/?filter=everything&tag=covid19'>#covid19</a> <a href='/research/?filter=everything&tag=microfabrication'>#microfabrication</a> <a href='/research/?filter=everything&tag=assistive-technology'>#assistive technology</a> <a href='/research/?filter=everything&tag=social-justice'>#social justice</a> <a href='/research/?filter=everything&tag=textiles'>#textiles</a> </div> </div> </div> <footer class='cta-block'> <div>View more</div> <div> <a href='/groups/tangible-media/updates/'>updates</a>, <a href='/groups/tangible-media/publications/'>publications</a>, <a href='/groups/tangible-media/projects/'>projects</a> </div> </footer> </div> </div> </div> <footer class='global-footer'> <nav class='global-footer-section variant-sitemap'> <section class='sitemap-section variant-primary'> <div class='global-footer-section-hd'> <div class='glyph'> <h2> <a href='/'><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 78.51 25"> <path d="M0 10.72V25h14.28v-3.57H3.57V10.72zM21.43 25V14.28H10.72V3.57H0V0h14.28v10.72h10.71V25h-3.57Zm10.68-7.14h3.57v3.57h-3.57zm3.57-3.57h3.57v3.57h-3.57z"/> <path d="M39.24 10.73h3.57v3.57h-3.57zm-3.56-3.57h3.57v3.57h-3.57zm-3.57-3.57h3.57v3.57h-3.57zm32.11 0v10.7h-3.57V3.59h-3.57v10.7h-3.57V.02h-3.56v17.84h7.13V25h3.57v-7.14h3.57v3.57h3.57V3.59zm3.57 17.84h7.14V25h-7.14zm0-21.41h7.14v3.57h-7.14zm7.13 3.57h3.57v17.84h-3.57z"/> </svg> </a> </h2> </div> </div> <div class='global-footer-section-bd'> <ul class='sitemap-list'> <li><a href='/research/'>Research</a></li> <li><a href='/'>News + Updates</a></li> <li><a href='/about/'>About</a></li> <li><a href='/about/funding-and-support/'>Support the Media Lab</a></li> <li><a href='/graduate-program/'>MAS Graduate Program</a></li> <li><a href='/people/'>People</a></li> <li><a href='/events/'>Events</a></li> <li><a href='/videos/'>Videos</a></li> <li><a href='/member-portal/'>Member Portal</a></li> <li><a href='/about/press-visits-and-inquiries/'>For Press + Media</a></li> </ul> </div> </section> <section class='sitemap-section variant-secondary'> <div class='global-footer-section-hd'> <h2>More ways to explore</h2> </div> <div class='global-footer-section-bd'> <ul class='sitemap-list'> <li><a href='/videos/'>Videos</a></li> <li><a href='/publications/'>Publications</a></li> <li><a href='/about/job-opportunities/'>Job Opportunities</a></li> <li><a href='/about/contact/'>Contact</a></li> </ul> </div> </section> </nav> <div class='global-footer-section variant-meta'> <div class='global-footer-section-bd'> <ul class='social-links'> <li> <a href='https://x.com/medialab' target='_blank'><span class='icon'><svg version="1.1" width="15.656" height="16" viewBox="0 0 15.656 16" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <path d="M 9.06387,6.98325 13.90194,1.36 H 12.75571 L 8.55176,6.24289 5.20022,1.36 H 1.33076 L 6.40372,8.747 1.33076,14.64 H 2.47699 L 6.91251,9.48404 10.45578,14.64 h 3.86946 z M 7.49351,8.80925 6.97974,8.07387 2.89033,2.2232 h 1.76043 l 3.30091,4.72104 0.51377,0.73538 4.29027,6.13702 H 10.99528 L 7.49434,8.80842 Z" /> </svg> </span></a> </li> <li> <a href='https://www.facebook.com/mitmedialab' target='_blank'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M13.958,10h3.75v3.75h-3.75v8.75h-3.75v-8.75H7.292V10h2.917V7.5c0-2.755,2.06-5,4.583-5h2.917v3.75h-2.917 c-0.463,0-0.833,0.556-0.833,1.25V10z'/> </svg></span></a> </li> <li> <a href='https://www.instagram.com/mitmedialab/' target='_blank'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M22.494,8.75h-6.088c-0.995-1.019-2.384-1.667-3.912-1.667c-1.527,0-2.917,0.648-3.912,1.667H2.495V5.417 C2.495,3.82,3.814,2.5,5.411,2.5h14.167c1.597,0,2.917,1.319,2.917,2.917V8.75z M22.494,10.417v9.167 c0,1.597-1.319,2.917-2.917,2.917H5.411c-1.597,0-2.917-1.319-2.917-2.917v-9.167h5c-0.278,0.648-0.417,1.342-0.417,2.083 c0,2.986,2.431,5.417,5.417,5.417c2.986,0,5.417-2.431,5.417-5.417c0-0.741-0.139-1.436-0.417-2.083H22.494z M8.745,12.5 c0-2.061,1.667-3.75,3.75-3.75c2.061,0,3.75,1.689,3.75,3.75c0,2.083-1.689,3.75-3.75,3.75C10.411,16.25,8.745,14.583,8.745,12.5z' /> </svg></span></a> </li> <li> <a href='https://www.linkedin.com/company/mit-media-lab' target='_blank'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 25' style='enable-background:new 0 0 25 25;' xml:space='preserve'><path d='M6.1,7.5L6.1,7.5C4.8,7.5,4,6.7,4,5.6c0-1.1,0.8-1.9,2.1-1.9c1.3,0,2.1,0.8,2.1,1.9C8.2,6.7,7.4,7.5,6.1,7.5z M8,20.4H4.2 V9.1H8V20.4z M21.5,20.4h-3.8v-6c0-1.5-0.5-2.6-1.9-2.6c-1,0-1.7,0.7-1.9,1.4c-0.1,0.3-0.1,0.6-0.1,0.9v6.3H10c0-10.2,0-11.3,0-11.3 h3.8v1.6h0c0.5-0.8,1.4-1.9,3.4-1.9c2.5,0,4.3,1.6,4.3,5.1V20.4z'/></svg> </span></a> </li> <li> <a href='/feed.rss' target='_blank'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M22.083,22.5h-2.917c-0.232,0-0.417-0.185-0.417-0.417c0-8.75-7.083-15.833-15.833-15.833 C2.685,6.25,2.5,6.065,2.5,5.833V2.917C2.5,2.685,2.685,2.5,2.917,2.5c10.81,0,19.583,8.773,19.583,19.583 C22.5,22.315,22.315,22.5,22.083,22.5z M15.833,22.5h-2.917c-0.231,0-0.417-0.185-0.417-0.417c0-5.301-4.282-9.583-9.583-9.583 c-0.231,0-0.417-0.186-0.417-0.417V9.167c0-0.231,0.185-0.417,0.417-0.417c7.361,0,13.333,5.972,13.333,13.333 C16.25,22.315,16.065,22.5,15.833,22.5z M5.625,22.5c-1.736,0-3.125-1.389-3.125-3.125c0-1.736,1.389-3.125,3.125-3.125 c1.736,0,3.125,1.389,3.125,3.125C8.75,21.111,7.361,22.5,5.625,22.5z'/> </svg></span></a> </li> </ul> <div class='mit-icon-holder'> <a href='https://web.mit.edu/'> <span class='icon'><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1680 1040" enable-background="new 0 0 1680 1040" xml:space="preserve"> <path fill="#FFFFFF" d="M880,880h160V400H880V880z M1120,320h400V160h-400V320z M880,160.00003h160v160H880V160.00003z M640,880h160 V160H640V880z M400,720h160V160H400V720z M160,880h160V160H160V880z M1120,880h160V400h-160V880z"/> </svg> </span> </a> </div> <p> <a href='https://web.mit.edu/'>Massachusetts Institute of Technology</a><br> <a href='https://sap.mit.edu/'>School of Architecture + Planning</a> </p> <p> <a href="https://www.mit.edu/accessibility/">Accessibility</a><br> <a href='/posts/make-a-gift/'>Donate to the Lab</a> </p> </div> </div> </footer> </div> </div> <div class='modals-container global-modals'> <div class='modal-forms'></div> <template class='modal-template'> <div class='modal'> <div class='modal-scroller'> <div class='modal-pane'> <a class='close-modal-x close-modal'> <i class='icon'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" width="20px" height="20px"> <path id="XMLID_730_" d="M7.9,20c-0.2,0-0.4-0.2-0.4-0.4v-7.1H0.4c-0.2,0-0.4-0.2-0.4-0.4V7.9c0-0.2,0.2-0.4,0.4-0.4h7.1V0.4 C7.5,0.2,7.7,0,7.9,0h4.2c0.2,0,0.4,0.2,0.4,0.4v7.1h7.1c0.2,0,0.4,0.2,0.4,0.4v4.2c0,0.2-0.2,0.4-0.4,0.4h-7.1v7.1 c0,0.2-0.2,0.4-0.4,0.4H7.9z"/> </svg> </i> </a> <div class='modal-content'></div> </div> <div class='modal-curtain'></div> </div> </div> </template> </div> <div class='templates-container global-templates'> <script class='slideshow-template' data-type='handlebars' type='text/x-handlebars-template'> <div class='slideshow'> <div class='slideshow-header'> {{#if readView}} <h1 class='slideshow-title'>{{{gallery_title}}}</h1> {{/if}} <div class='share-widget'> <h1>Share this </h1> <ul class='social-links'> <li> <a target='_blank' href='https://x.com/share?url=https%3A%2F%2Fwww.media.mit.edu%2Fgroups%2Ftangible-media%2Foverview%2F&text=Overview%2C+via+%40medialab'><span class='icon'><svg version="1.1" width="15.656" height="16" viewBox="0 0 15.656 16" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <path d="M 9.06387,6.98325 13.90194,1.36 H 12.75571 L 8.55176,6.24289 5.20022,1.36 H 1.33076 L 6.40372,8.747 1.33076,14.64 H 2.47699 L 6.91251,9.48404 10.45578,14.64 h 3.86946 z M 7.49351,8.80925 6.97974,8.07387 2.89033,2.2232 h 1.76043 l 3.30091,4.72104 0.51377,0.73538 4.29027,6.13702 H 10.99528 L 7.49434,8.80842 Z" /> </svg> </span></a> </li> <li> <a target='_blank' href='https://www.facebook.com/sharer/?u=https%3A%2F%2Fwww.media.mit.edu%2Fgroups%2Ftangible-media%2Foverview%2F'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M13.958,10h3.75v3.75h-3.75v8.75h-3.75v-8.75H7.292V10h2.917V7.5c0-2.755,2.06-5,4.583-5h2.917v3.75h-2.917 c-0.463,0-0.833,0.556-0.833,1.25V10z'/> </svg></span></a> </li> <li> <a target='_blank' href='https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fwww.media.mit.edu%2Fgroups%2Ftangible-media%2Foverview%2F&mini=true'><span class='icon'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 25' style='enable-background:new 0 0 25 25;' xml:space='preserve'><path d='M6.1,7.5L6.1,7.5C4.8,7.5,4,6.7,4,5.6c0-1.1,0.8-1.9,2.1-1.9c1.3,0,2.1,0.8,2.1,1.9C8.2,6.7,7.4,7.5,6.1,7.5z M8,20.4H4.2 V9.1H8V20.4z M21.5,20.4h-3.8v-6c0-1.5-0.5-2.6-1.9-2.6c-1,0-1.7,0.7-1.9,1.4c-0.1,0.3-0.1,0.6-0.1,0.9v6.3H10c0-10.2,0-11.3,0-11.3 h3.8v1.6h0c0.5-0.8,1.4-1.9,3.4-1.9c2.5,0,4.3,1.6,4.3,5.1V20.4z'/></svg> </span></a> </li> <li> <a target='_blank' href='https://bsky.app/intent/compose?text=https%3A%2F%2Fwww.media.mit.edu%2Fgroups%2Ftangible-media%2Foverview%2F'><span class='icon'><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 22.05"> <path d="M5.42 1.5c2.87 2.15 5.95 6.51 7.08 8.86 1.13-2.34 4.21-6.7 7.08-8.86C21.65-.05 25-1.25 25 2.57c0 .76-.44 6.41-.69 7.33-.89 3.19-4.14 4-7.04 3.51 5.06.86 6.34 3.71 3.56 6.56-5.28 5.41-7.58-1.36-8.17-3.09-.11-.32-.16-.47-.16-.34 0-.13-.05.02-.16.34-.59 1.74-2.9 8.51-8.17 3.09-2.78-2.85-1.49-5.7 3.56-6.56-2.89.49-6.14-.32-7.04-3.51C.43 8.98 0 3.33 0 2.57 0-1.25 3.35-.05 5.42 1.5"/> </svg> </span></a> </li> </ul> </div> <a class='close-modal-x close-modal'> <i class='icon'> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" width="20px" height="20px"> <path id="XMLID_730_" d="M7.9,20c-0.2,0-0.4-0.2-0.4-0.4v-7.1H0.4c-0.2,0-0.4-0.2-0.4-0.4V7.9c0-0.2,0.2-0.4,0.4-0.4h7.1V0.4 C7.5,0.2,7.7,0,7.9,0h4.2c0.2,0,0.4,0.2,0.4,0.4v7.1h7.1c0.2,0,0.4,0.2,0.4,0.4v4.2c0,0.2-0.2,0.4-0.4,0.4h-7.1v7.1 c0,0.2-0.2,0.4-0.4,0.4H7.9z"/> </svg> </i> </a> </div> <div class='slideshow-images'> {{#each images}} <div class='image-wrapper'> <div class='image' style='background-image: url("{{ image.url }}")'></div> </div> {{/each}} </div> <div class='slideshow-controls'> <a class='prev-image'> <svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M15.228,21.396l-8.623-8.622c-0.146-0.146-0.146-0.396,0-0.542l8.623-8.623 c0.146-0.146,0.396-0.146,0.542,0l2.624,2.624c0.146,0.146,0.146,0.396,0,0.542l-5.749,5.728l5.749,5.728 c0.146,0.146,0.146,0.396,0,0.542l-2.624,2.624c-0.083,0.062-0.167,0.104-0.271,0.104S15.312,21.458,15.228,21.396z'/> </svg> Previous </a> <a class='next-image'> Next <svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='25' height='25' viewBox='0 0 25 25' enable-background='new 0 0 25 25' xml:space='preserve'> <path d='M9.772,3.603l8.623,8.623c0.146,0.146,0.146,0.396,0,0.542L9.772,21.39c-0.146,0.146-0.396,0.146-0.542,0 l-2.624-2.624c-0.146-0.146-0.146-0.396,0-0.542l5.728-5.728L6.606,6.769c-0.146-0.146-0.146-0.396,0-0.542L9.23,3.603 C9.313,3.541,9.397,3.5,9.501,3.5S9.688,3.541,9.772,3.603z'/> </svg> </a> <p class='slideshow-counter'> <span class='current-index'></span> of <span class='total-count'></span> </p> </div> <div class='slideshow-meta'> <div class='slideshow-meta-body'> {{#each images}} <div class='slideshow-image-meta-wrap'> <p class='slideshow-image-title'> {{ title }} </p> <div class='slideshow-image-caption'> {{{ caption }}} </div> </div> {{/each}} </div> <div class='slideshow-meta-footer'> {{#each images}} <p class='slideshow-image-title'> {{ title }} </p> {{/each}} <div class='slideshow-tags'> {{#each tags}} <a href='{{url_path}}'>#{{title}}</a> {{/each}} </div> </div> </div> </div> </script> </div> <script src='/static/scripts/bundles/common.1fb394c72e37.js'></script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-KZ09YHE6JS"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KZ09YHE6JS'); </script>  <script> require(['Sentry'], function (Sentry) { Sentry.init({dsn: 'https://348f83c6ba454447a1dea8753e38fa5d@sentry.media.mit.edu/3'}); }); </script> <script> require(['core'], function (core) { var serviceOptions = { externalLinkObserver: { linksInModal: false } }; core.init(mlScripts, serviceOptions); }); if (document.documentMode || /Edge/.test(navigator.userAgent)) { require(['services/ieHandler'], function (ieHandler) { ieHandler.init(); }); } </script> </body> </html>

CINXE.COM

Overview ‹ Tangible Media — MIT Media Lab