Noise Shift - A Generative JavaScript-Based Installation

Art Project (Real World Installation)

I worked on this project under my consultancy - Digital Anthro

New Media | Generative Art | JavaScript | International Art Exhibition

View Catalog

Role & Impact

• Role: New Media Artist + Creative Developer
• Impact:
  • 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.

---

Tech & Project Type

• Project Type: New Media | Generative Art | JavaScript | WebGL | Interactive Installation
• Built & tested with: JavaScript, WebGL, HTML, CSS, Ableton

---

Context Overview

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.

---

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.