Week 14
This project is an interactive two-part system that transforms real-world environments into a shared, evolving digital artwork. The first p5.js sketch acts as a color-capture station. Using a live camera feed, the system analyzes thousands of pixels and extracts six distinct colors from the participant’s surroundings, chosen through LAB color distance to ensure each hue is meaningfully different. When the participant taps to capture, the interface freezes the frame, displays the selected colors as a palette strip, and allows the participant to enter their name. Once submitted, the system saves the palette along with the participant’s name and the exact time and date of the capture, creating a personal record of their interaction. The second sketch functions as a growing gallery. It retrieves every saved palette from local storage and arranges all colors into a unified visual grid. When the viewer hovers over a color block, the system reveals the contributor’s name and the timestamp, turning each palette into a small piece of recorded history. As more participants interact with the capture station, the gallery expands becoming not just an artwork, but a living archive of individual moments. Together, these sketches create a museum-ready installation where visitors actively shape the artwork, and the system remembers every interaction.
Credits & References
Chat GPT, The Coding Train, ml5.js, P5 references, class slides