Apps & brand
A metronome you actually want to open.
A metronome is the dullest thing in a musician's cupboard: it ticks, and that is all. Tocktopus turns it into a character. Six skins, each with its own look and its own sound, and not a single audio file in the app — every tick is calculated on the spot.
Waarom
Wie een instrument leert, moet oefenen met een metronoom. Bijna niemand doet het, want het ding is streng en saai. De vraag was dus niet hoe je een betere metronoom bouwt, maar hoe je er een maakt die je uit jezelf opent.
Zes skins, zes karakters
Elke skin is een compleet decor: een eigen personage, eigen kleuren en een eigen klank. Candy klinkt anders dan Studio, en ziet er ook anders uit. Je kiest er een zoals je een shirt kiest — en dat is precies de bedoeling: het is jouw metronoom, niet een instrument uit een handleiding.
Geen enkel geluidsbestand
Er zit geen tik in de app. Elke klik is een oscillator met een korte envelope, ter plekke berekend, gepland op de klok van Web Audio met een venster vooruit. Dat scheelt niet alleen megabytes: een tik op een timer loopt hoorbaar scheef zodra het toestel het druk krijgt, een tik op de audioklok niet.
Eén codebasis, twee winkels
De app is webtechniek in een native jasje: Vite en vanilla JS, met Capacitor eromheen voor iOS en Android. Dezelfde metronoom draait daardoor ook gewoon in een browser — de speler in de banner hierboven is diezelfde motor.
#35C6FF#FF3D93#FF4A18#FF2D95#E0AC50#8C7BFFTechniek
- Vanilla JS
- Vite
- Capacitor
- Web Audio API
- iOS
- Android
What stands
The result.
- Zes skins met elk een eigen personage, palet en klank.
- Geen enkel geluidsbestand in de app: elke tik wordt berekend op de audioklok.
- Eén codebasis voor iOS, Android en het web.
- Merk, illustratie, ontwerp en bouw uit hetzelfde huis.