烘焙光照 3D 叙事网站

一个三页的 3D 叙事网站：光照预先烘焙，滚动停在固定位置并循环，换页用着色器斜切，整站是一个离线文件。

烘焙光照 3D 叙事网站

用 Blender 烘焙光照，制作带滚动停留点和斜切转场的离线 3D 叙事网站。两个完整的三页示例展示不同材质和光照：Skerrow 在夜色中拼起石砌灯塔，展示菲涅尔透镜，再跟随信号走向黎明；Quillmere 在白天拼起玻璃温室，花朵开放、露珠折射，最后经历阵雨和彩虹。每个网站都是不超过 5 MiB 的单个 HTML 文件。网站可合成声音，访客打开开关后才播放；演示影片无声。

使用方法

  1. 定下物体的三个视角和每一页的文案

  2. 以灯塔或温室内容为起点，修改场景、页面、声音和 HTML；只有几何或光照变化时才重新烘焙

  3. 打包成单文件，在桌面和手机上运行检查，并逐张查看截图

常见问题

需要模型 Key 或付费调用吗？

不需要。用 Node.js 22.14 和 Chrome 在本地打包和检查，不调用任何模型或 API。只有重新烘焙几何或光照时才需要 Blender 5.2、ffmpeg 和 cwebp。

必须装 Blender 吗？

运行两个随包示例，或者只改文案、节奏和颜色，都不需要：包里带了各自所需的烘焙几何和光照。修改几何或光照才需要 Blender。两个配方共用建模、烘焙和导出工具，内容层分别定义镜头、着色器、调色和声音。

为什么页面不滚动？

滚轮、触摸和方向键推动一个带惯性的虚拟进度，停在固定位置，每个画面都能停下来看清，最后一页之后回到第一页。方向键、空格和 PageUp/PageDown 一次走一个停留点，左侧的页名可以直接跳页。页与页之间的切换是着色器效果，不是滚动。在本页的预览里，鼠标放在预览框上滚动时，动的是示例网站，不是本页。

能换成我自己的物体吗？

可以，需要为它编写内容目录和 Blender 配方。引擎支持自定义页数、停留点、转场颜色、调色和声音状态；同一检查脚本读取各网站的页面契约。两个示例是创作起点，不是通用模型导入器，目前不支持直接加载现成 GLB。

有哪些限制？

已在 macOS Chrome 的桌面和模拟手机视口验证；Safari 和真实 iOS/Android 设备仍未测试。声音开关和各页声音路径通过自动检查，但尚未完成试听验收。Skerrow 的黎明下降途中部分位置雾较浓，渡轮模型较简化。Quillmere 白天的玻璃不太明显，花朵视角使用固定渲染背景，雨由线段、涟漪和玻璃水痕表现，不模拟水滴碰撞或溅起。减少动态效果会减弱动画，不会完全静止。

示例里的品牌是真的吗？

不是。Skerrow 和 Quillmere，以及它们的文案与联系地址，都是虚构示例。几何、光照、着色器和可选声音均由代码实现。