3D Tiles 檢視器

線上串流載入與預覽超大規模 3D Tiles 瓦片集、城市建築、傾斜攝影與 BIM 模型,支援高效能分層 LOD 渲染。

加載中...

請稍候

從 URL 載入 3D Tiles

輸入遠端 tileset.json 位址以直接線上串流預覽

試試範例場景

手邊沒有檔案?載入一個現成的 3D Tiles 場景,立即體驗檢視器。

關於此工具

Any3D 3D Tiles 檢視器支援本機檔案選取(含 ZIP 壓縮檔)與遠端 URL 串流載入兩種方式。提供高效能層級細節(HLOD)串流渲染,自動忽略複雜 GIS 地理座標系並將模型平移對齊至視角中心,支援即時調節螢幕空間誤差(SSE)、最大層深及多種除錯著色模式。所有本機檔案均在瀏覽器端解析,隱私安全無虞。

使用技巧

  • 1支援選取包含 tileset.json 的資料夾、多選檔案或單個 .zip 壓縮檔直接載入
  • 2支援在檔案上傳區下方輸入公開的遠端 tileset.json URL 即時線上串流預覽
  • 3左側面板可自由配置最大螢幕誤差 (SSE)、走訪深度、線框模式及包圍盒

配置選項說明

預覽設定

自動旋轉

預設值off

讓瓦片集繞垂直軸緩慢旋轉,便於完整查看場景。

on
off推薦

細節層級設定 (LOD)

最大螢幕空間誤差 (SSE)

預設值6px

範圍1px – 30px

調節視區中瓦片細分的像素誤差門檻。數值越小載入更精細的細節,數值越大效能越流暢。

最大層級深度

預設值30

範圍1 – 40

限制空間瓦片樹的最大走訪與細分層級。

除錯與視覺化

著色模式

預設值預設材質

在預設材質渲染與多種除錯著色模式(螢幕誤差、幾何誤差、相機距離、層深、葉子節點、隨機顏色等)之間切換。

預設材質推薦

正常渲染瓦片自帶的紋理與材質

螢幕空間誤差

按目前螢幕像素誤差著色

幾何誤差

按瓦片幾何誤差著色

相機距離

按相機到瓦片的距離著色

瓦片層深

按瓦片在樹狀結構中的深度著色

相對層深

按相對於渲染父層的深度著色

葉子節點

高亮標記葉子節點瓦片

隨機顏色

為每個瓦片賦予獨立隨機顏色

顯示包圍盒

預設值關閉

開啟或關閉可見瓦片的方向包圍盒 (OBB) 與軸對齊包圍盒 (AABB) 輔助線框。

開啟

顯示包圍盒線框

關閉推薦

隱藏包圍盒線框

顯示包圍球

預設值關閉

開啟或關閉可見瓦片的包圍球輔助線框。

開啟

顯示包圍球線框

關閉推薦

隱藏包圍球線框

格式說明

輸入格式

副檔名:
json, zip, b3dm, pnts, i3dm, cmpt
全名:
3DTiles (OGC 3D瓦片格式)
類型:
3D 模型
格式:
3DTiles
說明:
3D Tiles 是由 Cesium 提出並成為 OGC 開放標準的空間三維資料格式,專為海量異質三維地理與幾何資料的串流傳輸與即時渲染而設計。它透過分層細節層次(HLOD)和空間包圍體樹狀結構,支援在 Web 瀏覽器中高效串流載入與瀏覽傾斜攝影、城市建築模型、大規模點雲以及 BIM 模型。

備註:

  • 3D Tiles 格式支援分層 LOD 串流載入與超大規模三維場景

支援特性:

  • 分層細節(HLOD)動態串流載入
  • 基於 3DTilesRendererJS 的即時 WebGL 渲染
  • 自由旋轉、縮放與平移視角控制
  • 螢幕誤差(SSE)與最大層深精細調節
  • 包圍盒與除錯著色模式視覺化

使用方法

1

選取本機檔案或輸入 URL

將包含 tileset.json 的檔案或 .zip 拖入上傳區,或在下方輸入遠端 tileset.json 的 URL 位址。

2

串流瀏覽與視角互動

瓦片將按相機距離動態串流載入。使用滑鼠左鍵旋轉、右鍵平移、滾輪縮放,全方位查看場景細節。

3

調節 LOD 參數與除錯選項

在左側選單中按需調整螢幕誤差(SSE)、層級深度、開啟線框模式或包圍盒視覺化。

本工具相關

Q

什麼是三維瓦片(3D Tiles)及其核心優勢?

A

3D Tiles 是由 Cesium 提出並成為 OGC 開放標準的三維地理空間資料格式,專為在 Web 端高效串流傳輸與即時渲染海量異質三維資料而設計。它透過分層細節層次(HLOD)和空間包圍盒樹結構,僅按需載入當前視區可見的瓦片,能夠流暢呈現超大規模傾斜攝影、城市建築白模、BIM 與點雲場景。

Q

如何在瀏覽器中在線查看三維瓦片?

A

您可以將包含 tileset.json 及其關聯瓦片檔案的整個資料夾打包為 .zip 壓縮檔直接上傳,也可以在檔案選擇對話方塊中多選匯入所有關聯檔案。若資料代管在遠端伺服器上,只需在下方輸入框中貼上 tileset.json 的公開 HTTP/HTTPS 網址並點擊載入即可直接在線串流預覽,無需安裝任何軟體。

Q

3D Tiles 和 Cesium 有什麼關係?

A

3D Tiles 最初由 Cesium 創建,現已發展為開放地理空間資訊聯盟(OGC)的正式開放標準,格式本身獨立於任何單一渲染引擎。Cesium ion 是商業化的雲端代管與切片平台,而本工具是完全免費且免註冊的純瀏覽器端檢視器,無需 Cesium 帳號即可直接解析和渲染符合標準的 3D Tiles 資料。

Q

哪裡可以下載三維瓦片範例資料進行測試?

A

您可以直接點擊上傳區下方的內建範例場景,在線串流載入官方建築白模、傾斜攝影與點雲資料集。若需下載本機測試包,可以前往 GitHub 上的 CesiumGS/3d-tiles-samples 開源儲存庫獲取各類標準測試集,或從 OpenStreetMap 3D Buildings 以及各地開放地理資料平台下載城市級三維瓦片。

Q

三維瓦片包含哪些具體的資料與瓦片格式?

A

3D Tiles 的核心索引檔案為 JSON 格式的 tileset.json,用於定義空間樹結構與包圍盒;實際的幾何與紋理內容則封裝在各類瓦片載荷中,包括批次三維模型(.b3dm)、點雲瓦片(.pnts)、實例化三維模型(.i3dm)、複合瓦片(.cmpt)以及 3D Tiles 1.1 中廣泛使用的 glTF 與 GLB 格式瓦片。

Q

三維瓦片與傳統單體 3D 模型(如 OBJ、GLB)或傾斜攝影模型有何區別?

A

與必須完整下載解壓才能顯示的傳統單體 3D 模型不同,三維瓦片將超大規模地理空間與無人機傾斜攝影模型組織為分層細節(LOD)空間樹結構。瀏覽器無需一次性載入全部幾何體,僅需按視距和視角動態請求附近的精細瓦片,不僅大幅降低了記憶體佔用,還能實現城市級實景三維大場景的流暢漫遊與串流載入。

Q

可以在手機或行動裝置瀏覽器上查看三維瓦片嗎?

A

本檢視器支援手機與平板上的現代行動端瀏覽器。但由於三維瓦片特別是高精確度傾斜攝影或稠密點雲資料體量較大,會消耗較多視訊記憶體與網路頻寬,因此在行動端建議優先瀏覽中小型場景,超大規模城市級瓦片集推薦在配備獨立顯示卡的電腦端獲得最佳渲染體驗。

Q

螢幕空間誤差(SSE)與最大周遊深度如何調節?

A

螢幕空間誤差(SSE)決定瓦片細分載入的像素門檻:數值調小(如 2-4 px)會更早載入高精細度瓦片,畫質更清晰但消耗更多記憶體與頻寬;數值調大(如 10-20 px)可減少同時載入的瓦片數,大幅提升低階裝置的幀率。最大層級深度則限制空間樹的周遊層數,防止超深層級資料集導致瀏覽器記憶體不足。

通用問題

Q

Any3D 是完全免費的嗎?

A

是的,Any3D 的核心功能永久免費使用。我們提供格式轉換、模型優化和在線預覽等基礎功能,無需註冊或付費即可使用。

Q

我的文件會上傳到伺服器嗎?

A

不會。您選擇的文件僅在本機瀏覽器中處理,全程不離開您的裝置,也不會發送到我們的伺服器。我們不儲存任何用戶文件;處理結束後,瀏覽器記憶體中的相關數據會被釋放。

Q

需要安裝軟件嗎?

A

不需要安裝任何軟件。Any3D 是完全基於瀏覽器的工具,只需打開網頁即可使用所有功能,支持 Windows、Mac、Linux 等主流操作系統。

Q

文件大小有限制嗎?

A

模型的處理能力取決於您的裝置效能以及模型本身的頂點數和紋理複雜度,而非單純的檔案大小。我們不設檔案大小限制,但超出裝置承載能力時,頁面可能出現卡頓甚至崩潰。

贊助支持