Fire-Powered Volume Control
Must maintain a fire by dragging logs to control volume.
Tags:volumefiredragsimulation
Tech:canvasdrag-dropfire-simulationphysics
Live Demo
⚠️ Warning: This is an intentionally terrible UI pattern. Do not use in production applications.
Fire Powered Volume
Test with Music
💃
Dance
0:00 / 0:00
Volume: 0%
🔇 Muted
Drag the log emoji 🪵 to the fire 🔥 to increase volume.
The fire dies down without logs!
Why This Control Is Terrible
Volume is controlled by the intensity of a virtual fire. Users must drag wooden logs into the fire pit to increase the volume, but the fire naturally dies down over time, causing the volume to decrease. The hotter the fire burns, the louder the volume gets. Users must constantly tend to the fire like a caveman just to maintain their audio settings. It's exhausting, time-consuming, and completely impractical for any real-world scenario.
UX Violations
- Violates user expectations and mental models
- Increases cognitive load and frustration
- May cause accessibility issues
- Breaks established design patterns
- Provides poor feedback and unclear states