← BACK TO WORK

Split-Flap Motion Matrix

Creative Code Installation

The split-flap motion matrix is an interactive algorithmic type installation created in p5.js. In this interactive experience, viewers engage with a camera-based system that reacts to changes in light and darkness. The focal point of the installation is an array of split-flap boxes, each featuring letters chosen at random. These boxes dynamically flip or remain stationary, revealing a randomized display of letters on each flip based on what the camera is depicting as light or dark. Viewers can move around the camera view and see their body movement reflected instantaneously in the installment.

TOOLS USED

p5.js, Chat GPT (for code help)

SCOPE

Creative Programming, Projection Mapping, Exhibition Design

https://editor.p5js.org/nicolelauren920/full/MLDPaLB-G

INSPIRATION:
Airport Arrival Screen: https://www.youtube.com/watch?v=cj32w5z81Ak
The Wooden Mirror: https://www.youtube.com/watch?v=BZysu9QcceM
https://artsandculture.google.com/asset/
wooden-mirror/TgFtuUfkYr9h-A?hl=en
https://www.smoothware.com/danny/
Hexi - Responsive Wall: https://vimeo.com/86905477

HELPFUL CODE: https://codepen.io/joupain/pen/gELbGZ

AI CODE HELP: ChatGPT