Technology A — Pratt Grad ComD

Capture - Color palate Captured, along with name, date and time!

Project Description

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. I learned how unpredictable real-time input can be and how extracting colors from a live environment requires balancing accuracy and abstraction. I also learned how to build a system that remembers by using local storage, allowing interactions to persist and accumulate over time. Finally, I learned how to make the project cohesive across multiple sketches and expand it through GitHub, making the entire experience accessible beyond a single device.

Credits

Chat GPT, Coding Train, ml5.js, P5 references, class slides

Links

Gallery - The color palate stored forms a visual !

Next Project

Drawing With Time by Sophie McGrane

Capture-Gallery

All Projects

by Sarena Yadav

All Projects

by Sarena Yadav

Next Project