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.
45 lines
2.2 KiB
45 lines
2.2 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "c40a698395ee5102715f7880bba3f2e7",
|
|
"translation_date": "2025-08-27T20:20:42+00:00",
|
|
"source_file": "6-space-game/README.md",
|
|
"language_code": "nl"
|
|
}
|
|
-->
|
|
# Bouw een Ruimtespel
|
|
|
|
Een ruimtespel om meer geavanceerde JavaScript-fundamenten te leren
|
|
|
|
In deze les leer je hoe je je eigen ruimtespel kunt bouwen. Als je ooit het spel "Space Invaders" hebt gespeeld, heeft dit spel hetzelfde idee: een ruimteschip besturen en schieten op monsters die van boven komen. Zo ziet het voltooide spel eruit:
|
|
|
|
|
|
|
|
In deze zes lessen leer je het volgende:
|
|
|
|
- **Interactie** met het Canvas-element om dingen op een scherm te tekenen
|
|
- **Begrijp** het cartesiaanse coördinatensysteem
|
|
- **Leer** het Pub-Sub patroon om een solide spelarchitectuur te creëren die gemakkelijker te onderhouden en uit te breiden is
|
|
- **Benut** Async/Await om spelbronnen te laden
|
|
- **Behandel** toetsenbordgebeurtenissen
|
|
|
|
## Overzicht
|
|
|
|
- Theorie
|
|
- [Introductie tot het bouwen van spellen met JavaScript](1-introduction/README.md)
|
|
- Praktijk
|
|
- [Tekenen op canvas](2-drawing-to-canvas/README.md)
|
|
- [Elementen over het scherm bewegen](3-moving-elements-around/README.md)
|
|
- [Botsingsdetectie](4-collision-detection/README.md)
|
|
- [Score bijhouden](5-keeping-score/README.md)
|
|
- [Het spel beëindigen en opnieuw starten](6-end-condition/README.md)
|
|
|
|
## Credits
|
|
|
|
De gebruikte assets voor dit spel komen van https://www.kenney.nl/.
|
|
Als je geïnteresseerd bent in het bouwen van spellen, zijn dit echt goede assets. Veel is gratis en sommige zijn betaald.
|
|
|
|
---
|
|
|
|
**Disclaimer**:
|
|
Dit document is vertaald met behulp van de AI-vertalingsservice [Co-op Translator](https://github.com/Azure/co-op-translator). Hoewel we streven naar nauwkeurigheid, dient u zich ervan bewust te zijn dat geautomatiseerde vertalingen fouten of onnauwkeurigheden kunnen bevatten. Het originele document in zijn oorspronkelijke taal moet worden beschouwd als de gezaghebbende bron. Voor cruciale informatie wordt professionele menselijke vertaling aanbevolen. Wij zijn niet aansprakelijk voor eventuele misverstanden of verkeerde interpretaties die voortvloeien uit het gebruik van deze vertaling. |