Mini Putt 2 - Sports Jeu

Veuillez utiliser Three.js pour générer un **jeu mobile-first** sur le thème "Mini Putt 2 - Édition Mobile 3D". Veuillez d'abord lire les exigences détaillées de conception de jeu suivantes, puis générez le code en conséquence : ### 1. Ressources & Environnement * **Style Visuel** : Esthétique "3D Épurée" modernisée inspirée de la vue classique en plongée. Utilisez une **Caméra Orthographique** pour conserver la perspective précise de la capture d'écran originale tout en ajoutant de la profondeur. * **Conception du Parcours** : * **Surfaces** : Matériau gris "Tapis/Béton" pour la surface de putting (faible friction), entouré de zones vertes plus foncées "Rugueuses" (friction élevée/murs). * **Géométrie** : Utilisez des blocs modulaires low-poly. Les murs du parcours doivent avoir des bords arrondis biseautés pour capter la lumière. * **La Balle** : Une sphère parfaitement blanche et brillante avec un léger halo d'ombre en dessous pour l'ancrer visuellement. * **Obstacles** : Formes géométriques statiques (cubes, prismes) et obstacles dynamiques comme des pales de moulin à vent tournantes ou des barrières coulissantes. * **Optimisation des Performances** : Utilisez `THREE.InstancedMesh` pour les segments de mur répétés ou les brins d'herbe. Limitez les lumières dynamiques à une seule DirectionalLight (simulant le soleil) et utilisez une AmbientLight pour le remplissage. Évitez le post-traitement complexe ; utilisez de simples couleurs de sommet ou des textures basiques. ### 2. Exigences Audio * **BGM** : Une piste Lo-Fi ou Bossa Nova relaxante et en boucle (style musique d'ascenseur) pour réduire le stress du joueur pendant la visée. * **Effets Sonores (SFX)** : * **Putt** : Un son "Clac" net, avec décalage de hauteur basé sur l'intensité de la puissance. * **Roulis** : Un léger son de roulement en boucle qui s'estompe à mesure que la vitesse diminue. * **Collision** : Un "Clic" sec pour les rebonds sur les murs et un "Boum" sourd pour les obstacles. * **Réussite** : Un son satisfaisant de « cliquetis et plouf » quand la balle entre dans le trou, suivi d'un court jingle musical. ### 3. Boucle de jeu * **Mécanique centrale** : Le joueur doit mettre la balle dans le trou en le moins de coups possible. * **Moteur physique** : Implémenter une logique physique 2D personnalisée sur le plan X/Z (ou utiliser Cannon.js) en se concentrant sur les **vecteurs de réflexion** pour les rebonds sur les murs et l'**amortissement linéaire** (friction) pour arrêter la balle naturellement. * **Score** : * Afficher le "Par" (nombre de coups cible) pour le niveau. * Suivre les "Coups actuels". * Logique de fin de niveau : Quand la distance de la balle au centre du trou est < rayon du trou. * **Obstacles** : Inclure des pentes (modificateurs d'accélération) et des fosses de sable (zones de forte traînée). ### 4. Contrôles mobiles et interaction * **Schéma de contrôle** : Mécanique de « fronde / tirer-pour-tirer » (remplaçant la visée par clic de souris sur ordinateur). 1. **Début du toucher** : Détecter le toucher sur ou près de la balle. 2. **Mouvement du toucher** : Glisser le doigt vers l'arrière pour viser. Afficher une **flèche ou une ligne de trajectoire** dans la direction opposée au glissement, montrant le chemin prévu et la puissance. Coder la flèche par couleur (Vert = Faible, Rouge = Puissance max). 3. **Fin du toucher** : Relâcher pour appliquer une force d'impulsion à la balle. * **Orientation de l'écran** : Mode portrait préféré (jouable avec un pouce), mais réactif au mode paysage. * **Retour haptique** : Déclencher une légère vibration (via `navigator.vibrate`) quand la balle frappe un mur ou entre dans le trou. * **Disposition de l'interface utilisateur** : * Affichage du score/Par en haut au centre (zone sûre). * Gros boutons icônes "Recommencer" et "Pause" (min 48x48px) dans les coins supérieurs. * Pas de joysticks à l'écran ; tout l'écran est la zone d'entrée pour le panoramique de la caméra (glisser deux doigts) ou le putting (glisser un doigt sur la balle). Générez un concept de jeu vidéo avec les caractéristiques suivantes : **Titre :** Chrono-Revenants **Genre :** Action-Aventure / RPG Temporel **Cadre :** Une mégapole cyberpunk où différentes époques coexistent suite à une catastrophe temporelle. **Mécanique de jeu principale :** - **Système de "Synchronisation Temporelle"** : Incarnez un agent capable d'ancrer temporairement des zones dans une époque spécifique (ex : années 1980, 2240, Moyen Âge). - Les ennemis, l'environnement et les objets interagissables changent en fonction de l'époque active. - `timeAnchor(epoch, radius)` – Fonction permettant d'activer une bulle temporelle. - Utilisez des "artéfacts chroniques" pour débloquer de nouvelles époques et capacités. **Narratif :** > Vous incarnez **Kai**, un "chrono-sensible" recruté par une résistance clandestine luttant contre les "Chronophages", des entités dévorant le temps lui-même. > Votre mission : stabiliser les fractures temporelles avant que la réalité ne se désintègre complètement. **Caractéristiques uniques :** 1. **Puzzles environnementaux** nécessitant de basculer entre plusieurs époques pour trouver des solutions. 2. **PNJs et quêtes** qui évoluent ou disparaissent selon l'époque active. 3. **Arbre de compétences double** : progressez séparément en compétences "technologiques" et "archaïques". **Ambiance visuelle :** - Mélange de styles rétro-futuristes, cyberpunk et médiévaux steampunk. - Palette de couleurs qui évolue dynamiquement avec l'époque active. **Plateformes cibles :** PC, PlayStation 5, Xbox Series X/S **Moteur :** Unreal Engine 5 ```xml <ui> <timeDisplay epoch="current" format="hh:mm:ss TT / yyyy" /> <anchorControl radius="slider" cooldown="progressBar" /> </ui>