对于json文件加载的3D模型,它通常会定位在无人机飞手建模的位置,并且寻常移动glb的方法对其并不适用,现在让我们来看看如何移动这样的模型。
首先,我们先来引入json文件,我用的是离线数据,将其放在public文件路径下,通常是一整个模型环境,只需要引入其中的json文件:
get3DmodelTest(){let that = thisvar tileset = new Cesium.Cesium3DTileset({ url: '/models/terra_b3dms/tileset.json' }); this.viewer.scene.primitives.add(tileset); // 可选:将视图定位到模型 tileset.readyPromise.then(function(tileset) { that.viewer.zoomTo(tileset); });
},
接下来,我们就看到该模型了,如果想移动它的位置,只需要:
// 等待tileset加载完成
tileset.readyPromise.then(function(tileset) { // 创建一个平移矩阵 // 如果要将tileset沿X轴平移10000米,可根据平移矩阵增加该数值实现(Cesium使用WGS84坐标系,单位通常是米) // 为了更直观的效果,这里我改为定位到一个新坐标,其原理是相同的var translation = Cesium.Cartesian3.fromElements(120.37282636618222, 30.20652892963405, 0.0); var translationMatrix = Cesium.Transforms.eastNorthUpToFixedFrame( Cesium.Cartesian3.ZERO, // 参考点,这里使用地球中心作为参考 Cesium.Ellipsoid.WGS84, // 椭球体 translation // 平移向量 ); // 注意:上面的translationMatrix实际上是一个从地球中心到平移后位置的局部坐标系的变换矩阵 // 但为了简化,我们假设只需要平移,并且tileset原本就在地球表面附近 // 因此,我们可以直接使用Cesium.Matrix4.fromTranslation来创建一个纯平移矩阵 var pureTranslationMatrix = Cesium.Matrix4.fromTranslation(translation); // 将纯平移矩阵应用到tileset的modelMatrix上 // 注意:这里我们假设tileset原本没有应用任何变换(即modelMatrix是单位矩阵) // 如果tileset已经应用了其他变换,你需要先获取当前的modelMatrix,然后与其相乘 tileset.modelMatrix = Cesium.Matrix4.multiply( tileset.modelMatrix, // 当前的modelMatrix(如果是新创建的,则默认为单位矩阵) pureTranslationMatrix, // 平移矩阵 new Cesium.Matrix4() // 结果矩阵 ); // 注意:上面的代码假设了tileset的初始modelMatrix是单位矩阵 // 如果tileset已经加载了并且有其自己的变换,你可能需要先将平移矩阵与当前的modelMatrix相乘 // 但由于Cesium3DTileset的modelMatrix在内部可能由Cesium自动管理, // 因此直接修改它可能不是最佳实践。 // 在这种情况下,你可能需要寻找其他方法来达到你想要的效果, // 比如通过调整场景中的相机位置来“移动”tileset的视觉效果。 // 另一种更简单的方法是,如果你只是想在视觉上移动tileset, // 你可以通过调整相机的位置或视角来实现,而不是直接修改tileset的modelMatrix。
}); // 注意:上面的代码示例中,使用Cesium.Transforms.eastNorthUpToFixedFrame来创建平移矩阵可能不是最直接的方法,
// 因为这通常用于创建一个从特定点出发的局部坐标系。对于简单的平移,使用Cesium.Matrix4.fromTranslation就足够了。