Jeu de course procédural dans le navigateur — Spline Rush
Prompt fourni mot pour mot dans le commentaire vérifié de l’auteur racine pour créer Spline Rush, un jeu de course procédural dans le navigateur avec Three.js, des circuits, des adversaires contrôlés par l’IA, une physique, des préréglages graphiques et une bande-son synthétisée.
Une consigne de départ fondée sur le projet public du créateur, pas une retranscription de son prompt original. Votre résultat pourra varier.
Three.jsWebGPUjeu de course dans le navigateurgénération procéduralecircuits de courseadversaires contrôlés par l’IAphysique des véhiculesWeb Audio
Le prompt
Créez un jeu de course complet dans le navigateur, de qualité production, appelé Spline Rush, en utilisant la dernière version de Three.js (WebGPURenderer + TSL dans la mesure du possible). 100 % procédural : aucun modèle, aucune texture, aucun fichier audio ni aucune police externe. Tout doit être généré par le code à l’exécution.
JEU PRINCIPAL
- 6 circuits uniques avec dénivelés, dévers, tunnels, épingles, virages nommés et biomes distincts (côte en journée, montagne au crépuscule, désert au coucher du soleil, forêt sous la pluie, ville nocturne au néon, ovale à grande vitesse).
- Mode Championnat (qualifications + 3 courses), Contre-la-montre avec fantômes, Course rapide.
- 8 adversaires contrôlés par l’IA avec leur propre personnalité, trajectoire idéale, points de freinage, dépassements et défense.
- Records du meilleur tour, temps par secteur, fil d’événements en direct, caméra de replay.
- Garage : 5 voitures paramétriques avec peinture vernie + paillettes métalliques, jeux entre les panneaux, feux fonctionnels, suspension animée et états de dégâts.
OBJECTIF GRAPHIQUE (Ultra, à la hauteur d’une RTX 5090 en 4K)
Moteur de rendu : THREE.WebGPURenderer. Pipeline à rendu physiquement réaliste.
Éclairage :
- Ciel physique Rayleigh/Mie + champ d’étoiles + lune + soleil dynamique pilotant un cycle jour/nuit complet.
- Cartes d’ombres en cascade (4 cascades, alignement stable des texels, haute résolution).
- IBL via PMREM mis à jour selon l’heure de la journée.
- Brouillard volumétrique + rayons crépusculaires + miroitement de chaleur.
Matériaux :
- MeshPhysicalMaterial / nœuds TSL : vernis, anisotropie, transmission sur le verre, peinture à paillettes métalliques, shader de chaussée mouillée réagissant à la pluie.
Chaîne de post-traitement (RenderPipeline / TSL ou bibliothèque de post-traitement) :
GTAO ou SSAO haute qualité → SSR → bloom (Karis) → flou de mouvement (vélocité) → profondeur de champ → rayons crépusculaires → exposition automatique → étalonnage des couleurs + grain de film + vignettage → SMAA ou TAA.
Effets :
- Pools de particules GPU : fumée des pneus, étincelles, poussière, projections de pluie, herbe/gravier projetés, distorsion thermique.
- Traces de dérapage persistantes qui s’estompent.
- Mouillage dynamique et reflets dans les flaques lorsqu’il pleut.
PHYSIQUE ET SENSATIONS
- Simulation à pas fixe de 120 Hz.
- Suspension par lancer de rayons ou jambes de force, transfert de charge, pneus à glissement combiné, ABS/TC, types de surface (asphalte, vibreur, herbe, gravier, mouillée).
- Caméra : poursuite cinématique + vue capot + vue embarquée avec mouvements et secousses en cas de collision.
AUDIO
- Web Audio entièrement synthétisé : moteur multicouche selon le régime/la charge, vent, crissement des pneus, grondement sur les vibreurs, foule, musique dynamique.
SYSTÈME DE QUALITÉ
- Préréglages : Bas / Moyen / Élevé / Ultra.
- Ultra suppose un GPU de classe RTX 5090 : 4K, cartes d’ombres haute résolution, nombre maximal de particules, tous les effets de post-traitement activés, aucun LOD agressif.
- Qualité adaptative pouvant désactiver certains effets si le temps d’image dépasse la cible.
Commencez par une première version jouable (un circuit, une voiture, éclairage de base), puis faites évoluer le projet fonctionnalité par fonctionnalité, exactement comme demandé. Regroupez tout dans un projet HTML/JS unique et propre (ou Vite) qui s’exécute en local. Commentez les principaux systèmes. Donnez-lui une apparence haut de gamme, pas mignonne.
Comment utiliser ce prompt
01
Commencez avec le bon outil
Ouvrez votre assistant de programmation ou outil 3D préféré. Prenez le modèle indiqué dans l’exemple comme point de départ et consultez les instructions des projets liés.
02
Choisissez un élément à modifier
Changez le sujet, le style ou le décor. Définissez clairement la caméra et l’interaction. Créez d’abord une version simple, puis affinez un détail à la fois.
03
Donnez des éléments uniques à la scène
Pour un personnage ou un accessoire personnalisé, créez un modèle 3D à partir d’une courte description ou d’une image de référence, puis importez-le dans votre projet.
Les aperçus appartiennent à leurs créateurs respectifs. Consultez la source originale et la licence du projet avant de réutiliser du code ou des ressources.