Flashlight

An interactive way to explore photographs. The image is painted on the canvas in a rounded pixelated effect, as if the viewer was shedding on it with a flashlight.

flashlight1.jpg


Techniques

Techniques: P5JS, noise, average brightness. Landscape recommended on mobile devices.

Credits

Harbor pictures by Andre Vicentini. Still from moview "The Shining": most likely a copyright infringement.

How it works

A circle is drawn along the movement of the mouse, and each circle is in turned painted by tiny other circles. The color of each small circle is the average color in the center of each circle. The further from the mouse position, the darker the tiny circles become:

flashlight_intermediate.png