Cesium 更新primitive矩阵，实现primitive移动和旋转

最新推荐文章于 2024-07-13 20:41:16 发布

空间编织魔术师

最新推荐文章于 2024-07-13 20:41:16 发布

阅读量565

点赞数 4

文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_58479306/article/details/138449812

版权

let viewer = new Cesium.Viewer("cesiumContainer");
let scene = viewer.scene;
 
//旋转角度
let hpr = new Cesium.HeadingPitchRoll(0, 0, 0);
//位置点
let point = new Cesium.Cartesian3(110.0744619,30.0503706,100);
let origin = Cesium.Cartesian3.fromDegrees(point.x,point.y,point.z);
//初始的矩阵
const modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(origin,hpr);
 
// 创建Geometry对象
var geometry = new Cesium.BoxGeometry.fromDimensions({
  dimensions: new Cesium.Cartesian3(50000.0, 50000.0, 50000.0)
});
 
// 创建Appearance对象
var appearance = new Cesium.MaterialAppearance({
  material: Cesium.Material.fromType('Color', {
	color: Cesium.Color.RED
  })
});
let instance = new Cesium.GeometryInstance({
  geometry: geometry
})
 
// 创建Primitive对象
var primitive = new Cesium.Primitive({
  geometryInstances: instance,
  appearance: appearance,
  modelMatrix: modelMatrix
});
 
// 添加Primitive对象到场景中
primitive = scene.primitives.add(primitive);
 
let rotateZ = 0;
setInterval(function(){
  rotateZ += 0.01;
  point.x += 0.01;
  origin = Cesium.Cartesian3.fromDegrees(point.x,point.y,point.z);
  hpr = new Cesium.HeadingPitchRoll(rotateZ, 0, 0);
  let temp = Cesium.Transforms.headingPitchRollToFixedFrame(origin,hpr);
  primitive.modelMatrix = temp;
},10);