←
About this experiment
A drag-to-spin gallery of tiny 3D characters, each with their own personality, animation, and stage act.
Toodles is a fidget toy disguised as a 3D character gallery. Every time you shuffle, a new character lands in the spotlight, performs a short looping act, and waits to be inspected. Drag to orbit, pinch to zoom, and shuffle again when you are done.
Each character is a real glTF model rigged with motion capture from Mixamo, lit with a city environment map, and dropped onto a contact-shadow stage. There is no goal, no score, no purchase — it is a low-pressure way to enjoy the craft of 3D character animation in the browser.
The deck is shuffled so you rarely see the same character twice in a row. Some performances need landscape — the page asks for a rotation when that happens and resumes once the device cooperates. Models preload in the background so the next swap feels instant.
React Three Fiber for rendering, Drei for camera and environment helpers, custom glTF characters generated through Avaturn, and animation data from Mixamo. The whole thing runs in WebGL inside your browser; nothing is uploaded.