SteevePommier
Theme
Menu background
Background pattern
Reveal
Reveal size 10
Density 50
Colour
Menu position
Analytics

Hand tracking v4 — Text

An alphabet floats loose on paper; the webcam hand herds the black glyphs aside, spinning them on collision, and each one drifts back toward its post.

2dtypographyinteractivehand-capturemediapipeiridescent

Black letters and digits hang scattered at all angles across a paper field. The tracked hand wades through as a spectral ribbon, knocking glyphs into spins as it passes, and behind it each character slowly rights itself and eases back toward its place.

Every character of the string becomes an invisible square Matter.js body with bounce and friction, spawned at a random point it keeps as home; the hand landmarks become static colliders that shove the squares, a weak spring pulls each one back, and the glyph is simply typeset at its body's live position and angle. Only the type is inked — the physics runs entirely on the unseen boxes.