Burger Tycoon - Simulation Jeu

Veuillez utiliser Three.js pour générer un **jeu optimisé pour mobile** sur le thème "Burger Tycoon : Gestionnaire de la Chaîne d'Approvisionnement". Veuillez d'abord lire les exigences de conception de jeu détaillées suivantes, puis générer le code en conséquence : ### 1. Ressources & Environnement * **Style visuel :** Esthétique "Industriel Jouet" low-poly et vibrant. Utilisez un rendu cel-shaded ou à facettes plates pour garantir de hautes performances sur les appareils mobiles. * **Agencement du monde :** Créez une carte linéaire divisée en trois zones distinctes connectées (la caméra doit pouvoir se déplacer entre elles) : 1. **Le Pâturage (Gauche) :** Terrain vert avec des parcelles désignées pour planter du soja/blé et un enclos pour les vaches. 2. **Le Parc d'Engraissement/Usine (Centre) :** Sol gris industriel avec des tapis roulants. Cela sert de tampon de transformation. 3. **Le Restaurant (Droite) :** Extérieur d'un bâtiment de fast-food avec une file "Drive-thru" ou un comptoir où des clients low-poly (capsules ou blocs simples) font la queue. * **Modèles clés (primitifs acceptables) :** * **Vaches :** Formes cubiques blanches/noires. * **Ressources :** Cubes jaunes pour les céréales, dalles rouges pour la viande, piles marron/jaune pour les burgers. * **Particules :** Texte flottant simple "Signe Dollar" lors des ventes, et particules "Fumée/Vapeur" au-dessus de l'usine/gril. * **Optimisation :** Utilisez InstancedMesh pour les objets répétés (cultures, vaches) pour maintenir un faible nombre d'appels de rendu. Utilisez une lumière directionnelle unique avec des ombres douces. ### 2. Exigences Audio * **BGM :** Une piste entraînante et en boucle de style Bossa Nova ou "Musique d'Ascenseur". Elle doit paraître artificiellement joyeuse pour contraster avec le gameplay industriel. * **Effets sonores (SFX) :** * **UI :** Un "Pop" ou "Clic" doux pour les interactions avec les menus. * **Agriculture :** Un son de "Froissement" lors de la récolte des céréales. * **Vaches :** Un "Meuglement" grave lorsqu'une vache est transformée. * **Production :** Bruit mécanique « Clank » ou « Sizzle » pour la création d'un burger. * **Succès :** Son de caisse enregistreuse « Cha-Ching » lorsqu'un client paie. ### 3. Boucle de jeu * **Mécaniques de conversion des ressources :** 1. **Agriculture :** Le joueur appuie sur des parcelles vides dans le Pâturage pour dépenser de l'argent -> planter des Céréales. Attendre le minuteur -> Appuyer pour Récolter les Céréales. 2. **Bétail :** Appuyer sur l'Enclos à Vaches pour dépenser des Céréales -> Nourrir une Vache. La vache grandit (augmente d'échelle). Appuyer sur une Vache adulte -> Envoyer à la Transformation (La vache disparaît, Stock de Viande +1). 3. **Ventes :** Au Restaurant, les Burgers sont fabriqués automatiquement si Stock de Viande > 0. Les clients apparaissent périodiquement. Si un Burger est prêt -> Le client le prend -> L'Argent augmente. * **Économie :** * Argent de départ : 100 $. * Coûts : Plantation (-5 $), Nourrissage (ressource Céréales). * Revenu : Vente d'un Burger (+15 $). * Victoire/Défaite : * **Affichage tête haute :** Afficher l'Argent, le Compteur de Céréales, le Compteur de Viande. * **Défaite :** Si Argent < 0 (Banqueroute). * **Victoire/Meilleur Score :** Suivi du total de burgers vendus. ### 4. Contrôles mobiles & Interaction * **Contrôle de la caméra :** Verrouiller la caméra sur un angle Isométrique fixe. Permettre un **Glissement/Balayage Horizontal** pour déplacer (pan) la caméra de gauche à droite entre les zones Pâturage, Usine et Restaurant. **Pincer** pour zoomer légèrement. * **Interaction (Lancer de rayon) :** * Appui unique sur les Objets du Monde (Sol, Vache) pour interagir. * Retour visuel : Lorsqu'un objet est touché, il doit grossir brièvement (effet rebond) ou clignoter en blanc pour confirmer l'entrée. * **Superposition d'interface utilisateur :** * Barre supérieure : En-tête fixe affichant les Statistiques (Argent, Céréales, Viande). * Boutons : Utiliser de grands boutons ronds (minimum 60x60px) flottant dans les coins inférieurs pour "Embaucher du Personnel" ou "Accélérer" (améliorations optionnelles). * Orientation : Verrouiller en **Mode Paysage** pour la meilleure vue de la chaîne d'approvisionnement. Générez un jeu interactif de type « baccalauréat » (catégories) dans lequel les joueurs doivent trouver des mots commençant par une lettre aléatoire. Le jeu doit comprendre : 1. Une interface utilisateur avec : * Un grand écran central affichant la lettre actuelle, le compte à rebours et les scores. * Une grille de 6 catégories, par exemple : `Pays`, `Animal`, `Prénom`, `Objet`, `Métier`, `Fruit/Légume`. * Un champ de saisie (`<input>`) par catégorie pour que le joueur entre ses réponses. * Un bouton « Soumettre » pour vérifier les réponses et un bouton « Nouvelle Lettre » pour relancer une manche. 2. Une logique de jeu incluant : * Génération d'une lettre aléatoire (en excluant les lettres rares comme K, W, X, Y, Z si désiré). * Un minuteur configurable (par ex. 2 minutes) pour chaque manche. * Un système de score : +10 points par réponse valide, +50 points bonus si toutes les catégories sont remplies. * Validation des réponses : le mot doit commencer par la lettre courante, être unique (pas de doublons dans la même grille) et appartenir à la catégorie. 3. Des fonctionnalités supplémentaires : * Un tableau des meilleurs scores (`localStorage`). * Des effets sonores légers pour la soumission et le chronomètre. * Une animation CSS subtile lors du changement de lettre. ```html <!-- Structure de base --> <div id="game-container"> <header> <h1>🎯 Baccalauréat des Lettres</h1> <div class="game-info"> <div class="letter-box">Lettre : <span id="current-letter">A</span></div> <div class="timer">Temps : <span id="countdown">120</span>s</div> <div class="score">Score : <span id="current-score">0</span></div> </div> </header> <main> <div class="categories-grid"> <!-- Les catégories seront générées ici en JS --> </div> <div class="controls"> <button id="submit-btn" class="btn primary">Soumettre les réponses</button> <button id="new-letter-btn" class="btn secondary">Nouvelle Lettre</button> </div> </main> </div> ``` ```javascript // Pseudo-code pour la logique principale const categories = ['Pays', 'Animal', 'Prénom', 'Objet', 'Métier', 'Fruit/Légume']; let currentLetter = 'A'; let timeLeft = 120; let score = 0; function generateRandomLetter() { // Génère une lettre, éventuellement en excluant certaines } function validateAnswer(input, category) { // Vérifie si l'entrée est valide pour la catégorie et la lettre } function calculateScore() { // Calcule le score pour la manche } ``` **Instructions pour le CSS :** Utilisez une palette de couleurs vive mais lisible. Assurez-vous que l'interface est réactive (responsive). Ajoutez des états `:hover` et `:focus` pour les éléments interactifs.