Chromatic Vapor preview
Chromatic Vapor Pro · Coming soon for Aperveil 1.0 WebGPU shader

Leave a trace. Let it become air.

Paint soft colored smoke with your cursor. This WebGPU fluid surface carries each trail forward, letting pigment curl, drift and gradually disappear.

Meet the surface

Part of Aperveil Pro · Coming soon. The live demo, editor and downloads will open in a later release. Free shaders and blocks are available now.

Pro · Coming soon for Aperveil 1.0Persistent fluidvgpu runtime

Inside Chromatic Vapor.

Chromatic Vapor stores motion and pigment in persistent GPU textures. Each cursor stroke adds momentum and color weights; advection, a pressure-projection step and vorticity confinement transport them into curling wisps. The trail continues after your cursor leaves.

This is a bounded two-dimensional fluid approximation, not three-dimensional volumetric smoke. Its display WGSL requires the offscreen simulation passes. Framework export kits and a dedicated npm package are not available for it yet.

No published timing sample. Profile this effect on your target devices.

Brush radius

Size of the stroke the pointer paints.

Pigment density

How much pigment each stroke lays down.

Dissipation

How quickly the smoke fades away; higher values clear it sooner.

Vorticity

Strength of the curling eddies in the smoke.

Color Looks preserve these settings. Open the editor for all 14 controls.

Coming soon.

This Pro surface's demo, editor and downloads will open in a later release. Free shaders and blocks are available now.

Explore shaders

Made for a real interface.

Create a playful opening for a creative studio, music project or interactive exhibition. Leave generous empty space for visitors to paint; keep the content readable and the canvas decorative.

Chromatic Vapor used behind an example interface
TRACE / INDEPENDENT PRACTICEExample composition

Ideas in an open state

Make a mark. Let it go.

A studio for identities that move, moments that connect and experiments that leave room for the unexpected.

Practice

Identity, motion and interaction.

Approach

Nothing needs to stand still.

Illustrative layout, not a customer project. The image is a still preview of the selected Look.

An illustrative layout. Your content stays in HTML; the shader sets the atmosphere.

Before you ship.

What this surface does, where it fits, and where it stops.

All shaders

Make Chromatic Vapor yours.