STILLWATER — Expérience de marais au clair de lune dans le navigateur

Créez une expérience dans le navigateur avec Three.js, appelée STILLWATER. Ton : un marais au clair de lune dans lequel on se perd. Ce n’est pas un jeu avec des ennemis. Ce n’est pas du photoréalisme façon Unreal. C’est un monde web calme et luxueux, où les reflets de l’eau sont au cœur de l’expérience. Les utilisateurs doivent pouvoir rester à contempler l’eau pendant un temps presque déraisonnable. DÉCOR — Nom du lieu : THE DEEP SWAMP — Heure affichée sur le HUD : 19:26 — Premier lieu nommé : Heron bend — Accroche sous le nom du lieu : "Leave a little room for the wild." — Notification de découverte à l’arrivée : "Discovered: Heron bend" MONDE Un marais de cyprès inondé, au lever de la lune, à la tombée du jour. — De grands arbres aux contreforts noueux, dressés dans une eau noir-vert — De longues touffes de mousse espagnole suspendues aux branches — Des nénuphars regroupés le long des berges — Un chenal étroit et sinueux qui débouche sur un coude plus large — Un épais brouillard volumétrique, une profondeur aux teintes bleu sarcelle et vert, un ciel nuageux rose violacé — Une lune éclatante, avec un long chemin de reflets fragmentés à la surface de l’eau — Quelques oiseaux traversant le ciel — La lumière chaude de la cabine du bateau perçant la pénombre EAU (ne lésinez surtout pas) C’est l’élément vedette. — Reflets en temps réel des arbres, de la lune, du brouillard et des lumières du bateau — Une houle légère, pas des vagues océaniques — Des nénuphars posés à la surface et ondulant doucement — Écume sur les berges / eau sombre chargée en tanins près des racines — Des reflets en espace écran ou planaires suffisamment convaincants pour donner au chemin de lune un rendu cinématographique — Maintenez 60 images par seconde. Utilisez des niveaux de détail variables pour les arbres et du feuillage instancié. BATEAU Une petite barque-cabine de travail, usée par le temps. — Numéro de coque 86 à la poupe — Cabine blanche, coque bleu foncé, lampes intérieures chaudes — Dérive au ralenti dans le chenal, avec visite guidée lente en option — Vitesse affichée sur le HUD : environ 15.9 KNOTS — Libellé du mode : GUIDED DRIFT Le joueur peut regarder autour de lui. Le bateau peut être suivi avec une caméra de poursuite cinématographique ou en orbite latérale. CAMÉRA — Commencez sur un plan en trois quarts du bateau, entre les arbres — Dérivez derrière la poupe le long de l’allée éclairée par la lune — Effectuez parfois un déplacement latéral pour passer devant un tronc au premier plan — Glisser pour regarder — PHOTO MODE en option L’ensemble doit évoquer un documentaire animalier, pas un FPS. INTERFACE — éditoriale, pas ludique En haut à gauche : petit symbole + STILLWATER En haut au centre : THE DEEP SWAMP / 19:26, un cap au compas (par ex. 314°) En haut à droite : icônes utilitaires discrètes En bas à gauche : EXPLORING STILLWATER Heron bend Leave a little room for the wild. 15.9 KNOTS GUIDED DRIFT En bas à droite : PHOTO MODE, fps, Pause En bas au centre : petite notification "Discovered: Heron bend" Ligne d’aide discrète : shaders / eau / glisser pour regarder / photos / faune Direction artistique : étalonnage filmique sombre, verts désaturés, nuages magenta, un seul reflet lunaire éclatant. Privilégiez le goût au réalisme. Pas de GUI de debug envahissante. TECHNIQUE Three.js dans le navigateur. Nature procédurale et instanciée. Shader d’eau personnalisé. Brouillard. Ombres douces ou éclairage de crépuscule évoquant un éclairage précalculé. Évitez les packs de marais de marketplace si vous pouvez créer les éléments vous-même. N’AJOUTEZ PAS de combats, d’inventaire, de jumpscares ni de chasse au trésor. Quelque chose pourra rôder sous l’eau plus tard — mais pas maintenant.