Le Trésor du Récif de la Coutelas - Action Jeu

Veuillez utiliser Three.js pour générer un **jeu axé sur mobile** avec le thème "Trésor du récif de la Coutelas". Veuillez d'abord lire les exigences détaillées de conception du jeu ci-dessous, puis générer le code en conséquence : ### 1. Ressources & Environnement * **Style visuel :** Style artistique 3D stylisé "Low-Poly" ou "Voxel" pour correspondre aux étiquettes "Mignon" et "Action" tout en maintenant des performances élevées sur les appareils mobiles. Utilisez des couleurs vives et saturées. * **L'océan :** Un `PlaneGeometry` dynamique avec un shader personnalisé (ShaderMaterial) pour simuler des vagues d'eau bleue profondes, de l'écume et un léger mouvement. La caméra doit être une **Caméra orthographique** inclinée à un angle de 60 degrés (vue isométrique) pour imiter la perspective 2D originale en vue de dessus, mais avec une profondeur 3D. * **Entités :** * **Navire du joueur :** Un modèle de bateau pirate distinct avec des voiles noires et un emblème de crâne. * **Navires ennemis :** Navires de la "Flotte du Roi" de différentes tailles (Sloops, Frégates, Galions) avec des voiles blanches/bleues. * **Projectiles :** Sphères noires pour les boulets de canon avec un rendu de traînée attaché. * **Effets :** * **Explosions :** Systèmes de particules (utilisant `THREE.Points`) qui éclatent en fragments jaunes et orange lors de l'impact. * **Sillage :** Traînées de particules ou traînées de ruban derrière les navires pour indiquer la vitesse de déplacement. * **Texte flottant :** Au lieu des boîtes noires sur la capture d'écran, utilisez du texte 3D "billboardé" ou des superpositions HTML pour les chiffres de dégâts et l'or gagné. * **Optimisation :** Utilisez `InstancedMesh` pour les particules et les flottes ennemies afin de réduire les appels de dessin. Limitez la résolution des textures à 512x512 pour la gestion de la mémoire mobile. ### 2. Exigences audio * **BGM :** Une musique "Sea Shanty" orchestrale, aventureuse et en boucle. Énergique mais suffisamment répétitive pour le gameplay. * **Effets sonores (SFX) :** * **Canons** : Son grave et sourd pour le tir, avec de légères variations de hauteur pour un effet réaliste. * **Impact** : Bruit de bois qui éclate / se fracasse quand un navire est touché. * **Éclaboussure** : Bruit d'éclaboussure d'eau quand un boulet de canon manque sa cible. * **Collecte** : Un son métallique "cling" lors de la collecte d'or/butin. * **Interface** : Sons de clic en bois pour les interactions avec les menus. ### 3. Boucle de jeu * **Mécanique principale** : Le joueur dirige un navire pirate dans une arène ouverte. Le navire avance automatiquement lentement, mais la vitesse augmente avec l'interaction du joueur. * **Système de combat :** * **Tir de bordée :** Contrairement aux jeux de tir standard, les canons sont montés sur les *côtés*. Le joueur doit manœuvrer son navire en position de bordée (parallèle) aux ennemis pour les toucher. * **Chargement :** Le bouton de tir peut être maintenu enfoncé. Plus il est maintenu, plus de canons tirent simultanément (tir éparpillé) ou plus loin les projectiles voyagent. * **Économie (Élément Tycoon) :** Les ennemis détruits laissent tomber des caisses d'Or. Le joueur doit passer dessus avec son navire pour les collecter. * **Système d'amélioration :** Entre les vagues (ou via un menu pause), les joueurs dépensent de l'Or pour améliorer : * **Coque :** Augmente les PV maximum. * **Canons :** Augmente les dégâts ou le nombre de boulets par salve. * **Voiles :** Augmente la vitesse de rotation et la vitesse de déplacement. * **Victoire/Défaite :** * **Victoire :** Vaincre tous les navires de la vague actuelle. * **Défaite :** Les PV du joueur tombent à 0 (une animation de naufrage est requise). ### 4. Contrôles et interactions mobiles * **Orientation :** **Mode Paysage** (Forcer le mode paysage si possible via CSS/JS/avertissements). * **Configuration des contrôles :** * **Zone gauche (Direction) :** Un Joystick Virtuel Analogique (style Nipple.js ou implémentation personnalisée). Pousser à Gauche/Droite fait tourner le navire ; pousser vers le Haut augmente la vitesse. * **Zone de Droite (Combat) :** Un gros bouton "Feu" (minimum 64x64px). * `touchstart` : Commence à charger les canons (indicateur visuel montrant le niveau de charge). * `touchend` : Déclenche la salve. * **Disposition de l'UI :** * **Haut à Gauche :** Barre de Santé du Joueur (Verte/Rouge) et Armure. * **Haut à Droite :** Nombre de Pièces d'Or actuelles et Numéro de la Vague. * **Menu d'Amélioration :** Une superposition modale avec de gros boutons faciles à taper avec les pouces. * **Retour d'Information :** * **Haptique :** Déclencher `navigator.vibrate(50)` lors du tir et `navigator.vibrate(200)` lors de la prise de dégâts. * **Visuel :** Effet de tremblement d'écran (secousse de la caméra) lorsque le joueur est touché par un boulet de canon.