手機掃描房屋實現“雲看房”，開源工具SuperSplat：在瀏覽器裏就能玩轉3D高斯潑濺

作者：惡人筆記
日期：2026年5月8日 下午11:11
來源：WeChat 原文

✦整理版優先睇

速讀 5 個重點 高亮

用手機掃描房屋實現「雲看房」：開源工具SuperSplat入門指南

整理版摘要

呢篇文章係講一個叫SuperSplat嘅開源項目，由PlayCanvas團隊開發。作者見到有人用手機掃描房屋，上傳後其他人就喺瀏覽器即刻漫遊，覺得好勁，所以整理咗呢個玩法。文章想話畀大家知，而家可以用手機App（例如Polycam、Luma AI）掃描空間，生成PLY檔，再放入SuperSplat編輯器清洗、優化，最後一鍵發佈連結，任何人點開就睇到3D場景，完全免費。

整體結論係SuperSplat大大降低咗3D實景數字化嘅門檻，尤其係對於房產展示、虛擬旅遊呢啲需要即時分享嘅場景。不過佢都有侷限，例如掃描效果受光照同物件反光影響，超大場景可能效能唔夠，而且純粹係編輯查看工具，掃描要靠其他App。總括嚟講，對於普通用戶係黑科技，對於開發者係高效生產力工具，值得留意。

作者強調，雖然仲未完全取代專業掃描硬件，但技術迭代好快，加上完全開源免費，已經好實用。文章詳細講解咗點樣由掃描到發佈嘅每個步驟，仲有快捷鍵同優化技巧，適合想試玩3D高斯潑濺嘅讀者。

  • SuperSplat係免費開源嘅3D高斯潑濺編輯器，完全喺瀏覽器運行，無需安裝。
  • 使用流程：用手機App掃描物件生成PLY檔 -> 拖入編輯器清洗雜點 -> 優化壓縮 -> 一鍵發佈分享連結。
  • 相比傳統3D建模或商業方案，成本近乎零，門檻極低，尤其適合房地產、虛擬旅遊等即時分享場景。
  • 亮點包括內置時間線動畫、支援多格式導出、WebGPU實時渲染；但掃描質量依賴手機App，超大場景可能卡頓。
  • 建議：入門者可用公開PLY練習；房產從業者可用作雲看房；開發者可以導出到Unity/Unreal做互動。
值得記低
連結 github.com

SuperSplat GitHub倉庫

開源項目，MIT許可，可自行部署或貢獻程式碼。

開啟
連結 superspl.at

SuperSplat在線編輯器

直接打開即可編輯，無需安裝。

開啟
連結 superspl.at

SuperSplat社區作品主站

瀏覽其他人發佈嘅場景，學習參考。

開啟
整理重點

咩係SuperSplat？

SuperSplat係PlayCanvas推出嘅免費開源3D Gaussian Splat編輯平台，完全喺瀏覽器運行，核心功能包括查看、編輯、優化同發佈場景。

3D Gaussian Splatting

核心技術用數百萬個高斯點表示場景，渲染效率高，尤其喺WebGPU支援下可以實時高質量漫遊。

零門檻訪問

開源免費

跨平台

亮點包括內置時間線製作相機動畫、一鍵發佈到網頁分享、支援多種格式導出，而且PlayCanvas引擎原生支援，適合遊戲、Web3D、房地產展示等場景。

整理重點

點樣由掃描到分享？

首先，用Polycam或Luma AI呢啲App掃描目標空間，生成PLY文件。掃描時要確保光線均勻，避免反光同移動模糊。

掃描質量直接決定最終效果

之後，打開 https://superspl.at/editor ，將PLY文件拖入瀏覽器窗口。

推薦用Chrome或Edge，開啟硬件加速

加載後會見到藍色點雲，呢個係正常嘅，下一步就係清洗同優化。

  1. 1 導航：WASD+鼠標，Shift加速，F聚焦
  2. 2 選擇工具：Rectangle、Lasso、Polygon、Brush、Flood，支援加選減選
  3. 3 清理：Delete刪除選中部分，或Separate分離
  4. 4 變換：移動/旋轉/縮放
  5. 5 動畫：Timeline加關鍵幀製作相機路徑

完成編輯後，可以壓縮格式（例如SOG）減少檔案大小，然後登錄PlayCanvas賬號一鍵發佈。

整理重點

優勢同限制一覽

優勢方面，SuperSplat體驗極佳，網頁實時漫遊流暢度遠超傳統網格模型，尤其適合移動端分享。

文件體積相對可控

加載速度快

而且成本幾乎為零，社區仲有大量公開場景可以參考。

  • 掃描效果受光照、運動模糊、物體反光影響，複雜場景可能仲有噪點或空洞，需要人工清洗。
  • 超大場景（千萬點以上）喺低端設備可能卡頓，建議優化點數。
  • 高斯點適合照片級靜態場景，動態物體或精確測量仍有差距。
  • 發佈房屋/私人空間時要注意數據安全同版權。

私隱與版權注意

整理重點

使用建議同未來潛力

針對唔同用戶，SuperSplat有唔同嘅玩法：

  1. 1 入門者：先用公開PLY文件練習清洗同動畫，再嘗試掃描自己嘅小物件或房間。
  2. 2 房產從業者：掃描樣板間，發佈連結畀客戶「雲看房」，結合實拍視頻效果更好。
  3. 3 開發者：導出後導入Unity/Unreal做互動體驗，或結合Timeline製作故事化展示。

練習清洗同動畫

雲看房

硬件方面，中高配電腦編輯會更流暢，大文件建議16GB+記憶體加獨立顯卡。SuperSplat將高斯潑濺從實驗室帶到人人可用嘅瀏覽器，雖然仲有侷限，但免費強大，已經大大降低咗3D世界嘅門檻。

最近喺X（Twitter）見到一個幾受歡迎嘅開源項目：用手機掃描間屋，上載之後任何人都可以喺普通網頁瀏覽器入面即時漫遊屋內外，唔使下載App或者安裝軟件。呢個唔需要咁複雜嘅掃描設備調試，而係基於PlayCanvas團隊開源項目SuperSplat實現嘅小demo。

今日我哋就詳細講下呢個玩法。

一、咩係SuperSplat？

SuperSplat係PlayCanvas推出嘅免費開源3D Gaussian Splat（3D高斯潑濺）編輯平台。佢完全喺瀏覽器入面運行（唔使安裝），核心功能包括：

  • • 查看、編輯、優化同發佈Gaussian Splat場景。
  • • 支援清洗「浮渣」（floaters）、裁剪、變換、合併多個splat、調整顏色等。
  • • 內置時間線製作相機動畫（flythrough）。
  • • 一鍵發佈到網頁分享，支援視頻渲染匯出。
  • • 可以匯出多種格式（PLY、Compressed PLY、Splat、SOG等），可以導入任何支援3DGS嘅引擎。圖片

核心技術：3D Gaussian Splatting。用數百萬個帶位置、顏色、旋轉同縮放屬性嘅「高斯點」（類似細橢球）嚟表示場景，而唔係傳統三角網格。結合AI重建之後，渲染效率高，喺網頁端（尤其係WebGPU支援下）可以實現即時、高質素嘅漫遊效果。檔案體積相對可控，而且加載速度快。

亮點：

  • • 零門檻訪問：打開 https://superspl.at/editor 就可以編輯使用。
  • • 開源免費：GitHub地址 https://github.com/playcanvas/supersplat （MIT許可）。
  • • 跨平台：手機掃描生成PLY檔案之後，喺瀏覽器編輯發佈，任何人㩒連結就可以睇。
  • • 生態整合：PlayCanvas引擎原生支援，適合遊戲、Web3D、房地產展示、虛擬旅遊等場景。
圖片

相比傳統3D建模（例如Blender），佢大幅降低咗實景數碼化門檻；相比商業掃描解決方案，成本幾乎可以話係零。

二、具體使用方法（詳細步驟）

◆ 1. 準備掃描數據

  • • 用支援Gaussian Splatting嘅手機App（例如Polycam、Luma AI等）掃描房屋/物體。
  • • 掃描建議：多角度、均勻覆蓋、光照穩定。影幾百到上千張相，App會自動生成PLY檔案（原始檔案可能較大，有雜訊）。
  • • 注意：掃描質素直接影響最終效果。室內細空間效果更好，大型複雜場景需要多次掃描合併。

◆ 2. 進入編輯器

  1. 1. 瀏覽器打開 https://superspl.at/editor（推薦用Chrome/Edge瀏覽器，開啟硬件加速）。
  2. 2. 加載檔案：拖PLY檔案到視窗，或者菜單 File > Open 打開檔案。
  3. 3. 初次加載可能會見到「藍點雲」或者雜訊，呢個係正常嘅，接下來清洗。

◆ 3. 核心編輯操作

  • • 導航：WASD + 滑鼠（Fly模式），Shift加速，F聚焦選中。
  • • 選擇工具（超級強大）：
    • ◦ Rectangle（R）、Lasso（L）、Polygon（P）、Brush（B）、Flood（O）等。
    • ◦ 支援加選（Shift）、減選（Ctrl）。
  • • 清理：選中浮渣/唔需要嘅部分，按Delete刪除；或者用Separate分離成獨立splat。
  • • 變換：移動、旋轉、縮放整體或者選中部分。
  • • 其他：調整顏色（Tint、Saturation等）、鎖定（H）、顯示網格/邊界、SH Bands（球諧函數，影響光照）。
  • • 動畫：Timeline面板添加關鍵幀，製作相機路徑。

◆ 4. 優化與匯出/發佈

  • • 優化：減少點數、壓縮格式（可以揀Compressed PLY或者SOG，PlayCanvas開源嘅高壓縮格式，可縮小2-3倍）。
  • • 預覽：調整View Options（Tonemapping、FOV等）。
  • • 發佈：登錄PlayCanvas賬號（免費），File > Publish，填寫標題描述，一鍵生成分享連結。支援AR/VR查看。
  • • 匯出視頻：Render菜單可以設置解像度、碼率，可以直接輸出MP4（基於時間線動畫）。
  • • 本地保存：可以Export輸出做PLY等格式保存。

鍵盤快捷鍵（建議記住幾個）：

  • • Space：顯示/隱藏splat
  • • Delete：刪除選中
  • • Ctrl+Z：撤銷
  • • 1/2/3：切換移動/旋轉/縮放工具

更多嘅可以參考完整用戶指南：https://developer.playcanvas.com/user-manual/gaussian-splatting/editing/supersplat/

圖片
圖片

本地運行：如果係開發者想本地運行，可以Git clone倉庫，然後npm install & npm run develop，就可以喺localhost開發。

三、分析：優勢、侷限與現實表現

優勢：

  • • 體驗極佳：網頁即時漫遊，流暢度遠超傳統網格模型，尤其適合流動裝置分享。
  • • 效率高：清洗+優化之後，檔案更細、視覺更乾淨。
  • • 社區生態：https://superspl.at/ 社區入面有大量公開場景可以瀏覽學習（房屋、文物、物體等）。
  • • 未來潛力：結合AI掃描同生成，實景數碼化門檻持續降低，可以用於房產、電商展示、文化遺產保護、遊戲資產等。

侷限與注意事項：

  • • 掃描依賴：手機掃描效果受光照、動態模糊、物體反光影響。複雜場景可能仲有雜訊或者空洞，需要人工清洗（SuperSplat擅長呢樣嘢，但都會花時間）。
  • • 性能：超大場景（千萬點以上）喺低階設備上可能會窒，建議優化點數。
  • • 真實度：高斯點適合「相片級」靜態/半靜態場景，動態物體或者精確測量仍有差距（唔係CAD級）。
  • • 私隱與版權：發佈房屋/私人空間時要注意數據安全，始終係公開分享。
  • • 唔係萬能：佢主要係編輯查看器，掃描生成仍要靠其他工具，渲染底層依賴PlayCanvas或兼容引擎。

總體評價：對普通用戶係「黑科技」，對開發者係高效生產力工具。目前已經非常實用，尤其喺Web3D同分享場景，但距離完全取代專業掃描硬件仲有距離。技術迭代太快，值得持續關注下。

四、使用建議與擴展思路

  1. 1. 入門者：先用公開PLY檔案練習清洗同動畫，再嘗試自家細物體/房間掃描。
  2. 2. 房產/中介從業者：掃描示範單位，發佈連結俾客戶「雲睇樓」，提升效率。結合實拍影片使用效果會更好。
  3. 3. 開發者/Creator：
    • ◦ 匯出之後導入Unity/Unreal/PlayCanvas做互動體驗。
    • ◦ 結合Timeline + Post effects（SuperSplat Studio）製作故事化展示。
    • ◦ 探索SOG格式提升網頁加載速度。
  4. 4. 硬件建議：中高配置電腦編輯，大檔案建議16GB+記憶體 + 獨立顯示卡。

SuperSplat將高斯潑濺從「實驗室技術」帶到咗「人人用得」嘅瀏覽器入面，雖然仲未完美，但足夠強大同免費，已經大幅降低咗3D世界嘅門檻。

參考連結：

  • • GitHub倉庫：https://github.com/playcanvas/supersplat
  • • 在線編輯器：https://superspl.at/editor
  • • 主站瀏覽社區作品：https://superspl.at/

（本文基於公開資料整理，觀點僅供參考，實際效果以親自測試為準。）

最近在X（Twitter）上看到一個小火的開源項目：用手機掃描房屋，上傳後任何人都能在普通網頁瀏覽器裏實時漫遊房屋內外，無需下載App或安裝軟件。這不需要多麼複雜的掃描設備調試，而是基於PlayCanvas團隊開源項目SuperSplat實現的小demo。

今天我們就來詳細聊聊這個玩法。

一、什麼是SuperSplat？

SuperSplat是PlayCanvas推出的免費開源3D Gaussian Splat（3D高斯潑濺）編輯平台。它完全運行在瀏覽器中（無需安裝），核心功能包括：

  • • 查看、編輯、優化和發佈Gaussian Splat場景。
  • • 支持清洗“浮渣”（floaters）、裁剪、變換、合併多個splat、調整顏色等。
  • • 內置時間線製作相機動畫（flythrough）。
  • • 一鍵發佈到網頁分享，支持視頻渲染導出。
  • • 可以導出多種格式（PLY、Compressed PLY、Splat、SOG等），可導入任何支持3DGS的引擎。圖片

核心技術：3D Gaussian Splatting。用數百萬個帶位置、顏色、旋轉和縮放屬性的“高斯點”（類似小橢球）來表示場景，而不是傳統三角網格。結合AI重建後，渲染效率高，在網頁端（尤其是WebGPU支持下）能實現實時、高質量的漫遊效果。文件體積相對可控，而且加載速度快。

亮點：

  • • 零門檻訪問：打開 https://superspl.at/editor 就能編輯使用。
  • • 開源免費：GitHub地址 https://github.com/playcanvas/supersplat （MIT許可）。
  • • 跨平台：手機掃描生成PLY文件後，在瀏覽器編輯發佈，任何人點連結就能看。
  • • 生態整合：PlayCanvas引擎原生支持，適合遊戲、Web3D、房地產展示、虛擬旅遊等場景。
圖片

相比傳統3D建模（如Blender），它極大降低了實景數字化門檻；相比商業掃描解決方案，成本幾乎可以算為零了。

二、具體使用方法（詳細步驟）

◆ 1. 準備掃描數據

  • • 用支持Gaussian Splatting的手機App（如Polycam、Luma AI等）掃描房屋/物體。
  • • 掃描建議：多角度、均勻覆蓋、光照穩定。拍幾百到上千張照片，App會自動生成PLY文件（原始文件可能較大，含噪聲）。
  • • 注意：掃描質量直接影響最終效果。室內小空間效果更好，大型複雜場景需多次掃描合併。

◆ 2. 進入編輯器

  1. 1. 瀏覽器打開 https://superspl.at/editor（推薦使用Chrome/Edge瀏覽器，開啓硬件加速）。
  2. 2. 加載文件：拖拽PLY文件到窗口，或菜單 File > Open 打開文件。
  3. 3. 初次加載可能看到“藍點雲”或噪聲，這是正常的，接下來清洗。

◆ 3. 核心編輯操作

  • • 導航：WASD + 鼠標（Fly模式），Shift加速，F聚焦選中。
  • • 選擇工具（超級強大）：
    • ◦ Rectangle（R）、Lasso（L）、Polygon（P）、Brush（B）、Flood（O）等。
    • ◦ 支持加選（Shift）、減選（Ctrl）。
  • • 清理：選中浮渣/不需要的部分，按Delete刪除；或用Separate分離成獨立splat。
  • • 變換：移動、旋轉、縮放整個或選中部分。
  • • 其他：調整顏色（Tint、Saturation等）、鎖定（H）、顯示網格/邊界、SH Bands（球諧函數，影響光照）。
  • • 動畫：Timeline面板添加關鍵幀，製作相機路徑。

◆ 4. 優化與導出/發佈

  • • 優化：減少點數、壓縮格式（可以選擇Compressed PLY或SOG，PlayCanvas開源的高壓縮格式，可縮小2-3倍）。
  • • 預覽：調整View Options（Tonemapping、FOV等）。
  • • 發佈：登錄PlayCanvas賬號（免費），File > Publish，填寫標題描述，一鍵生成分享連結。支持AR/VR查看。
  • • 導出視頻：Render菜單可以設置分辨率、碼率，可以直接輸出MP4（基於時間線動畫）。
  • • 本地保存：可以Export輸出為PLY等格式保存。

鍵盤快捷鍵（建議記住幾個）：

  • • Space：顯示/隱藏splat
  • • Delete：刪選中
  • • Ctrl+Z：撤銷
  • • 1/2/3：切換移動/旋轉/縮放工具

更多的可以參考完整用戶指南：https://developer.playcanvas.com/user-manual/gaussian-splatting/editing/supersplat/

圖片
圖片

本地運行：如果是開發者想本地運行，可以Git clone倉庫，然後npm install & npm run develop，即可在localhost開發。

三、分析：優勢、侷限與現實表現

優勢：

  • • 體驗極佳：網頁實時漫遊，流暢度遠超傳統網格模型，尤其適合移動端分享。
  • • 效率高：清洗+優化後，文件更小、視覺更乾淨。
  • • 社區生態：https://superspl.at/ 社區裏有大量公開場景可瀏覽學習（房屋、文物、物體等）。
  • • 未來潛力：結合AI掃描和生成，實景數字化門檻持續降低，可用於房產、電商展示、文化遺產保護、遊戲資產等。

侷限與注意事項：

  • • 掃描依賴：手機掃描效果受光照、運動模糊、物體反光影響。複雜場景可能仍有噪點或空洞，需要人工清洗（SuperSplat擅長此，但也會耗時）。
  • • 性能：超大場景（千萬點以上）在低端設備上可能卡頓，建議優化點數。
  • • 真實度：高斯點適合“照片級”靜態/半靜態場景，動態物體或精確測量仍有差距（不是CAD級）。
  • • 隱私與版權：發佈房屋/私人空間時要注意數據安全，畢竟是公開分享。
  • • 不是全能：它主要是編輯查看器，掃描生成仍靠其他工具，渲染底層依賴PlayCanvas或兼容引擎。

總體評價：對普通用戶是“黑科技”，對開發者是高效生產力工具。目前已非常實用，尤其在Web3D和分享場景，但距離完全替代專業掃描硬件還有距離。技術迭代太快，值得持續關注一下。

四、使用建議與擴展思路

  1. 1. 入門者：先用公開PLY文件練習清洗和動畫，再嘗試自家小物體/房間掃描。
  2. 2. 房產/中介從業者：掃描樣板間，發佈連結給客戶“雲看房”，提升效率。結合實拍視頻使用效果會更好。
  3. 3. 開發者/Creator：
    • ◦ 導出後導入Unity/Unreal/PlayCanvas做交互體驗。
    • ◦ 結合Timeline + Post effects（SuperSplat Studio）製作故事化展示。
    • ◦ 探索SOG格式提升網頁加載速度。
  4. 4. 硬件建議：中高配電腦編輯，大文件推薦16GB+內存 + 獨立顯卡。

SuperSplat把高斯潑濺從“實驗室技術”帶到了“人人可用”的瀏覽器裏，雖然還不完美，但足夠強大且免費，已經很大的降低了3D世界的門檻。

參考連結：

  • • GitHub倉庫：https://github.com/playcanvas/supersplat
  • • 在線編輯器：https://superspl.at/editor
  • • 主站瀏覽社區作品：https://superspl.at/

（本文基於公開資料整理，觀點僅供參考，實際效果以親測為準。）