Un jeu en 3D basé sur Three.js et WebXR, intégrant un système de combat avec des flèches et des ennemis. Réalisé en tant que projet d'école.
Ce petit jeu est un shooter dans lequel une horde de squelettes vous à pris pour cible. Terrassez les, faites les tourner et résister le plus longtemps possible à leurs attaques. Faites attention à vous les murs ne les arrêterons pas mais vos flèches seront bien bloquées.
- Rendu 3D avec Three.js
- Intégration du jeu dans le monde réel en AR avec collisions des flèches dans les murs.
- Multiples ennemis avec animations et IA basique
- Un appareil et un navigateur compatible WebXR
- Node.js installé (si vous voulez télécharger le jeu en local cf. ci-dessous)
Jouer directement au jeu sur : https://vincentmiras.github.io/webxr/
ou bien (beaucoup plus complexe):
- Cloner le projet
git clone https://github.com/ton-repo/mon-jeu.git cd mon-jeu - Installer les dépendances
npm install
- Lancer le jeu
Cela permet uniquement de le faire tourner sur un server local et donc doit nécessité un appareil compatilble.
npm run dev
- Ouvrir le server à l'extérieur Pour cela vous devez créer un tunnel qui sécurise votre connexion en https avec cloudflare ou ngrok.
| Action | Touche |
|---|---|
| Se déplacer | Bouger votre téléphone |
| Tirer une flèche | Toucher l'écran |
Marquer le plus de points possible en affrontant des vagues d'ennemis ! Amusez-vous surtout !
-
Beaucoup de ressources utilisées viennent des cours de M. DOGANIS: https://github.com/fdoganis/three_vite_xr
-
La plupart des mécaniques ont été mises en place grâce à la documentation et aux exemples de threejs. (https://threejs.org/docs/, https://threejs.org/examples/)
-
Les modèles sont téléchargeables gratuitement et mis à disposition par Quaternius
Ce projet est sous licence MIT. Utilisation libre avec attribution.