Cinematic 3D Hobbiton Recreation Prompt

Build the first working version of a cinematic interactive 3D recreation of Hobbiton from The Lord of the Rings. This is an unofficial fan-made technical and visual experiment intended for a model-comparison video. Do not use downloaded movie footage, film audio, official logos, copyrighted character models, or proprietary 3D assets. Create the environment procedurally from code and simple original geometry. Use: - Vite - TypeScript - Three.js - A clean modular project structure - A single-page full-screen web experience - No backend Create a beautiful stylized low-poly version of Hobbiton that is immediately recognizable as the Shire. The environment must contain: - Large rolling green hills - A prominent Bag End-inspired home built into the main hill - Several additional hobbit holes with round doors and windows - Winding dirt paths connecting the homes - Small wooden fences - Vegetable gardens and flower beds - A large Party Tree - A small pond - A stone bridge - A distant village area - Mountains and atmospheric landscape in the distance - Chimney smoke - Moving grass, leaves and clouds - Warm late-afternoon sunlight - Soft shadows, atmospheric fog and cinematic depth Do not build a generic medieval village. The landscape, architecture and composition must clearly evoke Hobbiton and the Shire. Controls: - WASD movement - Mouse-look camera - Shift to move faster - An optional automatic cinematic-tour button - A button to return to the starting viewpoint - A minimal interface that can be hidden for screen recording Performance: - Target smooth performance in a normal desktop browser - Use instancing for repeated grass, flowers, trees and fences - Avoid huge textures and external model downloads - Generate geometry and materials locally - Include a loading screen - Handle window resizing - Show a helpful message if WebGL is unavailable Before writing code: 1. Create a concise implementation plan. 2. Decide how the terrain, hobbit homes, vegetation and cinematic lighting will be generated. 3. Then build the project. After implementation: 1. Install all dependencies. 2. Run the development server. 3. Inspect the result in the browser. 4. Fix visible errors and runtime warnings. 5. Confirm that the scene loads and the controls work. 6. Write a short README with the exact command needed to run it again. Do not stop after creating placeholders. Produce a functional and visually coherent first version.