电影级3D霍比屯重建提示词

构建《指环王》中霍比屯的电影级交互式3D重现的首个可用版本。 这是一个非官方的粉丝制作的技术和视觉实验，用于模型对比视频。不要使用下载的电影片段、电影音频、官方标志、受版权保护的角色模型或专有3D资源。从代码和简单的原始几何体程序化地创建环境。 使用： - Vite - TypeScript - Three.js - 干净模块化的项目结构 - 单页全屏网页体验 - 无后端 创建一个美观的风格化低多边形霍比屯，使其一眼就能认出是夏尔。 环境必须包含： - 大片的起伏绿色山丘 - 一座建在主山丘上的、灵感来自袋底洞的醒目房屋 - 几个额外的霍比特洞，带有圆形的门和窗户 - 蜿蜒的泥土小径连接各房屋 - 小木栅栏 - 菜园和花坛 - 一棵大宴会树 - 一个小池塘 - 一座石桥 - 远处的村庄区域 - 远处的山脉和大气景观 - 烟囱冒烟 - 移动的草、树叶和云 - 温暖的午后阳光 - 柔和的阴影、大气雾和电影般的景深 不要建造一个普通的中世纪村庄。景观、建筑和构图必须清晰地唤起霍比屯和夏尔。 控制： - WASD移动 - 鼠标视角 - Shift加速 - 可选的自动电影巡览按钮 - 返回起始视角的按钮 - 极简界面，可隐藏用于屏幕录制 性能： - 目标是在普通桌面浏览器中流畅运行 - 对重复的草、花、树和栅栏使用实例化 - 避免大型纹理和外部模型下载 - 在本地生成几何体和材质 - 包含加载屏幕 - 处理窗口大小调整 - 如果WebGL不可用，显示有用的消息 在编写代码之前： 1. 创建简洁的实现计划。 2. 决定如何生成地形、霍比特住宅、植被和电影级光照。 3. 然后构建项目。 实现之后： 1. 安装所有依赖。 2. 运行开发服务器。 3. 在浏览器中检查结果。 4. 修复可见错误和运行时警告。 5. 确认场景加载且控制正常。 6. 编写简短的README，包含再次运行所需的准确命令。 不要只创建占位符就停止。制作一个功能完整且视觉连贯的首个版本。