De eerste Javascript web app die ik echt heb gereleased was een simpele ‘raad het muzieknummer’ quiz in 2013. Sindsdien is het idee me nooit ontglipt, en ieder jaar groeit het verder tot iets volledig nieuws. Wat begon als een simpel triviaspel (die tijdelijk door een Zuid-Koreaans mediabedrijf was opgepikt), is nu een real-time PvP competitieve video game - op papier, in ieder geval.
Ik heb vaak genoeg geprobeerd de app echt opnieuw te developen; eerst met PHP en Symfony, toen moet Javascript, Backbone en websockets; daarna met React en Socket.io. En hoewel ik iedere keer dichterbij een release kom, blijf ik het spel telkens weer een nieuwe draai geven (en zeker niet omdat ik zelf geen backend wil organiseren…!) Hoe dan ook, de vele redesigns laten zien hoe de game is veranderd over de tijd.
Het eenvoudige design van het spel in 2017.
De zoemer
In het begin was het spel tijdsgebonden - type je antwoord en wacht tot het nummer eindigt om te zien of je het goed had. Nadat ik me realiseerde dat een quiz op deze manier gewoon oninteressant werd, veranderde ik het tekstveld tot een grote rode zoemer. Net zoals in gameshows mag de persoon die als eerst drukt antwoorden. Nu moet je actief spelen: je weet dat je tegenstander met hun hand boven dezelfde virtuele zoemer naar de muziek luistert.
Mijn eerste design met de zoemer, een screenshot uit 2019.
Demo van de animaties en overgangen in de redesign van 2021. Gebouwd met React en Redux. Ik vind vooral de vuur animatie leuk, gemaakt in After Effects.
namanama
De meest recente versie van het spel heet namanama. Geïnspireerd door online kaartgames maakte ik personages die je als avatar kon kiezen. Iedere avatar was gelinkt met een in-game mechanisme, zoals punten stelen juist meer verdienen. Toen ging het balletje rollen, en begon ik me te dromen over hoe deze personages met elkaar in een wereld woonden: hun afkomst, hun persoonlijkheid, et cetera.
De avatars in actie, in een redesign van 2021.
Ik probeerde een soort parallel te trekken met Zuid-Koreaanse popmuziek. De personages waren pop idol blauwdrukken: het onschuldige meisje, de zelfverzekerde jongen, de sluwe vos... Ik wilde vor iedere avatar een muziekthema maken. Je kunt hieronder naar de theme song van namanama luisteren.
namanama theme song
De kernmelodie is een vocal sample die ik aan elkaar heb geknipt, ondersteund door een agressieve bas met een moderne vibe.
Zoemer sound effects
Het eerste geluid is voor een correct antwoord, de ander als je het fout hebt.
Dit is een concept en is (nog) niet volledig gerealiseerd. Ik post het omdat ik het geheel interessant genoeg vind om te delen.