Hourglass Loader
Four objects running the same ten-second loader loop, each on its own board: a wooden hourglass draining and tipping over on walnut, a mechanical keyboard typing the word it is waiting on across oak, a two-button mouse clicking its way over fumed oak, and a leather bifold dealing its cards out on mahogany. Different timber, thickness and edge every time, on one shared board width and one 50 mm lens — same distance, same lighting, same pointer-driven spotlight, spring wobble and light/dark travel.
Runtime: Three.js r149 + Canvas 2D + DOM/CSS
Hourglass Loader variants
- Hourglass Loader — Hourglass
The authored scene, preserved unchanged: a turned wooden hourglass whose sand drains through a pinched neck, glides along the desk and tips end over end on its own rim.
- Hourglass Loader — Keyboard
A fifty-one key board in a dark walnut sandwich case on a thin honey-oak top, with a machined plate and sculpted PBT caps. It types LOADING one key at a time — each press an eighth of the capsule, a commit light out from the return key, then a wave that runs the board clear.
- Hourglass Loader — Mouse
A low two-button mouse on a fumed-oak board, its shell one analytic surface — a rounded-rectangle section over a superellipse plan — so the curves carry no creases. Five clicks and one scroll fill the capsule; the buttons hinge on their own seam and the cord follows the body across the wood.
- Hourglass Loader — Wallet
A saddle-stitched leather bifold lying open on a thin mahogany board, dealing the four cards terraced in its slot out into a clear row in front of it. Every card goes straight up out of the pocket before it travels, so nothing ever passes through anything; the last one lifts and turns to catch the light.