Pigments

Interactive Online Music Video

icantmakeuloveu.com

LA-based artist Elohim approached Luxloop to create something more personal than a traditional music video.

Pigments is a multi-screen interactive experience that requires the viewer to help keep the video “alive.” Viewers use their mobile device to connect and control the experience within a desktop video browser, and are asked to provide the heartbeat of the song. If they successfully keep the video alive, the are rewarded with a multifaceted video that responds and changes based on their tactile input and creates a shareable, unique heartbeat graphic.

If the viewer stops tapping, the song slowly breaks apart and fades away, until the video ultimately dies.

The project is an ingenious cross-platform concept that riffs on our growing obsession with virtual intelligence. Nerdist

Building Connections

Using node.js and socket.io, we built a custom websocket routing server to maintain pairs between a user’s phone and computer and handle their interaction input. Client-side WebGL and JavaScript dynamically build the experience for each user, react to their input, and generate the shareable graphics. The Webaudio API applies dynamic effects on multiple synced audio tracks to create the “dying” effect if users stop tapping out the heartbeat.

Focusing on this sense of emotion, the premise for Elohim’s interactive video clip for ‘Pigments’ is allowing you to control her heartbeat. It’s perhaps a little creepy, but also very beautiful. Pigeons and Planes

Roles

  • Interaction Design
  • Full-Stack Development

Tech

  • Node.js
  • Canvas
  • WebAudio API
  • Websockets