GMax SkateBoarding - Sports Jeu

Veuillez utiliser Three.js pour générer un **jeu mobile-first** sur le thème "GMax SkateBoarding". Veuillez d'abord lire les exigences détaillées de conception de jeu suivantes, puis générez le code en conséquence : ### 1. Assets & Environnement * **Style visuel :** Esthétique 3D Low-Poly avec Rendu Cellulé (Toon Shader) pour imiter le style graphique vectoriel "Mignon" du jeu Flash original de 2004. Couleurs vives et éclatantes avec un contraste élevé. * **Personnage :** Un skateur de style "Chibi" (grosse tête, petit corps). * **Tenue :** T-shirt à manches longues blanc, pantalon bleu foncé, chaussures roses. * **Équipement :** Une planche de skate jaune vif avec un autocollant en pixel-art simple sur le grip tape. * **Environnement :** Un skate park urbain linéaire, défilant à l'infini (perspective défilante 2.5D). * **Premier plan :** Texture de sol en béton, rails métalliques, rampes en bois et bouches d'incendie rouges (obstacles). * **Arrière-plan :** Une silhouette de skyline urbain en parallaxe sur un dégradé de coucher de soleil chaud (jaune à rouge profond) pour correspondre à l'atmosphère de la miniature originale. * **Performance :** Utilisez `InstancedMesh` pour les objets d'environnement répétitifs (rambardes, bâtiments d'arrière-plan) pour garantir 60 FPS sur les appareils mobiles. Limitez la résolution des textures à 512x512. ### 2. Exigences Audio * **BGM :** Une piste instrumentale en boucle Pop-Punk / Ska-Punk entraînante (batterie énergique, power chords) typique des jeux de skate. * **SFX :** * **Roulement :** Un son en boucle continu de roues dures sur du béton (le pitch change avec la vitesse). * **Saut/Ollie :** Un son aigu de "pop" ou de ressort. * **Atterrissage :** Un son d'impact solide "thud". * **Réussite de Figure :** Un "ching" d'arcade satisfaisant ou des acclamations de la foule. * **Chute :** Un son comique de "bonk" ou de grattement de disque en heurtant un obstacle. ### 3. Boucle de Jeu * **Mécanique principale :** Un jeu de skateboard de type *endless runner*. * **Physique :** Physique de type arcade. La gravité doit être légèrement inférieure à la réalité pour permettre des sauts "aériens" pour réaliser des figures. * **La Boucle :** 1. **Accélération :** Le joueur avance automatiquement mais doit maintenir un bouton pour conserver la vitesse maximale. 2. **Charger & Sauter :** Le joueur appuie sur un bouton "Accroupir" pour compresser le personnage (charger de la puissance), relâcher le bouton déclenche un Ollie (Saut). Plus la pression est longue, plus le saut est haut. 3. **Figures :** Pendant le saut, des gestes tactiles spécifiques déclenchent des animations (Kickflip, rotation à 360°). 4. **Score :** Le score augmente en fonction de la distance parcourue + points bonus pour les figures réussies et atterries. 5. **État d'échec :** Heurter un obstacle ou atterrir de travers réinitialise la course. ### 4. Contrôles Mobiles & Interaction * **Orientation :** Mode Paysage (Plein écran). * **Schéma de contrôle (Écran partagé) :** * **Moitié gauche de l'écran (Appui maintenu) :** Accroupir / Charger la puissance. (Retour visuel : Le personnage s'accroupit visuellement, la planche lumine). * **Relâchement gauche :** Sauter / Ollie. * **Moitié droite de l'écran (Tapotement) :** Pousser/Pédaler pour gagner de la vitesse. * **Glisser (N'importe où pendant le saut) :** Effectuer des figures aléatoires (Kickflip/Saisie). * **Disposition de l'interface :** * En haut à gauche : Compteur de score (Grande police lisible). * En haut à droite : Bouton Pause (Zone tactile minimale de 44x44px). * Au centre en bas : Une simple barre d'interface "Puissance" qui se remplit lorsque le joueur maintient l'entrée d'accroupissement. * **Retours :** * Déclencher `navigator.vibrate(50)` à l'atterrissage et `navigator.vibrate(200)` lors d'un crash. * Effet de secousse de la caméra lors de l'atterrissage d'un grand saut. Générez un jeu de stratégie au tour par tour en **JavaScript**, dans lequel le joueur affronte des ennemis programmés par l'IA sur une carte en grille. Le jeu doit inclure : 1. **Carte** : Une grille de `20x15` cellules générée procéduralement. Utilisez des tuiles pour représenter : * `<span class="tile walkable">.</span>` : Sol praticable. * `<span class="tile obstacle">#</span>` : Obstacle infranchissable. * `<span class="tile spawn">S</span>` : Point d'apparition des ennemis. 2. **Unités** : * **Joueur** : Une seule unité contrôlée au clavier (touches Z/Q/S/D ou flèches). Affichez-la avec `<span class="unit player">@</span>`. * **Ennemis** : `1 à 3` ennemis par vague, contrôlés par une IA simple (déplacement vers le joueur en évitant les obstacles). Affichez-les avec `<span class="unit enemy">E</span>`. * Attributs pour chaque unité : ```javascript { health: 100, attack: 15, defense: 5, speed: 1 // cases par tour } ``` 3. **Mécaniques de combat** : * Tour par tour : le joueur agit, puis tous les ennemis agissent. * **Attaquer** : Si une unité ennemie est adjacente (horizontalement ou verticalement), le joueur peut l'attaquer. Les dégâts sont calculés comme : `Math.max(1, attaquant.attack - défenseur.defense)`. * Les ennemis attaquent automatiquement le joueur s'ils sont adjacents. 4. **Interface utilisateur** : * Affichez la carte dans un `<div id="gameGrid">` en utilisant une grille CSS. * Panneau d'information (`<div id="infoPanel">`) affichant : * `Tour : <span id="turnCounter">0</span>` * `PV Joueur : <span id="playerHealth">100</span>` * `Ennemis restants : <span id="enemiesLeft">0</span>` * Log des événements (`<div id="log">`) listant les actions (ex: "Vous attaquez l'ennemi pour 10 dégâts !"). 5. **Conditions de victoire/défaite** : * **Victoire** : Vaincre toutes les vagues d'ennemis (par exemple, `3` vagues). * **Défaite** : Les PV du joueur tombent à `0`. 6. **Code requis** : * Fonctions `initGame()`, `generateMap()`, `spawnWave(waveNumber)`, `playerTurn(action, target)` et `enemyTurn()`. * Boucle de jeu principale `gameLoop()` gérant les tours. * Écouteurs d'événements pour la saisie clavier. **Objectif** : Créer une expérience de jeu fonctionnelle et jouable dans le navigateur, avec un défi tactique basique.