Salon de Beauté - Jeu de Relooking - Casual Jeu

Veuillez utiliser Three.js pour générer un **jeu axé sur mobile** ayant pour thème « Salon de beauté : Relooking Glamour ». 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 & Environnement * **Style visuel** : Esthétique haute fidélité de type « Maison de poupée ». Utilisez une palette de couleurs pastel et lumineuse (roses, lilas, bleus clairs) avec une saturation élevée. Le rendu doit utiliser `THREE.MeshStandardMaterial` avec une douceur faible pour simuler la peau et des paramètres brillants pour les lèvres/yeux afin d'obtenir l'effet « pailleté » visible sur la capture d'écran. * **Modèles principaux** : * Un **Modèle de Tête Féminine** central avec un mapping UV optimisé pour la peinture de texture. Le visage doit avoir des zones de matériau séparées ou des couches de texture pour : la Base de Peau, la Couche d'Imperfections (superposition avec carte alpha), la Couche de Maquillage, et les Yeux. * **Outils** : Modèles 3D pour une Houppette, des Pincettes, une Pomme de Douche et un Rouge à Lèvres. * **Environnement** : Un arrière-plan flou et lumineux (HDRI ou ciel de fond simple en dégradé) représentant un intérieur de salon chic pour concentrer entièrement l'attention sur le personnage. * **Optimisation mobile** : Limiter la tête du personnage à <5000 polygones. Utilisez des atlas de texture pour réduire le nombre d'appels de rendu. Implémentez une mise à l'échelle dynamique de la résolution basée sur `window.devicePixelRatio` pour maintenir un FPS élevé sur mobile. ### 2. Exigences Audio * **BGM (Musique de fond)** : Une boucle de musique « Lounge Pop » énergique, dans le style d'un défilé de mode. Elle doit être entraînante mais pas distrayante. * **Effets Sonores (SFX)** : * **Interaction** : Un son de « squish » ou de « pop » satisfaisant lors de l'enlèvement d'un bouton. Un bruit blanc continu de « shhhhh » lors du lavage des cheveux/pulvérisation d'eau. Des sons de « brossage » doux lors de l'application du maquillage. * **UI (Interface)** : Un son aigu de « Carillon de Cristal » ou « Étincellement » lorsqu'une étape de maquillage est terminée à 100 %. Un « Clic » doux pour la sélection d'un outil. ### 3. Boucle de Jeu * **Étape 1 : Le Nettoyage (Focus ASMR)** : Le visage commence recouvert de textures de « saleté » et de maillages 3D de « boutons ». Le joueur doit faire glisser un outil éponge pour effacer la texture de saleté (en utilisant un masque alpha dynamique) et appuyer sur les boutons pour les éliminer. * **Étape 2 : Application du Maquillage** : Le joueur sélectionne un outil (par ex. Pinceau à fard). Il doit **Appuyer et Maintenir** tout en se déplaçant sur la zone spécifique de la joue. Une barre de progression se remplit à mesure que l'opacité de la couleur augmente sur la texture du visage. * **Étape 3 : Coiffure & Accessoires** : Une sélection de style « Poupée en papier ». Cliquer sur une icône de coiffure change instantanément le maillage des cheveux. * **Condition de Victoire** : Chaque étape a un « Pourcentage de Beauté ». Dès que le joueur frotte/peint >90% de la zone cible, le jeu déclenche automatiquement un effet de particules (confettis/étoiles), la caméra effectue un léger zoom arrière, et un bouton « Étape Suivante » apparaît. ### 4. Contrôles et Interaction Mobile * **Caméra** : Mode Portrait Fixe (ratio d'aspect 9:16 recommandé). La caméra doit légèrement effectuer un panoramique pour suivre l'outil actif (par ex. zoom sur les yeux lors de l'application du fard à paupières). * **Entrée Tactile** : * **Glisser/Balayer** : Contrôle le mouvement de l'outil actif (Pinceau/Éponge). Le maillage de l'outil doit suivre les coordonnées `touchmove`, projetées sur la surface du visage à l'aide de `THREE.Raycaster`. * **Appuyer** : Utilisé pour la sélection d'interface utilisateur et les actions instantanées (comme faire éclater un bouton). * **Disposition de l'Interface Utilisateur** : Toutes les icônes d'outils interactifs doivent être placées dans un « Dock » en bas de l'écran, avec une taille cible tactile minimale de **48x48px**. * **Retour d'Information** : * **Visuel** : Lorsque le pinceau touche le visage, émettez de petites particules d'étoiles au point de contact. * **Haptique** : Déclenchez `navigator.vibrate(50)` lorsqu'un bouton est éclaté ou qu'une étape est terminée. Générez un jeu de type "Escape Room" avec le thème suivant : **Thème :** Laboratoire de botanique cyberpunk **Ambiance :** Une serre futuriste où des plantes génétiquement modifiées émettent une faible lueur, combinée à des interfaces holographiques et des équipements scientifiques high-tech. L'air est chargé d'une douce odeur d'ozone et de terre humide. **Mécaniques de jeu principales :** 1. **Puzzles basés sur la lumière :** Les joueurs doivent ajuster les lampes à spectre spécifique pour faire réagir certaines plantes et révéler des indices. 2. **Séquençage ADN :** Un mini-jeu où les joueurs assemblent des séquences génétiques virtuelles pour "créer" une clé ou débloquer un terminal. 3. **Interface holographique :** Un terminal central contrôlé par des gestes qui nécessite de résoudre un puzzle de connexion de nœuds logiques. **Éléments de narration :** - **Objectif :** Les joueurs sont des bio-ingénieurs qui doivent récupérer un échantillon de plante rare (la "Luminafera") avant que le système de confinement autonome du laboratoire ne se verrouille définitivement. - **Lore :** La Luminafera est une plante synthétique qui peut purifier l'atmosphère, mais son dernier cycle de floraison est imminent et déclenchera le verrouillage. - **Pli :** Un ancien journal de données (fichiers audio/textes) révèle que le créateur de la plante a intentionnellement programmé le verrouillage, par crainte que son invention ne soit volée. **Contraintes techniques :** - Le jeu doit être jouable dans un navigateur web standard. - Utilisez `HTML5`, `CSS3` et `JavaScript` vanilla. - Intégrez l'API Web Audio pour les sons ambiants (bruissement des plantes, bips des interfaces). - Les énigmes doivent avoir **trois niveaux de difficulté** sélectionnables au début : `Facile`, `Normal`, `Expert`. - Incluez un système de sauvegarde automatique utilisant `localStorage`. **Structure de sortie :** ```html <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>[Le titre traduit du jeu ici]</title> <style> /* Styles CSS pour créer l'ambiance cyberpunk/botanique */ </style> </head> <body> <div id="game-container"> <h1>Nom du Jeu</h1> <div id="hud">Interface Joueur</div> <div id="puzzle-area">Zone des énigmes principales</div> <button id="hint-button">Demander un Indice</button> <div id="log">Journal des événements et découvertes</div> </div> <script> // Logique JavaScript du jeu // Gestion des puzzles, du niveau de difficulté, de l'audio, etc. </script> </body> </html> ``` **Instructions supplémentaires :** - Le titre du jeu (`<title>` et `<h1>`) doit être "**Verrouillage Luminal**". - Le bouton d'indice doit afficher un message contextuel qui consomme un "point d'intuition" limité. - Dans le journal (`#log`), les entrées de l'ancien créateur doivent apparaître dans une `<div class="creator-log">` avec un style `font-style: italic; color: #88ff88;`.