在雾里，等一座桥

01 怎么体验

鼠标左键拖拽旋转，滚轮缩放，右键平移。左侧面板可调时段、海雾、风浪与车流，并切换巡航、随车与俯瞰镜头。

这是一份依据现有作品整理的复现参考，不是当时的原始输入。模型、版本与随机性会影响结果，不保证生成完全相同的作品。

请制作一个单文件 Three.js 金门大桥实时场景，打开浏览器即可运行。

以国际橘色的桥塔、悬索、吊索和桥面结构为视觉主体，加入两岸山体与有动态波浪的海面。桥的尺度关系应合理，避免只用几个长方体代替结构。

加入缓慢滚动的海雾、双向车流与车灯。提供中文控制面板，可以调整时段、雾气浓度和流速、风浪强度、车流量与车速。提供自由视角、环绕巡航、随车行驶、塔顶俯瞰。

支持鼠标旋转、平移和缩放。雾要有层次，但不能完全遮住大桥；白天与夜晚都应能辨认主体。注意实例化或几何合并，兼顾实时渲染性能。

03 本次归档做了什么

1. 收录现有金门大桥场景的副本，不覆盖原文件。
2. 保留时段、雾气、风浪、车流和镜头面板，演示单独打开以免首页持续占用 GPU。
3. 重建一份面向复现的任务说明；不把重建文本当作历史原始提示词。

04 在自己的电脑运行

下载的 HTML 是原作品副本。对于 Three.js 作品，源码仍引用外部 CDN，需要联网并通过本地 HTTP 服务打开；本站在线演示使用本地打包的依赖。推荐克隆仓库后运行整个展厅：

npm ci
npm run dev

然后从作品页点击「在线体验」。不要直接双击带 ES 模块的 HTML。原作品尚未指定开放许可证，当前可查看和体验不等于已授予再分发或商用许可。