cloudy.room (p5.js/WebGL)

Image viewer with animated depth effects.

🚀 Run at Website

🎲 Install Chrome Extension

Features

Dynamic "cloudy" lighting (chrome effect with noise map).
3D-like depth map displacement (brightness map).
Depth field distortion (dynamic radial zoom blur).
Flying dust particles (sine/noise motion).
Face recognition threshold (js-objectdetect lib).

Controls

Move image: left click and drag.
Change scale: mouse wheel scroll up/down, wheel click.
Open new image: drag and drop a file into the window.