La Mer de Glomp - Aventure Jeu

Utilisez Three.js pour générer un **jeu axé mobile** avec le thème "La Mer du Gloump". 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** : Un jeu de plateforme sous-marin "2.5D" à défilement horizontal. Le style artistique doit imiter la capture d'écran fournie : esthétique grossière, dessinée à la main, de "jeu Flash" convertie en 3D. Utilisez **l'Ombre Toon (Cel Shading)** pour donner aux modèles 3D un aspect de dessin animé plat avec des contours. * **Le Gloump (Joueur)** : Un personnage de poisson sphérique ou oblong, maladroit et violet, avec de grands yeux exorbités (sclérotique blanche, petites pupilles noires) et des nageoires orange. Il doit avoir une bouche proéminente et qui peut s'ouvrir. * **Ennemis/Proies** : * **Proies** : Différents petits poissons colorés (cônes/sphères basse résolution déformés) qui errent sans but. * **Le Boss** : Un personnage "Rat" (portant un masque de plongée ou à l'intérieur d'une petite bulle) tenant un œuf volé. * **Environnement** : * Brouillard bleu profond (`scene.fog`) pour simuler la profondeur sous-marine. * Arrière-plan : Un dégradé de bleu foncé. * Système de Particules : Bulles qui montent et "plancton" en suspension pour donner une impression de courant d'eau. * Éclairage : Lumière ambiante bleue + une lumière directionnelle venant d'en haut (soleil de surface) créant de légers effets de caustiques. * **Optimisation Mobile** : Utilisez `InstancedMesh` pour les bancs de poissons d'arrière-plan et les particules. Limitez les segments de géométrie pour maintenir des taux de rafraîchissement élevés sur les navigateurs mobiles. ### 2. Exigences Audio * **BGM** : Une piste sous-marine excentrique et valsingue. Sonne comme des cuivres ou un marimba étouffés avec un tempo lent, mettant l'accent sur les étiquettes "Drôle/Mignon". * **Effets Sonores (SFX)** : * **Mouvement** : Un son d'eau qui chuint lorsque le joystick est déplacé rapidement. * **Chomp** : Un son comique et exagéré de croquer ou d'avaler lors de l'appui sur la barre d'espace/le bouton. * **Le Rat** : Des couinements ou des moqueries aigus provenant du boss. * **Ambiance** : Un grondement sous-marin constant et grave. ### 3. Boucle de Gameplay * **Mécanique Centrale** : Le joueur contrôle "Glomp". Glomp a un "Jauge de Faim" qui se vide au fil du temps. * **Chasse** : Le joueur doit nager près de petits poissons et appuyer sur le bouton "Chomp" pour les manger. Manger remplit la Jauge de Faim et augmente légèrement la taille du joueur. * **Objectif** : 1. Survivre en mangeant les petits poissons. 2. Après avoir mangé X poissons, le "Rat" apparaît. 3. Poursuivre le Rat et le "Chomper" pour récupérer l'œuf volé. * **Condition d'Échec** : La Jauge de Faim atteint zéro (Mort de faim) ou toucher un poisson "Piquant" déclenche un "Game Over". * **Condition de Victoire** : Manger le Rat avec succès. ### 4. Contrôles & Interaction Mobile * **Orientation de l'Écran** : Mode paysage (forcé ou interface adaptée). * **Zone Gauche de l'Écran (Mouvement)** : Un **Virtual Joystick** dynamique. * Visuel : Un anneau semi-transparent qui apparaît là où le pouce touche l'écran. * Physique : Le mouvement doit avoir une "inertie sous-marine" (légère dérive à l'arrêt, pas instantanée). * **Zone Droite de l'Écran (Action)** : Un grand bouton circulaire **"CHOMP"**. * Visuel : Icône d'une bouche qui mord. * Interaction : Taper déclenche l'animation d'ouverture de bouche et la sphère de détection de collision. * **Retours** : * **Haptique** : Déclencher `navigator.vibrate(50)` lorsque le joueur mange un poisson. * **Visuel** : Légère secousse de l'écran (tremblement de caméra) lors du "chomp" sur une grosse proie. * **Interface** : Une barre simple en haut affichant la "Faim" et un compteur pour les "Poissons Mangés". Les boutons doivent faire au moins 44x44px pour être touchés facilement. Créez un jeu de puzzle en blocs de glace avec les spécifications suivantes : **Mécanique de base :** - Le joueur contrôle un `Personnage` qui peut pousser des blocs de glace (`iceBlock`) sur une grille. - Les blocs glissent jusqu'à ce qu'ils rencontrent un obstacle (`obstacle`) ou une limite du niveau. - L'objectif est de pousser tous les blocs sur les dalles cibles (`targetTile`). **Contrôles :** - Utilisez les touches `ZQSD` ou les `flèches directionnelles` pour déplacer le personnage. - Appuyez sur `R` pour recommencer le niveau. - Appuyez sur `Échap` pour accéder au menu des options. **Éléments de niveau :** ```json { "tiles": { "floor": ".", "wall": "#", "target": "X" }, "entities": { "player": "@", "iceBlock": "I", "obstacle": "O" } } ``` **Règles de physique :** 1. Un bloc de glace ne peut être poussé que s'il y a un espace vide (`floor` ou `target`) derrière lui. 2. Un bloc qui atteint une `targetTile` se verrouille et ne peut plus être bougé. 3. Le joueur ne peut pas traverser les `obstacles` ou les `walls`. **Interface utilisateur :** - Affichez un compteur de `Déplacements : [count]` en haut à gauche. - Un panneau `"Niveau complété !"` apparaît lorsque toutes les cibles sont couvertes. - Incluez un sélecteur de niveaux avec au moins `5` niveaux prédéfinis. **Style visuel :** - Utilisez une palette de couleurs froides (`bleus`, `blancs`, `gris argenté`). - Les blocs sur les cibles doivent scintiller légèrement. - L'arrière-plan doit être un dégradé subtil du `#e6f7ff` au `#cceeff`. **Spécifications techniques :** - Utilisez `HTML5 Canvas` pour le rendu. - La logique de jeu principale doit être dans un fichier `game.js`. - La taille de la grille est fixée à `12x12` cellules. - Chaque cellule doit faire `40x40` pixels.