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.
43 lines
2.4 KiB
43 lines
2.4 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "c40a698395ee5102715f7880bba3f2e7",
|
|
"translation_date": "2025-08-23T22:51:23+00:00",
|
|
"source_file": "6-space-game/README.md",
|
|
"language_code": "fr"
|
|
}
|
|
-->
|
|
# Créer un jeu spatial
|
|
|
|
Un jeu spatial pour enseigner des concepts 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 repose sur le même principe : piloter un vaisseau spatial et tirer sur des monstres qui descendent du haut de l'écran. Voici à quoi ressemblera le jeu terminé :
|
|
|
|
|
|
|
|
Au cours de ces six leçons, vous apprendrez les points suivants :
|
|
|
|
- **Interagir** avec l'élément Canvas pour dessiner des éléments à l'écran
|
|
- **Comprendre** le système de coordonnées cartésiennes
|
|
- **Apprendre** le modèle Pub-Sub pour créer une architecture de jeu solide, facile à maintenir et à étendre
|
|
- **Exploiter** Async/Await pour charger les ressources du jeu
|
|
- **Gérer** les événements clavier
|
|
|
|
## Aperçu
|
|
|
|
- Théorie
|
|
- [Introduction à la création de jeux avec JavaScript](1-introduction/README.md)
|
|
- Pratique
|
|
- [Dessiner sur le canvas](2-drawing-to-canvas/README.md)
|
|
- [Déplacer des éléments sur l'écran](3-moving-elements-around/README.md)
|
|
- [Détection de collisions](4-collision-detection/README.md)
|
|
- [Compter les points](5-keeping-score/README.md)
|
|
- [Terminer et redémarrer le jeu](6-end-condition/README.md)
|
|
|
|
## Crédits
|
|
|
|
Les ressources utilisées pour ce projet proviennent de https://www.kenney.nl/.
|
|
Si vous aimez créer des jeux, ces ressources sont vraiment excellentes. Beaucoup sont gratuites et certaines sont payantes.
|
|
|
|
**Avertissement** :
|
|
Ce document a été traduit à l'aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforcions d'assurer l'exactitude, veuillez noter que les traductions automatisées peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d'origine doit être considéré comme la source faisant autorité. Pour des informations critiques, il est recommandé de recourir à une traduction professionnelle réalisée par un humain. Nous déclinons toute responsabilité en cas de malentendus ou d'interprétations erronées résultant de l'utilisation de cette traduction. |