Terug naar Home

Web Apps from Scratch

WAFS is een vak waarbij je een site moet maken om jezelf te introduceren. Het heeft niet al te specifieke eisen en zorgt er echt voor dat je gaat nadenken over wat je nou als concept echt wilt maken.

Wat er bij dit vak mij opviel was dat ik het moeilijk vond om een concept te vinden waar ik kan een beetje kan laten zien wie ik ben. Na een beetje brainstormen was ik op het idee gekomen om een retro-game concept te maken waar ik de hoofdrolspeler in was.

Uiteindelijk heb ik een speelbare "mini" game gemaakt waar je kaarten onthult door er als mario-like onder te springen. Wat ik wel geinig vond was dat ik mezelf ook een spring animatie gegeven had waardoor het plaatje klopte.

De obstakels die ik tegenkwam bij dit vak: de eerste fout was het laten bewegen van de Ufuk door een offset te geven via CSS. Doordat ik deze manier heb gebruikt kwam ik er achter dat het springen tegen iets aan niet zo makkelijk was. Hoe gaan we namelijk weten tegen welke kaart de Ufuk springt? Nou ik heb er voor gekozen om te double downen met ducttape code en de viewwidth te gebruiken waardoor ik kon meten in welke kwart van het beeldscherm Ufuk zit.

Uit dit vak neem ik vooral mee dat ik beter de toekomstige logica moet bedenken voordat ik aan de bak ga. Als ik eerst op onderzoek ging zou ik er achter komen dat getClientBoundingRect() een ding is en het mijn project wat stabieler maken.

Bekijk Github