You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.5 KiB
32 lines
1.5 KiB
4 years ago
|
# Bouw een Ruimtegame
|
||
|
|
|
||
|
|
Een ruimtegame om meer geavanceerde JavaScript-basisprincipes te leren
|
||
|
|
|
||
|
|
In deze les leert u hoe u uw eigen ruimtegame kunt bouwen. Als u ooit het spel "Space Invaders" hebt gespeeld, heeft dit spel hetzelfde idee: een ruimteschip besturen en schieten op monsters die van boven naar beneden komen. Hier is hoe het voltooide spel eruit zal zien:
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
In deze zes lessen leert u het volgende:
|
||
|
|
|
||
|
|
- **Werk** met het Canvas-element om dingen op een scherm te tekenen
|
||
|
|
- **Begrijp** het cartesische coördinatensysteem
|
||
|
|
- **Leer** het Pub-Sub-patroon om een degelijke game-architectuur te creëren die gemakkelijker te onderhouden en uit te breiden is
|
||
|
|
- **Maak gebruik van** Async/Await om gamebronnen te laden
|
||
|
|
- **Behandel** toetsenbordgebeurtenissen
|
||
|
|
|
||
|
|
## Overzicht
|
||
|
|
|
||
|
|
- Theorie
|
||
|
|
- [Inleiding tot het bouwen van spellen met JavaScript](../1-introduction/translations/README.md)
|
||
|
|
- Praktijk
|
||
|
|
- [Tekenen op canvas](../2-drawing-to-canvas/translations/README.md)
|
||
|
|
- [Elementen over het scherm laten bewegen](../3-moving-elements-around/translations/README.md)
|
||
|
|
- [Botsingsdetectie](../4-collision-detection/translations/README.md)
|
||
|
|
- [Score bijhouden](../5-keeping-score/translations/README.md)
|
||
|
|
- [Het spel beëindigen en opnieuw starten](../6-end-condition/translations/README.md)
|
||
|
|
|
||
|
|
## Credits
|
||
|
|
|
||
|
|
De middelen die hiervoor zijn gebruikt, waren afkomstig van https://www.kenney.nl/.
|
||
|
|
Als u van het bouwen van games houdt, zijn dit enkele zeer goede activa, veel is gratis en sommige worden betaald.
|