Red Stickman vs Monster School - Action Jeu

Utilisez Three.js pour générer un **jeu mobile-first** sur le thème "Red Stickman vs Voxel Monster School". Veuillez d'abord lire les exigences détaillées de conception de jeu suivantes, puis générer le code en conséquence : ### 1. Ressources et Environnement * **Style visuel :** Une esthétique Hybride 2.5D. Les personnages au premier plan (Le Red Stickman) doivent être construits à partir de primitives lisses de Three.js (Sphères pour les articulations/la tête, Cylindres pour les membres) avec un matériau rouge vif (`0xff0000`). Les ennemis et l'environnement doivent utiliser un **style Voxel/Blocs** (imitant Minecraft) en utilisant `BoxGeometry` avec des textures pixel art basse résolution. * **Agencement de l'environnement :** Un niveau de défilement latéral composé de blocs voxels (herbe, terre, pierre). Incluez des plates-formes flottantes pour la verticalité. L'arrière-plan doit présenter un dégradé de ciel dynamique (Bleu vers Orange) avec des montagnes lointaines et non interactives en blocs pour créer de la profondeur (effet de parallaxe). * **Éclairage :** Utilisez `HemisphereLight` pour une ambiance générale extérieure et une `DirectionalLight` projetant des ombres pour simuler la lumière du soleil. * **Optimisation mobile :** Utilisez **InstancedMesh** pour les blocs de terrain répétés afin de réduire les appels de rendu. Limitez le nombre de particules actives (ex. : effets de coup) pour garantir 60 ips sur les appareils mobiles. ### 2. Exigences Audio * **BGM :** Une piste énergique et rapide combinant des mélodies **Chiptune 8-bit** avec de lourdes **batteries Rock/Cinématique** pour simuler une atmosphère de "Combat de Boss" ou de "Défi". * **SFX :** * **Actions du Stickman :** Des sons de "Swoosh" pour les coups de poing/coups de pied, un "Boing" cartoonesque pour les sauts. * **Impacts :** Des sons rétro "Craquants" lors de l'impact avec les ennemis voxels (ressemblant à des blocs qui se brisent). * **Ennemis :** Des gémissements de style voxel (zombies) ou des bruits d'os qui claquent (squelettes). * **Interface utilisateur :** Un son "Clic" net pour les boutons et une petite mélodie "Succès" lors du franchissement d'un niveau. ### 3. Boucle de jeu * **Mécaniques principales :** Le joueur contrôle le Stickman Rouge qui se déplace de gauche à droite. L'objectif est de vaincre tous les ennemis dans une section pour débloquer le chemin (style Beat 'em up) ou d'atteindre le portail de fin. * **Système de combat :** Combat au corps à corps simple. Le joueur dispose d'une barre de santé (en haut à gauche). Les ennemis (Zombies, Archers Squelettes, Boss Cubiques) ont des barres de santé flottant au-dessus de leur tête. * **Physique :** Physique style arcade. Le saut doit être percutant (gravité élevée à la descente). Les collisions avec les ennemis provoquent un léger recul. * **Victoire/Défaite :** * **Victoire :** Atteindre le drapeau à damier ou le portail à la fin du niveau. * **Défaite :** Les PV du joueur atteignent 0 (déclenche un effet d'effondrement "Ragdoll" pour le Stickman). ### 4. Contrôles et interactions mobiles * **Contrôles tactiles (superposition HTML) :** * **Côté gauche :** Un joystick virtuel ou de simples boutons fléchés "Gauche/Droite" pour le déplacement horizontal. * **Côté droit :** Trois boutons d'action distincts : * **Bouton A (Grand) :** Sauter (équivalent de la touche W). * **Bouton B (Moyen) :** Attaquer (Coup de poing/de pied). * **Bouton C (Petit) :** Interagir (équivalent de la touche E - utilisé pour les leviers ou ouvrir des coffres). * **Orientation :** Forcer le **Mode Paysage** pour un champ de vision plus large. * **Comportement de la caméra :** La caméra doit suivre le joueur en douceur sur l'axe X avec un léger décalage pour montrer davantage du chemin à venir. Utiliser une caméra `orthographique` ou `perspective` avec une profondeur Z fixe pour maintenir l'apparence 2.5D. * **Retour d'information :** * **Haptique :** Déclencher `navigator.vibrate(50)` en cas de dégâts subis ou d'un coup lourd porté. * **Visuel :** Effet de tremblement d'écran (léger tremblement de caméra) lorsque le joueur est touché. Créez un jeu de type « aventure textuelle » dont le cadre est **un phare mystérieux sur une île isolée**. ### **Instructions de génération :** 1. **Système de jeu :** - Utilisez un système de narration interactive basé sur des choix (`CHOIX_A`, `CHOIX_B`, etc.). - Incorporez un mécanisme d’inventaire simplifié : `inventaire = []`. - Implémentez une variable `santé_mentale` (valeur initiale : 100) qui diminue lors d’événements troublants. 2. **Élécles narratifs :** - Introduisez un gardien de phave énigmatique avec des dialogues cryptiques. - Incluez des découvertes de journaux intimes ou de notes éparses (`<span class="note">Fragment de journal</span>`). - Prévoyez un événement météorologique dynamique (tempête soudaine) qui influence les décisions. 3. **Atmosphère :** - Utilisez des descriptions sensorielles détaillées (bruits de vagues, odeur de rouille, lumière vacillante). - Alternez entre sécurité relative et tension psychologique croissante. 4. **Sorties possibles :** - **Bonne fin :** Le joueur résout l’énigme du phare et s’échappe. - **Fin neutre :** Le joueur reste piégé mais vivant. - **Mauvaise fin :** La santé mentale atteint 0, entraînant la folie. ### **Exemple de segment :** ``` Vous entrez dans la salle de la lanterne. Le vent hurle à travers les fissures. Sur une table, un journal ouvert est éclairé par une lueur tremblotante. CHOIX_A : Lire le journal. CHOIX_B : Examiner la lanterne. CHOIX_C : Quitter la pièce rapidement. ``` ### **Contraintes techniques :** - Code en blocs ` ```python` pour les mécaniques. - Conservez les sauts de ligne et la mise en forme Markdown. - Les balises HTML (ex. `<span class="note">...</span>`) doivent rester intactes. Générez le jeu complet en respectant ces consignes.