App & merk
Een metronoom die je wíl openen.
Een metronoom is het saaiste ding in de kast van een muzikant: hij tikt, en verder niets. Tocktopus maakt er een personage van. Zes skins, elk met een eigen karakter en een eigen klank, en geen enkel geluidsbestand in de app — elke tik wordt ter plekke berekend.
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
Wat er staat
Het resultaat.
- 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.