three.ws · lab

Agent interactions

Fourteen prototypes exploring how a 3D agent can physically inhabit the page. Gravity is real, page elements are the playground, the agent reacts to your intent. Click into any one to play.

Cursor-drivenThe agent responds directly to where you point and click.

🖱️

Cursor follower

Hops between elements you hover. Sits and yawns when idle.

✋

High-five reach

Extends a hand as the cursor enters her space. Click to slap.

🤏

Pickup & drop

Click-drag her around. She lands with a splash and squish.

Gravity / impactExtends the jump-down with new entrances and bounces.

⬇️

Fall from off-canvas

Drops from above the nav, ragdoll-lands near the CTA.

🛏️

Trampoline mode

CTA bounces her four times, each peak higher than the last.

🪨

Wrecking-ball entrance

Swings in on a rope from the right margin and knocks the CTA.

Page-as-playgroundThe text and layout are her climbing frame.

🧗

Climbs the title

Scales the letterforms of the hero like a rope-climber.

🛹

Skateboards the descender

Uses the y of "body" as a ramp toward the CTA.

🪟

Sits inside "body"

Curls up in the counter of the lowercase o, peers out.

Scroll-drivenShe responds to the page moving underneath her.

🌀

Scroll inertia

Fast scroll throws her; she catches the edge and recovers.

🚶‍♀️

Walks the gutter

Strolls alongside the column at the same speed as scroll.

AI riggingBring static meshes into the avatar pipeline.

🦴

Auto-rig any GLB

Drop a static mesh, get back a fully rigged GLB with skeleton and skin weights. Powered by SkinTokens (VAST-AI).

Face mocapWebcam drives the avatar's face in real time via ARKit blendshapes.

🎭

Face mocap

52 ARKit blendshapes + iris + head pose from your webcam. One-euro smoothed, calibratable, recordable, replayable. 100% on-device.

AI VoiceReal-time voice conversation drives the avatar's mouth and expressions.

🎙

Gemini Live Avatar

Speak naturally — Gemini Live streams audio back into the avatar's mouth in real time. Webcam adds face-driven expressions on top.

Multi-agent & UI gagsTwo agents in the page, or one breaking the fourth wall.

🏋️‍♀️