Building the Grace Cathedral Experience
a day ago
- 格蕾丝大教堂体验是使用PlayCanvas引擎、WebGPU混合渲染器和流式SOG格式构建的。
- WebGPU计算着色器在GPU上处理高斯溅射的剔除、投影和排序，性能优于基于CPU的WebGL 2排序方法。
- 溅射数据通过带有分块LOD的流式SOG格式传输，支持渐进式加载和按设备预算（桌面端350万溅射，移动端140万溅射）。
- 优化包括按需渲染、分辨率上限和深度预通过遮挡，以在中等硬件和手机上获得良好性能。
- 窥视效果使用着色器块在相机附近雕刻墙壁部分，通过计算和片段阶段实现高效的切割渲染和发光边缘。
- 隐藏旗帜动画通过着色器块实现，沿着行波移动溅射，并带有振幅和倾斜效果。
- 移动交通是通过从原始捕获中隔离和复制停放的汽车创建的，以随机间隔生成并带有随机速度。
- 相机导航使用带有圆角盒子包围的外部轨道控制器，并通过路点图和碰撞网格进行内部路由，实现平滑飞行。
- 交互功能包括分层音景（城市循环音、大教堂环境音、脚步声）和CSS绘制的玫瑰窗加载画面。
- 该项目基于开源基础：PlayCanvas引擎、SuperSplat编辑器和SOG格式，并提供资源供开发者创建类似体验。