Dithering
The Dithering Experiments is an interactive art installation that mirrors its viewer through the use of digital image processing techniques. By navigating different modes via keyboard, the spectator can explore the captivating world of computer vision and experience the creative possibilities of computational imaging.
Challenge
Creating an interactive experience using a 32x32 LED matrix
Class
Programming interactive object - master of interaction design SUPSI
Modality
1 week - team of 2
Roles
creative coding
Tools
LED matrix, HTML, Javascript
OUTCOME
Our final project is a mirror art installation highlights the various image alterations we experimented with through code while embracing the constraints of the 32x32 pixel LED matrix. Using keyboard, the spectator can play with image manipulation and pushed the limits of the matrix to see what was possible.
PROCESS
We started by connecting a webcam to a 32x32 LED matrix, quickly
learning to embrace its limitations by focusing on a cropped video
segment rather than the full feed. Curious about early digital
visuals, we explored dithering techniques like Floyd-Steinberg,
gradually adding more styles and real-time controls. The process was
fast-paced, hands-on, and rooted in trial, error, and creative
exploration.
Dithering is a technique used to reduce the color depth of an image
and it weight, By arranging pixels in a pattern, dithering tricks
the human eye into perceiving smooth transitions even when only a
limited number of colors are present.
Creative coding and testing
Learning
Experimenting with Computer Vision
Exploring computer vision techniques through pixel manipulation and webcam input provided practical insights into image processing fundamentals and the history of digital imaging.
Values of creative constraints
Learned how creative constraints, like extreme low resolution, can spark more thoughtful design decisions.
Code as a playful medium
Discovered that playful, code-based interaction can lead to simple yet compelling user experiences
Dithering style
Further exploration
Building on the earlier experimentation, this version is made to be experiment in the browser, using the full webcame feed. The visitor now use hand gesture to navigate the various image-altering algorithm.