RHYTHM CIRCLE
An application for seeing time
When exploring concepts of time with students or colleagues, it can be helpful to look at time from a different perspective. This simple HTML application does just that.
There are eight concentric circles. Each circle triggers unique sounds. Clicking on the circle will make a mark where you clicked. Clicking on an existing mark on the circle will remove it. When those marks rotate through the 12 o'clock position, they will trigger a sound.
Here are some high level features already in the app.
- Full animation control with easing, normalized frame rate, and speed slider
- Clickable concentric rings with quantized or loose tick placement
- Real-time audio playback at 12 o'clock crossing
- JSON import/export and URL-based pattern sharing (base64-encoded)
- Responsive resizing and mobile-friendly adjustments
- Volume per ring with slider bindings
- Legend toggle and settings panel
- Drawing and tick updates even when rotation is paused
