Kinetic Fog Glass

Put any image behind a pane of steamed-up glass. Wipe it with your cursor or finger and the picture comes through crisp, with the faint streaks a fingertip leaves and water banked up along the edges of the wipe.

Brand reveals and secret launches: give it your logo (a transparent PNG, as a silhouette or an outline) and a message, and a fingertip writes them into the glass when the pane scrolls into view. Then your visitors wipe the rest clear.

Two surfaces: real condensation, a living field of droplets where every bead is a tiny lens that bends the picture upside down, or a smooth plain fog. Heavier drops gather and run, cutting clear channels, and the glass slowly steams back up on your timing (or never).

Controls: image and fit, surface, fog strength, blur, tint, droplets, wipe size, refog time, running drops, message and font, logo, logo size and style, write-on timing, liquid-glass rim and corner radius. Rendered on the GPU, works with mouse and touch.

Kinetic, moving components by Buster Studios.