北行：互动维京长船之旅

创建“北行”——乘坐一艘细节丰富的维京长船，开启穿越北欧峡湾的精美互动 3D 旅程。 使用 Three.js 和 WebGL 构建真正的实时场景，并以单个独立 HTML 文件交付。这必须是可在浏览器中探索的体验，而不是预渲染视频或平面插画。 视觉方向 打造精致、具有电影感的环境，使用逼真的材质、自然的比例和克制的配色。避免卡通风格或低多边形外观。 一艘木制长船穿行于深绿与蓝色交织的水面，在高耸的悬崖、茂密的森林、瀑布和小型北欧聚落之间航行。使用大气透视、细微薄雾、柔和阴影和可信的景深效果。在整个旅程中持续构图出优美景观，而不只是设计初始镜头位置的画面。 长船 制作细节丰富且不漏水的船体，包含相互搭接的木板、清晰可见的木纹、肋骨、长凳和连续的内部结构。 添加雕刻龙首、条纹布帆、桅杆、绳索、盾牌、补给品和温暖的灯笼。 加入比例合理的维京乘客和桨手，为他们设计层次丰富的服装、可信的坐姿，以及靠近船桨的手部位置。 确保每个部件都与船体实体连接。不得出现悬浮的乘客、相互穿插的配件，或能从船体看见的缝隙。 制作细微的浮力、俯仰和横摇动画。船帆应随风轻柔摆动。 水面与划桨 让水面成为核心视觉元素。 使用自定义着色器，实现平面反射、折射、菲涅耳高光、随深度变化的吸收效果、清晰可见的浅水区域和分层表面波纹。反射必须正确响应移动中的摄像机和不断变化的光照。 在船后制作可信的航迹。 制作完整的划桨循环动画：桨叶入水、向后划动、抬出水面，再回到水面上方。让这一过程与桨手的动作保持协调。 在桨叶实际接触水面的位置生成波纹、泡沫和细小水滴。水痕必须保留在世界空间中，并逐渐消散。避免桨叶悬空时出现这些效果。 环境与材质 使用细节丰富的地形、不规则岩层、自然的树木轮廓、分叉树干，以及独立的叶簇或针叶簇。 为木材、石头和地面使用带法线贴图与粗糙度贴图的 PBR 材质。可以嵌入许可适当的纹理；如有要求，请注明来源。 确保水下地形在水面下方连续延伸。不得出现明亮接缝、岸线缺口、悬浮植被，或阻挡可航行路线的树木。 CONTROLS A/D 或方向键：向左、向右转向。 W/S：调节速度。 鼠标拖拽：环顾四周。 提供跟随、环绕和电影感镜头模式。 加入可选的自动航行模式。 添加暂停、重置、全屏和隐藏界面控件。 在移动设备上支持触控转向和速度控制。 防止船只穿过陆地和岩石。 氛围与界面 提供三种可平滑过渡的光照预设：清晨、阴天和月光。 加入可选的环境水声、风声、鸟鸣和划桨声。音频只能在用户交互后开始播放。 设计简约的编辑风格界面：使用优雅的衬线字体显示“Northbound.”，搭配低调的章节标签和紧凑的半透明控制栏。避免遮挡景色。 性能与交付 使用实例化、合理的几何体预算、基于距离的细节层级，以及尺寸适当的反射目标。根据设备调整渲染质量，而不是承诺固定帧率。 交付一个包含内嵌脚本和所需资源的 HTML 文件，使其能够直接在现代浏览器中打开。 测试转向、镜头模式、光照过渡和划桨效果。从多个角度检查船只，并从较低视角检查岸线。在认为场景完成前，修复几何体穿插、反射瑕疵、过度眩光和控制台错误。 优先确保水面效果可信、长船构造精美、环境协调统一，而不是一味增加更多物体。