ProjectsTIAN XING / SELECTED WORKAbout

Music Tool · Web Audio

Slotronome

A slot machine that deals you a tempo.

VIEW PROJECTPull the lever

Year2025

RoleProduct, interaction, sound & code

Slotronome is a pixel-art metronome designed to break the habit of practicing only at a comfortable speed. Set a range, pull the lever, and it deals a new tempo—then keeps time with accents, changing meters, and optional automatic re-deals.

The oak cabinet, brass trim, amber reels, scanlines, glare, motion, and synthesized machine sounds are built from HTML, CSS, and Web Audio.

LIVE DEMO

Pull the lever here

The full Web Audio metronome runs inside the page; pull the lever, press start, and change the accents.

Open the full project in a new window
Inside the work
01

Practice by chance

Random or incremental tempo changes keep technique flexible across a chosen range.

02

A real metronome underneath

Meters, beat accents, digit-level adjustment, bar counting, and keyboard control.

03

Tactile without images

A complete pixel cabinet made from gradients, shadows, type, motion, and synthesized sound.