Easter-Eggs
De opdracht:
Ontwerp en ontwikkel een prototype van een of meerdere easter eggs
voor een DPG-website naar keuze, die ervoor zorgen dat de site een nieuwe
impuls krijgt in het aantal bezoekers en gebruikers en demonstreer in
je eindpresentatie een werkende versie van je idee.
Inleiding
Samen met Yusuf zijn we deze 3 weken aan de slag geweest met het maken
van easter-eggs/minigames voor de website van LeuksteTickets.nl.
We hebben deze site van de DPG website gekozen omdat we
veel verschillende thema’s zagen zoals: dierentuin, musea, etc.
Zo hebben we veel verschillende en unieke easter-eggs kunnen maken.
14 de Musical
Ik ben begonnen met een easter-egg op de Johan Cruyff pagina.
Ik was nog niet echt op de hoogte met wat je allemaal kon maken met JavaScript
dus was ik begonnen met het maken van een kleine klik events.
Ik had iets verstopt dat als je 14 keer op de 14 klikt je een prijs kon winnen
en als je op de “bestel een ticket” knop klikte er een leuke sound zou afspelen.
Dit bleek uiteindelijk best simpel te zijn en dus ben ik er
meer een minigame van gaan maken. Als je op het rode shirt klikte
van Johan Cruyff dan startte het “Shirt Mysterie”.
Verzamel alle 14 shirts binnen de tijd en je wint een leuke prijs.
Hierbij een video van de ShirtsMysterie
ShirtMysterie Gitlab
Feedback
Wij kregen ook nog feedback dat we onze easter-eggs op een manier
moesten gaan samenvoegen om 1 geheel te krijgen.
EasterEggBord
We hadden nagedacht hoe ik en Yusuf onze easter-eggs willen samenbrengen.
We zijn uiteindelijk uitgekomen bij het zogenaamde “EasterEggBord”.
Op deze pagina kom je door een geheime actie te doen.
Dit is 2 seconden lang bovenaan de pagina naar boven scrollen. Op dit bord zie je
al je behaalde easter-eggs en je nog niet gehaalde easter-eggs.
Ik en Yusuf hebben allebei een design gemaakt van het EasterEggBord.
Hierbij het EasterEggBordDesigns
Hierna hebben we na feedback en tests het definitieve EasterEggBord gemaakt.
Hierbij het definitieve EasterEggBordFinal
Spoorweg Museum
Als 2e easter-egg ben ik bezig geweest met het SpoorwegMuseum.
Mijn idee hierbij was om de treinen in beeld te laten rijden en dat je
ze op tijd moet aanklikken om ze niet het ravijn (uit het scherm) te laten vallen.
Hierbij een video van de TreinTerreur
TreinTerreur Gitlab
BloemenTuin
Mijn 3e en laatste easter-egg gaat over BloemenPark Appeltern.
Ik heb een spel gemaakt waarbij je bloemen moet vangen in je mand en je de
bijen moet ontwijken. Ook zijn er levens en kan je dood gaan. Als je geraakt bent
door te veel bijen of je laat te veel bloemen vallen dan ben je dus dood.
Als je het haalt om 10 bloemen te vangen dan heb
je het gehaald en krijg je een leuke prijs.
Hierbij een video van de BijenInvasie
BijenInvasie Gitlab
EasterEggBord v2
Het EasterEggBord werkte al erg goed alleen was het nog lastig
om de easter-eggs te vinden. Wij hebben dus bij de easter-eggs die je nog moet
gaan vinden een hint gezet die je naar de plaats van de easter-egg kan leiden.
Als je alle easter-eggs hebt gevonden dan moest er ook nog iets
gebeuren en dus hebben we een button toegevoegd waar
je een verassing krijgt als je deze indrukt.
Het idee was om een video te maken waarin Jerre je zou
feliciteren als je alles hebt gevonden. We hebben deze video
samen met Evert gemaakt met behulp van AI
Hierbij de Verrasing Video en hoe je daarbij komt.
TreinTerreur ↓
BloemenPark Minigame ↓
Verrassing ↓