Cesium3DTilesInspector

Cesium3DTilesInspector 是一个调试工具，用于检查 CesiumJS 应用程序中的 3D Tiles 数据源。这个工具大大简化了开发人员的调试过程，可以快速找到 3D Tiles 数据源中的问题，并提供了许多有用的功能，例如查看节点信息、显示 Bounding Volume、层级渲染器等等。

使用方法

首先需要引入 Cesium3DTilesInspector 模块：

<script src="https://cesium.com/downloads/cesiumjs/releases/1.82/Build/Cesium/Cesium.js"></script>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.82/Build/Cesium/Widgets/widgets.css"></script>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.82/Build/Cesium/Widgets/widgets.js"></script>

然后在创建 Viewer 实例时启用 3D Tiles Inspector：

var viewer = new Cesium.Viewer("cesiumContainer", {
  // 启用 3D Tiles Inspector
  shouldShowInspector: true,
});

var tileset = new Cesium.Cesium3DTileset({
  url: "path/to/tileset",
});

viewer.scene.primitives.add(tileset);

当需要打开 3D Tiles Inspector 时，用户可以单击地球视图下方的“Inspect”按钮。在 Inspector 界面中可以查看 Tileset 层次、节点信息、显示 Bounding Volume 等等。

功能列表

下面是 Cesium3DTilesInspector 提供的一些有用的调试功能：

Tileset 层次

Inspector 界面中的 Node graph 标签页可以查看 Tileset 的层次结构。用户可以单击节点来选择要查看的子集，或者使用滚动条以便查看整个层次结构。

节点信息

Inspector 界面中的 Properties 标签页可以查看节点的属性信息，例如平移、缩放、旋转等等，并且用户可以单击显示 Bounding Volume。

显示 Bounding Volume

在 Properties 标签页中，用户可以单击“Show Bounding Volume”来显示节点的 Bounding Volume。如果 Tileset 的节点存在问题，用户可以使用该功能来排查问题。

节点渲染器

Inspector 界面中的 Renderer 标签页可以查看 Tileset 中每个节点的渲染器信息。例如，用户可以查看节点的 Batch ID 和 颜色贴图等等。

结论

Cesium3DTilesInspector 提供了许多有用的调试工具，可以使用户基于 CesiumJS 轻松地调试 3D Tiles 数据源。使用 Cesium3DTilesInspector 可以快速找到问题，节省时间和精力。