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.