[ View Freshly-Synthsized Banner Ads ]

Banner Depot 2000 is an interactive archive of over 20,000 banner ads from the late 1990s and early 2000s. The authors of this project, Richard Lewei Huang and Yufeng Zhao, published a dataset of these banner ads. This project brings out so much nostalgia of my early memories of the Internet and I have been meaning to make a project using this dataset.

[ Try Bug Musicans ]

This series of experiments started with something completely unrelated to music. I remember seeing ragdoll characters commonly used in video games and artworks either to invoke a surreal feeling or for a comedic effect. I wanted to try implementing it in p5.js with the help of a physics library.

[ Try Mouth Synth | View source code on GitHub ]

In my previous experiments, I integrated hand pose detection in my sketch. Hand-driven interaction feels magical, but also somewhat conventional. For this new series, I wanted to try something less conventional—mouth-driven interaction.

For this series, I wanted to create a simple interface for “drawing” melodies on the screen. I started with a mouse interaction where clicking and dragging the mouse drew a sequence of linked nodes along the path of the cursor movement. It worked much like how you would expect any drawing app to work. The melody would start playing as soon as you release your mouse. The nodes were sequentially highlighted as their corresponding notes were played.

In this series of experiments, I started with very basic algorithmically-generated rhythms coupled with simple visual elements.

While we were exchanging ideas of what we could do with Tone.js and p5.js, Henry Chen came up with this idea of a node-based system for interacting with music in a virtual 3D environment, in which moving one node could simultaneously affect multiple other nodes that affect the music. We agreed that creating a 2D version first could serve as a very good starting point.

For the past two years, I have been doing lots of computational sketches that focused on visuals. This year, I am enrolled in a graduate course at ITP called the Code of Music, taught by Luisa Pereira. I finally ran out of excuses for not experimenting with sound.

A collection of computational sketches I created with code in the year 2022.

[ View sketches on Instagram | View source code in p5.js Web Editor ]

A series of code sketches that render visuals changing in real time based on viewers' presence.

[ View source code on GitHub ]

A responsive single-page website for Howler Radio, a student-run Internet radio station from New York University Abu Dhabi.

A responsive multi-page website for the Interactive Media program at New York University Abu Dhabi.

[ Website | GitHub ]

A responsive single-page website that housed New York University Abu Dhabi's Arts & Humanities Capstone Festivals in 2020 and 2021.

[ View live demo | View source code on GitHub ]

A web application that turns words into fireworks.

[ Launch | GitHub ]

An experimental web-based camera app that captures pictures in the form of pixel art consisting of Mandarin Chinese characters.

[ Launch app | View source code on GitHub ]

A web application that allows users to create sketches and share creation processes.

[ Launch | GitHub ]