https://joechung.me flame game Thu, 11 Dec 2025 15:33:43 +0000 https://joechung.me en https://joechung.me/city-of-genius Thu, 21 Sep 2023 11:40:26 +0000 flame game https://joechung.me/city-of-genius The City of Genius, Moncler, 2024The City of Genius is an immersive web experience that brings the atmosphere of The City of Genius event in Shanghai right to the browser.&nbsp;Tasked with creating a 3D carousel-like interface that performs well both technically and visually, I prototyped various approaches, and built out the final product. I implemented a momentum-based swipe that allows fast travel to the desired designer building. Winner of Campaign’s The List No. 1 Customer Experience of 2024, Campaign Tech Awards 2025. Nominated for Webby Awards 2025. Experience it on The City of Genius site. Developed complete immersive experience in Playcanvas in Javascript. Collaborators: Moncler x R/GA 3D Web Development &amp; Prototyping, Game Engine Development <img width="3198" height="1928" width_o="3198" height_o="1928" data-src="https://freight.cargo.site/t/original/i/4bbbc342c72ccfcd0cb970acf03fcc0fea4635353697775419d141f302b615bc/city-of-genius.png" data-mid="239092067" border="0" src="https://freight.cargo.site/w/1000/i/4bbbc342c72ccfcd0cb970acf03fcc0fea4635353697775419d141f302b615bc/city-of-genius.png" /> https://joechung.me/androidify Tue, 07 Oct 2025 01:25:32 +0000 flame game https://joechung.me/androidify Androidify, Google Android, 2024 Androidify is a fun generative AI web app by Google that builds a customized Android Bot of yourself. Tasked with customizing Bots using user uploaded images, I experimented extensively with state-of-the-art image generation, image description and fine tuning methods of the time, creating&nbsp; prototypes to showcase the proposed solutions, and provided recommendations to technology, (like Imagen 3), resourcing and processes. Give it a go at androidify.com Prototyped in Google Cloud Platform solutions and ComfyUI.R/GA Collaborators: Katrina Bekessy, Nick Coronges Generative AI Research &amp; Prototyping <img width="1086" height="611" width_o="1086" height_o="611" data-src="https://freight.cargo.site/t/original/i/308283d24f8530858165ee2e61f1f63f7ffc278b7328b242a1240bb7ffee89a2/androidify-comfy.png" data-mid="241692694" border="0" src="https://freight.cargo.site/w/1000/i/308283d24f8530858165ee2e61f1f63f7ffc278b7328b242a1240bb7ffee89a2/androidify-comfy.png" /> https://joechung.me/meet-brand-you Tue, 07 Oct 2025 00:41:34 +0000 flame game https://joechung.me/meet-brand-you Meet Brand You photobooth, Meta for Business Korea, 2023 Meet Brand You photobooth was part of the Meet Brand You Meta for Business event held in Seoul. Visitors could get their short form videos taken in a light tunnel synchronized to Spark AR effects overlaid, and download a custom version with their name and profile picture at the end.&nbsp; Tasked with creating an experience personalized to each visitor, I designed the technical solution architecture coordinating the videographer’s mobile devices with the interactive light tunnel and backend system, as well as visitor flow that coordinates all on-site service staff. Developed in Touchdesigner. Collaborators: Meta x R/GA Real-time system design, User Experience design <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/96935ddc4619b7ee8070df7e8e03f5b879be1ced26f708d5197321eb907298c8/td-exterior.jpg" data-mid="239092329" border="0" src="https://freight.cargo.site/w/1000/i/96935ddc4619b7ee8070df7e8e03f5b879be1ced26f708d5197321eb907298c8/td-exterior.jpg" /> <img width="1433" height="806" width_o="1433" height_o="806" data-src="https://freight.cargo.site/t/original/i/22ebeed6f62112f9e1ef1d6ad40c60847107ab720269715f95d43834de2cd45e/meta-td.jpg" data-mid="239094282" border="0" src="https://freight.cargo.site/w/1000/i/22ebeed6f62112f9e1ef1d6ad40c60847107ab720269715f95d43834de2cd45e/meta-td.jpg" /> https://joechung.me/spARk Tue, 17 Mar 2020 02:58:33 +0000 flame game https://joechung.me/spARk spARk, 2018 spARk is an augmented reality STEM learning experience that encourages learning systems through hands-on explorations. This builds upon similar prior projects like Math Heroes, which uses mental models as a tool for understanding complex abstract phenomena. Across a period of 3 months, spARk was part of the NYC Media Lab’s first XR Startup Bootcamp and developed through the Lean Startup method, interviewing and testing with 100 stakeholders in all: students, parents, teachers, educational researchers, investors. A sample lesson on photosynthesis was co-developed with a middle school biology teacher, and tested with several students in his class.It was exhibited at NYVR Expo, presented at Exploring Future Reality 2018 event, and featured on EdSurge. Created using Vuforia in Unity. Research, Design, Augmented Reality Development <img width="1178" height="663" width_o="1178" height_o="663" data-src="https://freight.cargo.site/t/original/i/ce92548411716d9062f93bcd78cdd1245fa0e13615d889fceb09f3721d0377c9/speaking-Cropped.jpg" data-mid="113732612" border="0" src="https://freight.cargo.site/w/1000/i/ce92548411716d9062f93bcd78cdd1245fa0e13615d889fceb09f3721d0377c9/speaking-Cropped.jpg" /> https://joechung.me/able Wed, 27 Jan 2021 15:00:43 +0000 flame game https://joechung.me/able able., MFA Thesis Project, 2021 able. (Augmented Bench Learning Experiences) is a collection of physical and digital tools for remote novice electronics makers, using a mobile device.&nbsp; Conceived during COVID-19 after interviews and research into maker communities, this project aims to address the challenges facing makerspaces and communities of practice. Using as many readily available and cost effective elements as possible, this project proposes ways to bridge challenges in remote guidance, self-guided learning, and accessibility. Designing for a hands-free, mobile and web-centric workbench, able. consists of a toolkit of modular components that allow young makers to adapt to their home environment: multiple AR markers that display dynamic content and keep their state; dynamic AR displays that reflect the state of their prototyping board; a mirror attachment and a guided laser pointer that facilitates sharing and guidance on video calls. Advisors: Katherine Moriwaki,&nbsp;Andrew Zornoza, Aya Karpinska, Louisa Campbell Augmented reality Design &amp; Development, Research <img width="1561" height="881" width_o="1561" height_o="881" data-src="https://freight.cargo.site/t/original/i/65ba347a668922a9770da3e5e8a2a12852d2e30ebc9ab961f55341bd325bf078/full-set.png" data-mid="241675825" border="0" src="https://freight.cargo.site/w/1000/i/65ba347a668922a9770da3e5e8a2a12852d2e30ebc9ab961f55341bd325bf078/full-set.png" /> <img width="1419" height="798" width_o="1419" height_o="798" data-src="https://freight.cargo.site/t/original/i/ca45ec362696407b6c2d877e1e149c258da095b465b63c4187bd1b39c52b0df1/2.-Data.png" data-mid="113161987" border="0" src="https://freight.cargo.site/w/1000/i/ca45ec362696407b6c2d877e1e149c258da095b465b63c4187bd1b39c52b0df1/2.-Data.png" /> <img width="1446" height="813" width_o="1446" height_o="813" data-src="https://freight.cargo.site/t/original/i/a7a1d7d192724ffee8c2d37576bbb449259c203dffdd06a0060d317a349b05bd/3.-3D-model.png" data-mid="113161986" border="0" src="https://freight.cargo.site/w/1000/i/a7a1d7d192724ffee8c2d37576bbb449259c203dffdd06a0060d317a349b05bd/3.-3D-model.png" /> <img width="910" height="512" width_o="910" height_o="512" data-src="https://freight.cargo.site/t/original/i/19b37f8ec1b027feaa1a8257257761ccc2573bb0e5345a58d3ed994d67d1770e/zoom.gif" data-mid="241683282" border="0" src="https://freight.cargo.site/w/910/i/19b37f8ec1b027feaa1a8257257761ccc2573bb0e5345a58d3ed994d67d1770e/zoom.gif" /> <img width="910" height="512" width_o="910" height_o="512" data-src="https://freight.cargo.site/t/original/i/82423a41d36c75be0eff465c6bcbe5a80761162a2b3ac41bacaa2b45457dbcca/laser.gif" data-mid="241683283" border="0" src="https://freight.cargo.site/w/910/i/82423a41d36c75be0eff465c6bcbe5a80761162a2b3ac41bacaa2b45457dbcca/laser.gif" /> <img width="3300" height="1856" width_o="3300" height_o="1856" data-src="https://freight.cargo.site/t/original/i/fac65db5bbb07ce51289bdf385800d1e666233689cbef9616010abbe061ad559/1.-Box.png" data-mid="113161988" border="0" src="https://freight.cargo.site/w/1000/i/fac65db5bbb07ce51289bdf385800d1e666233689cbef9616010abbe061ad559/1.-Box.png" /> https://joechung.me/math-heroes Thu, 04 Jun 2020 15:17:05 +0000 flame game https://joechung.me/math-heroes Math Heroes, 2017 Math Heroes is an augmented reality, hands-on learning experience that allows users to learn about algebra. Using the model of the balance and based on educational research such as concrete-representational-abstract method, users place physical tiles on either end of the virtual plane to solve algebraic equations. It aims to encourage exploration into algebraic concepts such as negative numbers, while providing real-time or delayed feedback. It also allows for future extensions like game-based learning modes.Math Heroes was part of Teachers College’s first Innovation Award. It was developed over the course of a semester through a Design Thinking framework, after interviews with students and educators, feedback from Teachers College advisors, and playtesting with peers. It was one of four teams selected to present to the Teachers College Board of Trustees.Developed using Unity and Vuforia. Research, Augmented Reality Development <img width="1178" height="663" width_o="1178" height_o="663" data-src="https://freight.cargo.site/t/original/i/4742b57b8adfd3ac7bd5eb8cf964a72bf7aedcff7a957d2b9d2dc183e58d62fc/-mh.jpeg" data-mid="113740039" border="0" src="https://freight.cargo.site/w/1000/i/4742b57b8adfd3ac7bd5eb8cf964a72bf7aedcff7a957d2b9d2dc183e58d62fc/-mh.jpeg" /> <img width="1000" height="563" width_o="1000" height_o="563" data-src="https://freight.cargo.site/t/original/i/2c340299b3cc6b593728cac7a5bd789da27ee6bea2976bf0b0e26b6720414113/prototyping-Cropped.jpg" data-mid="113740036" border="0" src="https://freight.cargo.site/w/1000/i/2c340299b3cc6b593728cac7a5bd789da27ee6bea2976bf0b0e26b6720414113/prototyping-Cropped.jpg" /> <img width="1000" height="562" width_o="1000" height_o="562" data-src="https://freight.cargo.site/t/original/i/743b28c58e3bb93d80f61e67639f395bd7bb30f5d1681d28481f25b540b59518/testing-Cropped.jpg" data-mid="113740035" border="0" src="https://freight.cargo.site/w/1000/i/743b28c58e3bb93d80f61e67639f395bd7bb30f5d1681d28481f25b540b59518/testing-Cropped.jpg" /> <img width="971" height="546" width_o="971" height_o="546" data-src="https://freight.cargo.site/t/original/i/47b298d2025f74d8e5f988a948104bf42ac13c4daeb129ddcf4a5a100e146353/design-thinking-Cropped.png" data-mid="113740034" border="0" src="https://freight.cargo.site/w/971/i/47b298d2025f74d8e5f988a948104bf42ac13c4daeb129ddcf4a5a100e146353/design-thinking-Cropped.png" /> https://joechung.me/circular-rhythm-machine Thu, 04 Jun 2020 14:58:22 +0000 flame game https://joechung.me/circular-rhythm-machine Circular Rhythm Machine, 2019 Circular Rhythm Machine is a rhythm synthesizer that uses tangible pieces captured by an RGB camera to make music. Designed to forefront visually polyrhythmic patterns, the static circular interface and sweeping hand designs were chosen for its periodic movement.Circular Rhythm Machine was part of a thirteen-week studio project involving research, feedback and iteration. You can more about the design process on the project Github Page here, and the research paper here.Created in Processing using its OpenCV library. Advisor: Harpreet Sareen Interaction Design, Development <img width="3840" height="2026" width_o="3840" height_o="2026" data-src="https://freight.cargo.site/t/original/i/ed9161632ae2a0dc7e8e1bebee80f7649c6bd2efd566507cd3918f9bb565605c/Screenshot-2025-12-11-at-10.30.10PM.jpg" data-mid="241689100" border="0" src="https://freight.cargo.site/w/1000/i/ed9161632ae2a0dc7e8e1bebee80f7649c6bd2efd566507cd3918f9bb565605c/Screenshot-2025-12-11-at-10.30.10PM.jpg" /> <img width="1676" height="941" width_o="1676" height_o="941" data-src="https://freight.cargo.site/t/original/i/3e2a307f40b09ecac0e4dab9f52cbc32ddc7dbd72259d2519dc0a220b2461b12/CRM_cover_image.png" data-mid="113719530" border="0" src="https://freight.cargo.site/w/1000/i/3e2a307f40b09ecac0e4dab9f52cbc32ddc7dbd72259d2519dc0a220b2461b12/CRM_cover_image.png" /> https://joechung.me/pin-gpong-ball-copy Sun, 07 Dec 2025 14:50:25 +0000 flame game https://joechung.me/pin-gpong-ball-copy pin(gpong)ball,&nbsp;2020 pin(gpong)ball is a customizable projected pinball machine, with physical and digital parts. Players can set up their own digital pinball machine with real physics, using real physical objects. In this current implementation, shaped plastic pieces are used as anchors for digital cartoon bumpers, but potentially players can also use their own objects to interact with the digital pinballs.Developed in Openframeworks (C++), using ofxBox2d, ofArduino (StandardFirmata), ofxCV and ofKinect libraries. Code and more info on Github, and my process log is here.&nbsp; Advisors: Kyle Li, Michael Wolf Interaction Design, Projected Augmented Reality Development https://joechung.me/olfactory Thu, 07 Jan 2021 12:03:31 +0000 flame game https://joechung.me/olfactory Olfactory, 2020Olfactory imagines a near-future in which human scent is lost due to toxic air, and proposes a system for collecting, storing, and sharing memories through smell. The project examines sensory memory, material interfaces, and embodied archives, presented through video, performance, and tangible prototypes. Created in three weeks in collaboration with Kaiwen Tao for Parsons x UC Boulder’s Elastic Spaces.&nbsp;Camera work by Jenny Liu. Advisors: Richard The, Daniel Leithinger Speculative Fiction, Prototyping and Fabrication https://joechung.me/center-of-motion Thu, 11 Dec 2025 15:33:43 +0000 flame game https://joechung.me/center-of-motion Center of Motion, 2023Center of Motion is a conceptual proposal for an interactive, sensor-augmented environment that examines how human movement, proximity, and collective behavior could shape an adaptive audiovisual space. The project imagines a modular wall-mounted system equipped with contactless proximity sensing, where light and sound respond directly to a visitor’s bodily movement—turning spatial navigation into a form of embodied music-making. The proposed modules attach magnetically, allowing their arrangement to be reconfigured daily. This fluid physical structure reflects a core idea: spaces can adapt to human behavior just as humans adapt to space. Central to the concept is the environment’s ability to record and reinterpret behavioral traces. Throughout an exhibition period, motion and proximity data would be captured and later replayed whenever visitors are absent. Over time, the installation becomes a kind of spatial memory system, replaying echoes of past interactions and revealing patterns of collective movement, fading with each passing day. This piece was imagined as a focal point for communal activity, and anthropomorphizing the room that spectates human activity. How would it remember us? How would its space evolve to accomodate activity, and how would this change affect its memories? And more curiously, how will we respond to this enormous entity that seems to breathe and dream? 3D renderings by Jenny Liu. Speculative Fiction, Prototyping and Fabrication <img width="2902" height="1632" width_o="2902" height_o="1632" data-src="https://freight.cargo.site/t/original/i/429336a6516c7dd4bf2b8523168a9f981466d9205d080920432d034db148dbf4/Screenshot-2025-12-11-at-11.52.41PM.jpg" data-mid="241691063" border="0" src="https://freight.cargo.site/w/1000/i/429336a6516c7dd4bf2b8523168a9f981466d9205d080920432d034db148dbf4/Screenshot-2025-12-11-at-11.52.41PM.jpg" /> <img width="1871" height="1053" width_o="1871" height_o="1053" data-src="https://freight.cargo.site/t/original/i/062c89e7fadb6334d2b8a8708b3da3d0dda81d6c75fc63056c2c04b7334b75fe/cofm_16x8.jpg" data-mid="241691392" border="0" src="https://freight.cargo.site/w/1000/i/062c89e7fadb6334d2b8a8708b3da3d0dda81d6c75fc63056c2c04b7334b75fe/cofm_16x8.jpg" /> <img width="3218" height="1808" width_o="3218" height_o="1808" data-src="https://freight.cargo.site/t/original/i/b0eda45dfc0205466df6e038cf7f92aaf74b334d825846431bfa842aa7cb78ac/cofm3_16x9.jpg" data-mid="241692480" border="0" src="https://freight.cargo.site/w/1000/i/b0eda45dfc0205466df6e038cf7f92aaf74b334d825846431bfa842aa7cb78ac/cofm3_16x9.jpg" />