De Opdracht

De opdracht was om naar CSSBattle te gaan en daar een figuur na te maken. Met dit figuur moest ik een animatie activeren met JavaScript.

Mijn Proces

Ik ben begonnen met het maken van de basis-animatie van Pac-Man en het spook. Daarna heb ik Pac-Man bij een muisklik of toets naar rechts te laten bewegen. Ik had hierbij gebruik gemaakt van collision detectie dus was het goed voorbereid om een spel van te maken. Echter had ik dit gedaan met SetInterval in plaats van met die CollisionDetection API wat beter was geweest. Daarna heb ik het grote balletje in het midden naar boven en beneden laten bewegen om het een spel te maken en heb ik ook de sterf-animatie gemaakt voor als Pac-Man het niet haalt om deze te pakken.

Wat Heb Ik Geleerd?

Met dit project heb ik vooral heel veel geleerd over CSS animaties en JavaScript. Het maken van dit spel heeft mij er heel veel van leren begrijpen en aangezien ik hiervoor nooit echt met JavaScript gewerkt had was dit echt een goede uitdaging.

Het Resultaat

Als resultaat heb ik een webspel, gemaakt met pure HTML, CSS en JavaScript. De code is te vinden op mijn GitHub en het eindresultaat is zichtbaar op i527898.hera.fontysict.net/pacman. Het is niet aan te raden om het spel op kleine schermen te spelen.