thtbee / waggles

# Waggles
Interactive browser demos by thtbee_ on 𝕏
**thtbee.github.io/waggles**
---
## About
Waggles is an ongoing collection of standalone browser experiments: 3D scenes, simulations, interfaces and anything else worth playing with.
Each demo lives in its own folder with its own code and README, so any one of them can be read, run or reused on its own. The gallery at the root links them together.
---
## Demos
### 001 · Bee's Waggle
> ⭐ Featured by Google on 𝕏 in their Complex 3D Visualizations showcase.
The daily life of a bee, rendered as an animated radiograph. Five scenes follow a forager from the first specimen shot through the meadow, into the nectar, back to the hive for the waggle dance, and out into the swarm. Seven film stocks change the whole look, from silver-halide X-ray to cyanotype and risograph.
| | |
| --- | --- |
| **Play** | thtbee.github.io/waggles/bees-waggle |
| **Folder** | `bees-waggle/` |
| **Built with** | Three.js, WebGL, one HTML file |
### 002 · STRIX HX-9
A real-time 3D concept gunship. Launch it, fly it and fire its cannon, rockets and missiles, then switch to x-ray, power-flow, airflow or exploded views to see how it is put together. Six environments, from an arctic fjord under the aurora to a rain-soaked neon city.
| | |
| --- | --- |
| **Play** | thtbee.github.io/waggles/strix-hx9 |
| **Folder** | `strix-hx9/` |
| **Built with** | Three.js, WebGL, Web Audio |
### 003 · Kestrel K-1
A full humanoid robot built to be mechanically true: every joint, tendon, cable and actuator is real geometry driven by one physical state, so the whole machine moves in exact coordination. Pose it, set it walking, switch between body and hand, and inspect it in glass, exploded, power, signal, thermal, section and drawing views.
| | |
| --- | --- |
| **Play** | thtbee.github.io/waggles/kestrel-k1 |
| **Folder** | `kestrel-k1/` |
| **Built with** | Three.js, TypeScript, Vite, Blender |
### 004 · Skyward Pagoda
天空の塔. A floating voxel sanctuary crowned by a vermilion pagoda, with terraced waterfalls, sakura groves, mirror lakes, suspension bridges and glowing root caverns above a sea of clouds. Glide between landmarks, wander freely, and watch it move from dawn to night.
| | |
| --- | --- |
| **Play** | thtbee.github.io/waggles/skyward-pagoda |
| **Folder** | `skyward-pagoda/` |
| **Built with** | Three.js, TypeScript, Vite |
### 005 · The Plane of Focus
An interactive 3D lens lab that explains camera focus. A 50 mm ƒ/2 lens sits on an optical bench: turn the focus ring, switch aperture, and watch light rays, the plane of focus and the depth of field respond, with real thin-lens numbers on screen. Explode the lens to see its elements.
Recreation of @RyanSael's lens demo.
| | |
| --- | --- |
| **Play** | thtbee.github.io/waggles/plane-of-focus |
| **Folder** | `plane-of-focus/` |
| **Built with** | Three.js, ES modules, no build step |
### 006 · Entity
A meditative real-time scene. A luminous figure hovers above still, reflective water, su