Cesium primitive 旋转
时间: 2024-02-11 14:36:11 浏览: 170
在 Cesium 中,可以使用 `Transforms` 模块中的函数来进行 primitive 的旋转操作。具体步骤如下:
1. 定义要旋转的 primitive,例如一个 box:
```javascript
var box = viewer.scene.primitives.add(Cesium.Primitive.createBox({
dimensions : new Cesium.Cartesian3(400000.0, 300000.0, 500000.0),
material : Cesium.Color.RED
}));
```
2. 定义旋转的角度和轴,例如绕 Z 轴旋转 45 度:
```javascript
var angle = Cesium.Math.toRadians(45.0);
var axis = new Cesium.Cartesian3(0.0, 0.0, 1.0);
```
3. 使用 `Transforms` 模块中的函数进行旋转操作,例如绕 Z 轴旋转:
```javascript
Cesium.Transforms.rotateAroundAxis(axis, box.modelMatrix, angle);
```
4. 刷新场景以更新 primitive 的位置和方向:
```javascript
viewer.scene.requestRender();
```
完整的代码示例:
```javascript
var box = viewer.scene.primitives.add(Cesium.Primitive.createBox({
dimensions : new Cesium.Cartesian3(400000.0, 300000.0, 500000.0),
material : Cesium.Color.RED
}));
var angle = Cesium.Math.toRadians(45.0);
var axis = new Cesium.Cartesian3(0.0, 0.0, 1.0);
Cesium.Transforms.rotateAroundAxis(axis, box.modelMatrix, angle);
viewer.scene.requestRender();
```
这样就可以实现 primitive 的旋转操作了。
阅读全文
相关推荐


















