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.6 KiB
32 lines
1.6 KiB
# Construisez un jeu spatial (Space Game)
|
|
|
|
Un jeu spatial pour enseigner les principes fondamentaux plus avancés de JavaScript
|
|
|
|
Dans cette leçon, vous apprendrez à créer votre propre jeu spatial. Si vous avez déjà joué au jeu "Space Invaders", ce jeu a la même idée : diriger un vaisseau spatial et tirer sur des monstres qui descendent d'en haut. Voici à quoi ressemblera le jeu terminé :
|
|
|
|
|
|
|
|
Dans ces six leçons, vous apprendrez ce qui suit :
|
|
|
|
- **Interagir** avec l'élément Canvas pour dessiner des choses sur un écran
|
|
- **Comprendre** le système de coordonnées cartésiennes
|
|
- **Apprendre** le modèle Pub-Sub pour créer une architecture de jeu sonore plus facile à entretenir et à étendre
|
|
- **Tirez parti** de Async/Attente pour charger les ressources du jeu
|
|
- **Gérer**les événements du clavier
|
|
|
|
## Aperçu
|
|
|
|
- Théorie
|
|
- [Introduction à la création de jeux avec JavaScript](../1-introduction/translations/README.fr.md)
|
|
- Pratique
|
|
- [Dessiner sur canvas](../2-drawing-to-canvas/translations/README.fr.md)
|
|
- [Déplacer des éléments sur l'écran](../3-moving-elements-around/translations/README.fr.md)
|
|
- [Détection de collision](../4-collision-detection/translations/README.fr.md)
|
|
- [Garder le score](../5-keeping-score/translations/README.fr.md)
|
|
- [Terminer et redémarrer le jeu](../6-end-condition/translations/README.fr.md)
|
|
|
|
## Crédits
|
|
|
|
Les éléments utilisés pour cela provenaient de https://www.kenney.nl/.
|
|
Si vous aimez créer des jeux, ce sont de très bons atouts, beaucoup sont gratuits et certains sont payants.
|