探索在 Cesium 中展示 SketchUp 模型的技巧

2023-10-06 08:24:25

在 Cesium 中展现 SketchUp 模型的技巧

摘要： 本文探索了将 SketchUp 模型导入 Cesium 以进行 3D 可视化的技巧。我们讨论了各种方法，包括使用中间转换器和直接加载，并提供了详细的指南和示例代码。

引言： SketchUp 是一款流行的 3D 建模工具，用于创建各种设计，从建筑物到产品。Cesium 是一款用于创建 3D 地图和地理空间可视化的 JavaScript 库。将 SketchUp 模型集成到 Cesium 中可以增强 3D 可视化体验，并允许用户探索模型在真实世界环境中的交互。

方法：

1. 使用中间转换器：

SketchUp 模型可以导出为各种 3D 格式，如 OBJ、FBX 和 COLLADA。这些格式可以转换为 Cesium 支持的 3D Tiles 格式。

OBJ： 使用 SketchUp 的“导出”功能将模型导出为 OBJ 文件。然后，可以使用 Cesium 的工具链工具（如“Obj2gltf”）将 OBJ 转换为 3D Tiles。
FBX： 同样，将模型导出为 FBX 文件。使用 Autodesk FBX Converter 将 FBX 转换为 glTF 或 3D Tiles。
COLLADA： 将模型导出为 COLLADA 文件。使用 Cesium 的“Collada2gltf”工具将 COLLADA 转换为 glTF 或 3D Tiles。

2. 直接加载：

对于较小的模型，可以使用 Cesium 直接加载 SketchUp 的 SKP 文件。

使用 CesiumJS 库的“Model”类创建模型。
将 SKP 文件的 URL 或文件作为源提供给模型。
模型将以 glTF 格式加载到场景中。

代码示例：

const viewer = new Cesium.Viewer('cesiumContainer');

const model = viewer.scene.primitives.add(new Cesium.Model({
  uri: 'path/to/model.skp',
  modelMatrix: Cesium.Matrix4.IDENTITY,
}));