Crazy Office : Tape et Casse ! - Action Jeu

Veuillez utiliser Three.js pour générer un **jeu mobile-first** sur le thème "Crazy Office: Slap and Smash!". Veuillez d'abord lire les exigences détaillées de conception de jeu suivantes, puis générer le code en conséquence : ### 1. Assets & Environnement * **Style Visuel :** Esthétique 3D hyper-casual avec une palette de couleurs vive et saturée (arrière-plan Cyan `#00FFFF`, murs de bureau blancs épurés). Utilisez un effet Toon Shader ou Cel-shading avec des contours blancs épais autour des personnages pour imiter le style d'autocollant de l'image de référence. * **Personnages :** * **Joueur :** Un Stickman 3D stylisé (membres cylindriques blancs, tête sphérique) portant des lunettes de soleil et une cravate rouge. Le personnage tient une batte de baseball (ou un équipement de bureau comme un clavier). * **Ennemis :** Stickmen "Employés de bureau" génériques en chemise blanche/cravate et personnages "Boss" (plus grande taille, sourcils froncés). * **Environnement :** Un couloir de bureau linéaire sans fin (segments générés de manière procédurale) peuplé de box destructibles, de bureaux, de fontaines à eau et de piles de papier. * **VFX :** Bulles de texte de style bande dessinée ("POW!", "SMACK!") apparaissant à l'impact. Lignes de vitesse (traînées) suivant le mouvement de l'arme. * **Optimisation Mobile :** Utilisez des primitives géométriques simples (CapsuleGeometry, BoxGeometry) pour garder les appels de dessin bas. Réutilisez les géométries pour tous les ennemis (InstancedMesh si possible). ### 2. Exigences Audio * **BGM :** "Musique d'ascenseur" rapide et chaotique – une boucle funk/jazz qui démarre calmement mais accélère au fur et à mesure de la progression du niveau. * **Effets Sonores (SFX) :** * **Mouvement d'Arme :** Un son tranchant de "Whoosh" coupant l'air. * **Impact :** Sons comiques de "Bonk", "Slap" ou "Cronch" lors du contact avec les ennemis. * **Destruction :** Bruits de verre brisé ou de bois éclaté lors du contact avec les bureaux/ordinateurs. * **Poupée de chiffon :** Grognements amusants ou bruits de jouet grinçant lorsque les ennemis sont projetés. ### 3. Boucle de Gameplay * **Mécanisme Central :** Le jeu fonctionne comme un "Combat sur Rails". Le personnage du joueur avance automatiquement le long de l'axe Z. * **Combat :** À l'approche des ennemis, l'utilisateur doit faire glisser son doigt sur l'écran pour balancer la batte. La physique du coup doit être semi-réaliste : plus le glissement est rapide, plus le coup est puissant. * **Physique & Poupée de chiffon :** À l'impact, les ennemis doivent passer d'un état d'animation à un état de poupée de chiffon, étant projetés en arrière selon le vecteur de force de la batte. Ils doivent renverser les meubles de bureau (collisions physiques). * **Victoire/Défaite :** * **Victoire :** Atteindre le "Bureau du PDG" au bout du couloir et donner une "Gifle Puissante" finale (déclenchée par un appui rapide/un appui sur la barre d'espace). * **Défaite :** Subir trop de dégâts des contre-attaques ennemies (la barre de santé atteint zéro). ### 4. Contrôles Mobiles & Interaction * **Orientation de l'écran :** **Mode Portrait** (Vertical) pour le jeu à une main. * **Contrôles Tactiles :** * **Coup :** Associer l'axe X du glissement tactile de l'utilisateur directement à la rotation du torse/bras du personnage. Glisser vers la gauche fait balancer la batte vers la gauche ; glisser vers la droite la fait balancer vers la droite. * **QTE du Boss :** Pendant l'affrontement contre le boss, passer à une mécanique de "Taper Rapidement" pour remplir une jauge de puissance. * **Disposition de l'Interface Utilisateur :** * Haut Centre : Barre de Progression du Niveau (Distance jusqu'au PDG). * Haut Gauche : Compteur d'Argent/Score. * Bas : Interface minimaliste, pas besoin de joystick à l'écran (glisser n'importe où sur l'écran). * **Retour Haptique :** Déclencher `navigator.vibrate(50)` à chaque coup réussi porté à un ennemi ou un obstacle pour une satisfaction tactile. Créez un jeu narratif textuel en **JavaScript** où le joueur explore un monde de fantasy. ## **Exigences techniques :** - Utilisez une structure basée sur des classes. - Implémentez un système de **points de vie (PV)**, **inventaire**, et **choix à embranchements**. - L'état du jeu doit persister en utilisant `localStorage`. ## **Scénario de base :** ``` Le joueur se réveille dans une clairière mystique. Il peut : [1] Explorer la forêt, [2] Examiner un ancien autel, [3] Vérifier l'inventaire. ``` ## **Éléments de jeu :** 1. **Rencontres aléatoires** (ami/ennemi) en forêt. 2. Un **artefact magique** sur l'autel (donne un bonus de PV). 3. Un système de combat simplifié : ```javascript if (player.agility > enemy.agility) { // Le joueur attaque en premier } ``` ## **Conditions de victoire :** - Trouver les **trois fragments de clé**. - Atteindre le **sanctuaire caché**. ## Interface HTML minimale : ```html <div id="game-output"> <p>Bienvenue, aventurier !</p> </div> <input type="text" id="user-input" /> <button onclick="processCommand()">Agir</button> ``` ## **Objectif de la traduction :** Traduire uniquement le texte destiné à l'utilisateur en français, en conservant tous les éléments techniques (code, balises, structure) intacts.