3D Studio
3D 空間預覽
在瀏覽器裡擺家具、換風格、看日照；也可以載入你自己的掃描模型。所有運算都在你的裝置上完成。
正在載入 3D 編輯器…
這個預覽怎麼用
整個編輯器在你的瀏覽器裡運作，沒有後端、不需要登入。以下是快速上手的流程。
- 01
調整房間
在右側「房間」分頁輸入寬、深、高，換牆色與地板材質，並設定門與窗的位置；牆面會真的挖出開口。
- 02
擺放家具
從「家具」分頁加入沙發、餐桌、衣櫃等 17 種家具，點選後拖曳移動（吸附 5 cm、限制在牆內），按 R 旋轉。
- 03
一鍵換風格
「風格」分頁有北歐、日式無印、現代輕奢、工業風、新中式，一次替換牆色、地板、家具配色與燈光氛圍。
- 04
看看不同時間
「光線」分頁的時間滑桿從 06:00 到 22:00，陽光會依角度從窗戶照進來；入夜後落地燈自動亮起。
- 05
切換視角
用上方按鈕或鍵盤 1–5 在模型屋、漫遊、俯視、線框、整理之間切換；整理模式會把所有家具攤平成一張整齊的清單。
- 06
存檔與分享
可下載截圖、匯出設計 JSON，或複製分享連結——設計被壓縮在網址的「#」之後，不會傳到任何伺服器。
用自己的 iPhone 掃描檔
這個網站不會自己掃描空間。它讀取的是你用掃描 App 匯出的 3D 檔案（GLB／glTF），再讓你在瀏覽器裡瀏覽、拍照與整理。
- 用有 LiDAR 的 iPhone（iPhone 12 Pro 以後的 Pro 系列）搭配 Polycam、Scaniverse 等掃描 App，繞房間一圈完成掃描。
- 在 App 內把成果匯出成 GLB（或 glTF）。若有「Draco 壓縮」選項請關閉；貼圖請用 PNG／JPEG。
- 把檔案傳到目前使用的裝置（AirDrop、雲端硬碟或 USB 都可以）。
- 把 .glb 檔拖放到上方的 3D 畫面，或到「檔案」分頁選取。模型只在你的瀏覽器內讀取，不會上傳。
- 選擇「取代整個場景」把掃描當成整個空間瀏覽，或選「放入房間」把它縮放成一件擺設。
限制與提醒
- 掃描檔通常是「一整塊網格」，無法單獨移動裡面的沙發；整理模式只能依檔案內本來就分開的物件拆件，單一物件的模型會整塊顯示。
- 建議檔案在 80 MB 以內；更大的檔案會先跳出確認，手機可能因記憶體不足而失敗。
- 尚不支援 Draco、KTX2 壓縮的檔案（本站為了不連外部網路而未內建解碼器），請在匯出時關閉壓縮。
- 掃描結果的牆面可能有破洞或雜訊；漫遊模式不會替掃描模型做碰撞，可以穿牆。
- 設計 JSON 與分享連結只記錄房間與家具，不含你載入的模型檔。
技術與致謝
房間、牆面開口與所有家具都由程式即時產生（three.js／React Three Fiber），地板與木紋貼圖也是 Canvas 程序化繪製，沒有使用任何圖檔或外部資源。 整體概念受 Wes Bos 開源專案 3d-model-anything （將 iPhone LiDAR 掃描變成可在瀏覽器瀏覽的 Three.js 房間）啟發；本頁為獨立實作，未使用該專案的任何程式碼或素材。
想把你家的空間做成專屬的 3D 預覽，或直接討論裝修？
預約璞石創研空間設計諮詢