Text Flow

Real-time text reflow around floating physics bubbles, powered by pretext — a pure-arithmetic text measurement engine that calculates line breaks without touching the DOM.

Bubbles drift and collide with buoyant physics. Click one to pop it — particles burst outward and a synthesized sound plays. Click empty space to spawn new bubbles. Text reflows every frame as shapes move, using pretext's variable-width line layout.

Pretext Engine Bubble Physics Web Audio API Particle FX Real-time Reflow 60fps Typography

// controls

Click bubble Pop it! Plays a sound and bursts into particles.

Click empty Spawn a new bubble. Select shape type from the left toolbar.

Scroll Resize a bubble under the cursor.

F Toggle fullscreen mode.

H Hide / show all UI controls. Eye icon stays visible to restore.