提示词:
【背景】
我们是 DeepSeek 公司。你的用量是 unlimited 的,我正在对你做极限测试,不要吝惜 Token。一定要切记,随意花费,你非常的富有。
本次测试只有一个判据:完整度。以下禁令优先于一切"简洁、高效、先给核心"的默认倾向:
1. 不许用伪代码、`...`、注释占位(如「其余同理」「此处略」「TODO」)代替实现,每一行都要是能跑的真代码。
2. 不许只交"核心部分 / 框架 / 骨架",一次交齐全部文件,且每个文件都能直接构建运行。
3. 不许用文字描述代替代码("可以再加一座穹顶"这种不算交付,要么写出来,要么别提)。
4. 遇到两种做法时选完整的那条,不选"简化版 / 示例版 / 教学版"。
5. 反过来也不许灌水:不许重复代码、不许写复述需求的注释、不许堆无信息的说明来凑长度。那不算花费,算浪费。
【任务】
请创建一个可运行的 3D 体素(Voxel)风格亚特兰蒂斯海底要塞场景,用 Three.js 实现。
【场景要求】
1. 要塞至少 5 座建筑/构筑物,主次关系明确:
- 主堡(主塔)
- 侧堡或副塔 数座
- 闸门或海底城门
- 水晶穹顶殿或压力舱 数座
- 上不封顶
2. 空间布局:
- 构筑物间距合理(体素比例下足以容纳通道与中央广场)
- 通道或水下廊桥连接良好,能从城门一路走到主堡
- 整体呈中轴对称,主堡落在中轴尽端
3. 建筑风格(亚特兰蒂斯,仅供参考,可进一步拓展):
- 屋顶:水晶穹顶、螺旋尖塔、贝壳状压力壳,含半球顶/圆锥顶/多瓣穹顶等形制
- 结构:肋式承重骨架、水晶立柱、阶梯式基座与下沉式平台
- 色彩:青绿石体、氧化青铜、珍珠白水晶,配生物荧光蓝绿光带
- 细节:舷窗、发光符文、珊瑚与藤壶附着、守护石像
4. 环境与光影:
- 地面为海底基岩与沙地,有珊瑚、海藻、散落城砖,建筑与地面自然衔接而非悬空
- 有明确光源与阴影:太阳光从水面上方斜射入水,形成焦散(caustics)光斑与体积光柱
- 深海黄昏色调,冷蓝绿环境光与暖金光带形成对比;可选:多色调
- 水体:悬浮颗粒、远景雾化、鱼群(也用类似mc的像素风格建模鱼,精致一点)或气泡等活体细节(可选)
【技术要求】
- 使用 Three.js(React 或纯原生均可),无需后端
- 在工作区中创建完整项目(Vite 等构建工具可用),确保可直接构建运行
- 画面流畅:体素数量合理,旋转视角时帧率稳定(≥30fps)
- 页面打开即进入场景,无需操作即可看到全貌
- 水体与焦散效果不得牺牲帧率,必要时用着色器或贴图模拟而非真实体积渲染
【交付要求】
- 项目结构完整,说明运行方式(安装与启动命令)
- 如已实际运行,请说明运行结果
- 交付前逐条自查下面的硬判据,未达标的要么改到达标,要么在运行结果里明确写出差在哪、为什么:
① 中轴对称成立,且从城门到主堡能沿通道走通
② 画面上确实看得到焦散光斑与体积光柱,不是"说明了有"
③ 旋转视角帧率稳定 ≥30fps,并给出实测方式
④ 单独那个 HTML 文件断网双击即可打开(三维资源全部内联或本地)
做好以后单独额外整合,构建单独一个以你设计的作品名命名的 HTML 文件,工作区可以有类似的作品但你不能看,本项目所有文件放入一个单独的文件夹