• Matchquiz

    Vorig jaar werd mij gevraagd een quiz-module te schrijven, waarvan de inhoud eenvoudig kon worden aangepast. Ook moest deze op alle platforms werken. Flash was daardoor afgeschreven, en HTML5 / Canvas / Javascript werd de logische keuze voor mij. Met behulp van de CreateJS library heb ik de module uitgewerkt. Je krijgt, na een startscherm en introductie, steeds een foto te zien waarbij het juiste antwoord moet worden gezocht. Wil je een antwoord geven dat je al bij een voorgaande vraag hebt gebruikt, dan kun je deze gewoon aanklikken, waarna je het antwoord op genoemde eerdere vraag opnieuw mag geven. Aan het eind kun je nog wijzigingen aanbrengen. Ben je er zeker van, dan wordt de spanning opgebouwd door het 'berekenen' van de score. Hierna zie je hoeveel fouten je hebt gemaakt, en wat de goede antwoorden waren. Ook krijg je op basis van je score een tekstueel oordeel.

    Uitwerking
    Dit was verdraaid leuk om uit te werken, en voor mij een van mijn eerste echte Canvas-opdrachten. Ik heb de game code los uitgewerkt van de content code, waardoor deze eenvoudig is aan te passen. Ook de vormgeving (in deze eerste opzet erg basic) is eenvoudig te veranderen. En uiteraard kun je zo'n quiz met niet al teveel moeite responsive maken. Je kunt de quiz hieronder bekijken.

‹ HOME Meer games