Bart Art

Bart Art

Technology

HTML, CSS, JavaScript, P5.js, Node.js, Arduino, BART API

Overview

Inspired by Camille Utterback’s art work, Entangled, and Alan Rath’s Four Eyes, this is an experimental web app project integrating with Bart API and Arduino board. In browser there is a full screen canvas displaying pop art components. The real time data of Bart system will trigger the flying crows. Therefore, when Bart is coming, the crow starts flying. Also, there is ZX sensor that triggers hand flipping and scene changing. So when audience’s hand gets closer, the scene zooms in until the clock and the beating heart appears.

No Arduino Version

To make it easier to experience the project, I made a version that doesn’t need to connect to Arduino. Check it out. Please note that this work isn’t compatible with mobile device browser.

Go to site

Screenshots

When Bart train is coming, the crow starts flying to the correct direction.
When Bart train is coming, the crow starts flying to the correct direction.
When Bart train is coming, the crow starts flying to the correct direction.
ZX sensor triggers hand flipping and scene changing.
ZX sensor triggers hand flipping and scene changing.
ZX sensor triggers hand flipping and scene changing.
The scene zooms in until the clock and the beating heart appears.
The scene zooms in until the clock and the beating heart appears.
The scene zooms in until the clock and the beating heart appears.

Arduino Board Wiring