Case Study
Noise Shift - Generative Installation
Overview
Designed and developed Noise Shift, an interactive generative art installation that explores the relationship between sound and visual patterns. The piece was created using JavaScript and WebGL, allowing for real-time audio analysis and dynamic visual generation. The installation was featured in the Over the Structures exhibition at the CICA Museum in South Korea.
Technologies
- Project Type: New Media | Generative Art | JavaScript | WebGL | Interactive Installation
- Built & tested with: JavaScript, WebGL, HTML, CSS, Ableton
Concept
Noise Shift is a generative art piece created using the JavaScript programming language. The art consists of a 3D object which is manipulated by the input of a Perlin Noise algorithm. The scene which holds the object loops indefinitely while generating a new shape for every loop.
This concept derived from the Deconstruction school of thought by Jacques Derrida. The idea that interpretation is dependent on context sparked the inspiration to create a piece that visually symbolizes different perspectives on a sole object. The perception of context changes based on experience, similar to the rotating 3D object which adapts based on the algorithmic input.
Installation Frames
Technical Details
Ableton
The audio for the piece was created using Ableton, a digital audio workstation. I used various sound samples and synthesized sounds to create a unique audio experience that complemented the visual aspect of the installation.
JavaScript & WebGL
The visual component of the installation was built using JavaScript and WebGL. I utilized the Three.js library to create and manipulate the 3D object in real-time. The Perlin Noise algorithm was implemented to generate dynamic shapes based on the audio input, creating a visually engaging experience that responded to the sound.
