Whack-a-Mole

Het spelletje Whack-a-mole is een leuke, kleine en eenvoudige game om snel even te maken. Je kunt hier stap voor stap lezen hoe je zo'n spelletje nou eigenlijk maakt. Twijfel je nog of software development iets voor jou is? Ga vooral even aan de slag met deze game.

Je kunt natuurlijk altijd kopiëren en plakken, maar het is leuker en beter voor je begrip om de code over te nemen en te begrijpen wat er gebeurt!

GAME

Speel het spelletje: https://games.educom.nu/whack-a-mole/

In deze module gaan we stap voor stap het spelletje 'Whack-a-Mole' bouwen in JavaScript en HTML, CSS. Je zult zien dat dit verrassend eenvoudig is, vandaar dat we ook iets meer aan de vormgeving gaan doen.

Assets

Alle assets kun je hier downloaden, maar je mag natuurlijk ook je eigen afbeeldingen, lettertypes en kleuren gebruiken.

Kleuren

#1E1E1E

#FFFFF

#9E005D

#000000

Lettertype

Ed Interlock

ZIP

Afbeeldingen

File tree

.
├── index.html
├── assets
│    ├── css
│    │    └── style.css
│    ├── fonts
│    │    ├── ed-interlock.woff
│    │    └── ed-interlock.woff2
│    └── img
│         ├── hammer.ai
│         ├── hammer.png
│         ├── logo.ai
│         ├── logo.png
│         ├── mole-whacked.png
│         └── mole.png
└── js
    └── main.js