J Building in 3D

2026 年 10 月 17 日，在西交利物浦大学太仓校区，这个美丽的校园让我很想用另一种方式把它保留下来：不只是拍下一张照片，而是让远方的人也能靠近它，从自己的视角看看它。

这是我的第一个 Demo。主角是河对岸那座圆形的独栋小楼——J 栋学生中心。建筑、河岸，以及它们之间的空间关系，组成了这一次可以自由探索的三维片段。

按自己的节奏探索

在上方窗口里拖动就可以围绕 J 栋观察，滚轮或双指捏合可以靠近、远离。在电脑上，也可以用 WASD 水平移动，Q / E 降低或升高视角。点击建筑上的蓝点，会带你到一个较近的位置，并显示简短介绍。

停下来一会儿，镜头会慢慢望向 J 栋，然后围绕它缓缓移动。再次拖动、缩放或按下移动键，就能自然接管视角。手机也可以直接触摸探索；如果想看得更完整，可以打开独立页面或使用全屏。

从照片到可探索的空间

这个场景使用 3D Gaussian Splatting。它通过大量具有位置、形状、颜色与透明度的高斯点，重现照片中的空间与光影。与一张固定视角的照片相比，我们因此可以在网页中改变观察的位置。

当前 Demo 由 SuperSplat Viewer 导出，通过 PlayCanvas 在浏览器里渲染。压缩后的 SOG 场景文件约 23.8 MB，包含约 150 万个高斯点。打开页面后，模型在你的设备上运行，不需要安装额外的软件。

网页的展示与交互设计受到 Vincent Woo 的 Sutro Tower in 3D 启发。我很喜欢那种把真实地点放进一个简洁页面、让每个人都能按自己的节奏探索的方式，也希望把这样的体验带到这片校园。

一个开始

这仍然是一次初步尝试。照片覆盖与重建质量会影响最终效果，场景边缘、建筑背面或过近的观察角度可能出现空洞或不完整的细节。网页可以改善探索方式，但不能替代缺失的采集信息。

之后，我会继续打磨视角、交互与加载体验，在这里记录更新。希望你也能在这段小小的校园漫游中，找到一个喜欢的角度。