Un jeu de tir dynamique codé en JavaScript avec Canvas API, où vous incarnez un joueur au centre de l'écran et tirez sur des vagues d'ennemis générés aléatoirement.
- 🧑🚀 Joueur positionné au centre du canvas
- 🔫 Tir automatique vers le curseur à chaque clic
- 🧟♂️ Ennemis générés hors-écran avec des trajectoires convergentes
- 💥 Collision projectile / ennemi avec effet de particules
- 🎯 Score calculé dynamiquement et sauvegardé via
localStorage - 💀 Détection de collision joueur / ennemi → fin de partie
- 📝 Interface de démarrage avec saisie du pseudo
HTML5 CanvasJavaScript ES6GSAP(GreenSock) pour les animations doucesLocalStoragepour la persistance du score et du nom d'utilisateur
- Saisissez votre nom d'utilisateur dans le formulaire.
- Cliquez sur JOUER.
- Choisissez la carte.
- Cliquez n'importe où sur l'écran pour tirer dans la direction du curseur.
- Survivez le plus longtemps possible en éliminant les ennemis.
- Si un ennemi touche le joueur, la partie s'arrête et le score final est affiché.
📦 BALLS-SHOOTING
├── assets
| ├──levels
├── index.html # Structure HTML avec le canvas et le formulaire
├── style.css # Styles pour l’interface
├── script.js # Toute la logique du jeu (classes, animation, collisions, événements)
├── load-map.js # Toute la logique du jeu (function de chargement des maps)
└── README.md # Ce fichier
git clone https://github.com/votre-utilisateur/shooting-ball.git
cd shooting-ballTu peux simplement ouvrir le fichier index.html dans ton navigateur :
- GSAP (CDN à inclure dans ton HTML) :
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>Toute contribution est la bienvenue : amélioration des performances, refactor, ajout de features, refonte graphique, etc.
Pour tout retour, bug ou proposition :
- Email :
ibraumodnokpro@gmail.com - GitHub : @ibraum
Keep shooting and stay sharp! 🔥 [_ I_B_M _]