Bang…Hisssssss…Clunk…Whirrrrrrr!
Sonograms of New York City
Augmenting the Cityscape with Audiovisual Experience

︎
︎ AR.js, ShaderPark
︎ Vue+Vite
︎ Figma
︎ Sound Design
︎ Touchdesigner
︎ Ambisonic Sound
Process, Pieces, Works, Experience




A Series of Live Sound-Walk near Union Square Park. Build with Vite+ Vue.js, Shader Park, and Three.js

When the participant plugs in their headphones, lifts their phones and walks down the street, they will experience the amplification of subtle sounds of the city at spots tagged by interface to access sounds generated underground beneath the pavement by the “A-tag”(see image above), a construction marks over the street roads and indicates a different type of works with different colors. It is used as the portal to sound that mapping interface to the existing symbolic system construction signs, fire hydrants, and construction markers on pavement and sidewalks. Technicians can usually read these systems, such as pipe-layers and firefighters.

The interface is built in order for the audience in the pop-up exbhition better to understand the process of sound analysis and the visuals.
Some Other Visualizations
Design Process, Sound Analysis, and Visualizations


Defining Materials, Sound Quality, and Colors with A-tags




Sound Libraries(On-Going)