Crée une scène immersive 3D d’un village chinois antique en style low poly ou semi-réaliste, entièrement en HTML, CSS et JavaScript (Three.js autorisé), dans un seul fichier si possible. La scène doit être fluide, interactive, visuellement riche et directement exécutable dans un navigateur. Objectif : Recréer un village chinois ancien crédible (inspiré dynasties Ming/Qing) avec une ambiance immersive, cinématique et vivante. Exigences visuelles : Génère un environnement 3D complet avec : maisons traditionnelles chinoises (toits incurvés, lanternes rouges, bois sombre) rues pavées ou chemins en terre végétation (bambous, arbres, petits jardins) éléments culturels (arches, ponts, petits temples, étals de marché) Ambiance : éclairage dynamique (coucher de soleil ou ambiance brumeuse) légère brume/volumetric fog pour profondeur lanternes émettant une lumière chaude ciel réaliste ou stylisé (HDRI ou gradient) Animation : lanternes légèrement animées (balancement) particules (poussière, lucioles ou pétales) eau animée si rivière ou bassin présent Interaction utilisateur : Caméra libre contrôlable : déplacement WASD / ZQSD souris pour regarder autour (FPS ou orbit) possibilité de zoom Exploration fluide du village : collisions basiques avec les bâtiments zones accessibles (rues, ponts, places) Option bonus : interaction avec objets (ex : lanternes qui s’allument, porte qui s’ouvre) PNJ simples qui marchent ou restent statiques Interface : écran clean sans UI intrusive petit texte discret indiquant les contrôles Optimisation & technique : code clair et structuré avec commentaires Three.js via CDN uniquement performances fluides (éviter surcharge géométrique) tous les assets générés procéduralement ou via code (pas de fichiers externes complexes) Contraintes importantes : tout doit fonctionner en copiant-collant dans un fichier .html pas de dépendances lourdes rendu visuellement impressionnant même avec low poly éviter les scènes vides → le village doit sembler vivant et dense Bonus avancé (fortement recommandé pour tester un modèle) : cycle jour/nuit dynamique son d’ambiance (vent, cloches, nature) caméra cinématique automatique (mode “visite guidée” activable) variation aléatoire du village à chaque reload
Shuiyin, village d’eau chinois entièrement procédural dans un seul fichier HTML de 91 756 octets. Modèle enregistré : openai/gpt-6-astra ; intensité Low, raisonnement activé. Durée active exacte : 1336329 ms, soit 22 min 16 s arrondies, sur deux tours ; réalisation principale : 21 min 41 s. Fenêtre totale : 1378865 ms, soit 22 min 59 s. Entrée cumulée : 2 479 199 tokens, dont 2 365 696 en cache ; entrée hors cache : 113 503. Sortie : 39 102 tokens, dont 5 843 de raisonnement (inclus, pas additionnés). Coût non mesuré : aucun montant facturé disponible. Compteurs issus du journal de la tâche source, hors travail de publication. 30 contrôles réussis, aucune erreur JavaScript/WebGL dans les tests source. Mesure locale Chrome sur Mac, 1440 × 960, ratio de pixels 1 : environ 59–60 FPS, 341 appels de rendu et 870 104 triangles ; pas une garantie sur tous les appareils. 20 maisons, 88 lanternes, 17 habitants, 2 ponts, 3 bateaux et 5 étals. Exploration WASD/ZQSD, collisions, lanternes interactives, visite guidée, cycle jour/nuit et audio synthétique. Three.js 0.180.0 via CDN : connexion Internet requise. Mobile testé en émulation 390 × 844 seulement ; Safari, Firefox, téléphone physique, plein écran et capture native du pointeur non validés. Audio contrôlé par état logiciel, sans écoute humaine.