SuperSplat:在瀏覽器中編輯與分享 3DGS
SuperSplat 使用指南——免費的網頁版 3D Gaussian Splatting 場景檢視、編輯和分享工具。
3D Gaussian Splatting AI SuperSplat WebGL PlayCanvas 學習
什麼是 SuperSplat?
SuperSplat 是一個免費的網頁版 3D Gaussian Splatting (3DGS) 場景編輯器。由 PlayCanvas 開發,它讓你直接在瀏覽器中檢視、編輯和分享 3DGS 檔案——無需安裝。
初次接觸 3DGS?請先閱讀我的 3D Gaussian Splatting 入門介紹。
主要功能
基於瀏覽器
無需下載,無需安裝。只需打開 supersplat.io 並拖入你的 .ply 檔案。
支援:
- 桌面(Chrome、Firefox、Safari、Edge)
- 行動裝置(支援 WebGL)
- 任何作業系統
編輯工具
SuperSplat 提供基本的編輯功能:
| 工具 | 功能 |
|---|---|
| 選擇 | 按區域選擇高斯 |
| 刪除 | 移除不需要的偽影 |
| 裁切 | 定義保留的邊界框 |
| 變換 | 移動、旋轉、縮放場景 |
| 過濾 | 按大小/不透明度移除高斯 |
壓縮
SuperSplat 最有價值的功能之一是壓縮。它可以顯著減小檔案大小:
| 原始 | 壓縮後 | 縮減 |
|---|---|---|
| 250 MB | 35-40 MB | ~85% |
這使得分享和網頁部署變得實際可行。
分享
一鍵生成可分享的連結:
- 公開 URL(例如
superspl.at/view?id=xxx) - 可嵌入網站的 iframe
- 支援行動裝置瀏覽
工作流程
基本編輯流程
1. 打開 SuperSplat
2. 拖放你的 .ply 檔案
3. 清理偽影(刪除漂浮物、裁切邊緣)
4. 壓縮以減小檔案大小
5. 匯出或分享
清理技巧
常見需要修復的問題:
- 漂浮物 - 漂浮在空間中的隨機高斯(選擇並刪除)
- 地面偽影 - 主體下方的雜訊(用邊界框裁切)
- 邊緣模糊 - 模糊的邊界(裁切得更緊)
- 檔案過大 - 分享前使用壓縮
匯出格式
SuperSplat 支援多種匯出格式:
| 格式 | 副檔名 | 最適合 |
|---|---|---|
| PLY | .ply | 標準格式,最相容 |
| 壓縮 PLY | .ply | 較小,網頁部署 |
| Splat | .splat | 替代壓縮格式 |
與其他工具整合
SuperSplat 適合放在 3DGS 工作流程中:
拍攝 → 訓練(PostShot)→ 編輯(SuperSplat)→ 展示
↓
壓縮與清理
從 PostShot
- 從 PostShot 匯出 .ply
- 匯入 SuperSplat
- 清理並壓縮
- 分享或嵌入
網頁嵌入
SuperSplat 的 iframe 嵌入是在網站上展示 3DGS 最簡單的方式:
<iframe
src="https://superspl.at/view?id=YOUR_ID"
style="width: 100%; height: 500px; border: none;"
allow="fullscreen"
/>
限制
- 大檔案 - 非常大的場景(500MB+)可能載入緩慢
- 複雜編輯 - 沒有進階雕塑或繪畫工具
- 離線 - 需要網路連線
- 隱私 - 分享連結預設為公開
替代方案
| 工具 | 類型 | 比較 |
|---|---|---|
| SuperSplat | 網頁 | 免費、簡單、適合分享 |
| PostShot | 桌面 | 訓練更好,有內建檢視器 |
| Unreal Engine | 桌面 | 完整遊戲引擎整合 |
| GaussianSplats3D | 函式庫 | 自託管網頁檢視器 |
技巧與訣竅
1. 分享前先壓縮
生成分享連結前務必壓縮。250MB 的檔案會變成 35MB——載入快得多。
2. 使用選擇工具
不要手動刪除。使用選擇框一次抓取大區域的漂浮物。
3. 在手機上檢查
在手機上預覽你的分享連結。某些壓縮設定在桌面上看起來很好,但在手機上會顯示偽影。
4. 儲存你的工作
SuperSplat 不會自動儲存。經常匯出,尤其是在重大編輯後。
開始使用
- 前往 SuperSplat Editor
- 拖入任何 .ply 檔案(試試從 PostShot 匯出一個)
- 嘗試各種工具
- 點擊「Share」獲取公開連結
範例
查看這些我用 SuperSplat 編輯和分享的 3DGS 場景:
查看完整專案:以 3DGS 與 VR 數位保存南鯤鯓代天府
結論
SuperSplat 是任何使用 3DGS 的人必備的工具。基於瀏覽器的便利性、完善的編輯工具和簡易的分享功能,使其成為清理和發布 3DGS 內容的首選。
延伸閱讀
- 什麼是 3D Gaussian Splatting? - 3DGS 簡介
- PostShot:訓練 3DGS 模型 - 創建可編輯的 3DGS 場景
- RealityScan:免費攝影測量 - 3DGS 的相機對齊
- 南鯤鯓代天府專案 - 完整工作流程範例
資料來源
- SuperSplat Editor - 網頁版 3DGS 編輯器
- PlayCanvas - WebGL 遊戲引擎(SuperSplat 開發者)
- GaussianSplats3D - 自架網頁檢視的 JavaScript 函式庫
聯絡我
有任何問題或想要合作?歡迎聯繫我!