Prompt de Recréation 3D Cinématographique de Hobbiton

Construisez la première version fonctionnelle d'une recréation 3D interactive et cinématographique de Hobbiton du Seigneur des Anneaux. Ceci est une expérience technique et visuelle non officielle faite par des fans, destinée à une vidéo de comparaison de modèles. N'utilisez pas de séquences de films téléchargées, d'audio de films, de logos officiels, de modèles de personnages protégés par le droit d'auteur ou d'actifs 3D propriétaires. Créez l'environnement de manière procédurale à partir de code et de géométrie originale simple. Utilisez : - Vite - TypeScript - Three.js - Une structure de projet modulaire et propre - Une expérience web plein écran sur une seule page - Pas de backend Créez une belle version stylisée à faible polygone de Hobbiton qui soit immédiatement reconnaissable comme la Comté. L'environnement doit contenir : - De grandes collines vertes ondulantes - Une maison proéminente inspirée de Cul-de-Sac construite dans la colline principale - Plusieurs trous de hobbit supplémentaires avec des portes et fenêtres rondes - Des sentiers de terre sinueux reliant les maisons - De petites clôtures en bois - Des potagers et des parterres de fleurs - Un grand Arbre de la Fête - Un petit étang - Un pont de pierre - Une zone de village au loin - Des montagnes et un paysage atmosphérique au loin - De la fumée de cheminée - De l'herbe, des feuilles et des nuages en mouvement - Une lumière chaude de fin d'après-midi - Des ombres douces, du brouillard atmosphérique et une profondeur cinématographique Ne construisez pas un village médiéval générique. Le paysage, l'architecture et la composition doivent clairement évoquer Hobbiton et la Comté. Contrôles : - Mouvement WASD - Caméra avec regard à la souris - Shift pour se déplacer plus vite - Un bouton optionnel de visite cinématographique automatique - Un bouton pour revenir au point de vue de départ - Une interface minimale qui peut être masquée pour l'enregistrement d'écran Performance : - Visez des performances fluides dans un navigateur de bureau normal - Utilisez l'instanciation pour l'herbe, les fleurs, les arbres et les clôtures répétés - Évitez les grandes textures et les téléchargements de modèles externes - Générez la géométrie et les matériaux localement - Incluez un écran de chargement - Gérez le redimensionnement de la fenêtre - Affichez un message utile si WebGL n'est pas disponible Avant d'écrire le code : 1. Créez un plan d'implémentation concis. 2. Décidez comment le terrain, les maisons de hobbit, la végétation et l'éclairage cinématographique seront générés. 3. Ensuite, construisez le projet. Après l'implémentation : 1. Installez toutes les dépendances. 2. Exécutez le serveur de développement. 3. Inspectez le résultat dans le navigateur. 4. Corrigez les erreurs visibles et les avertissements d'exécution. 5. Confirmez que la scène se charge et que les contrôles fonctionnent. 6. Écrivez un README court avec la commande exacte nécessaire pour le relancer. Ne vous arrêtez pas après avoir créé des espaces réservés. Produisez une première version fonctionnelle et visuellement cohérente.