当前位置: 首页 > 文档资料 > Cesium 中文文档 >

3D Tiles 模型旋转

优质
小牛编辑
135浏览
2023-12-01

上一节介绍了3D Tiles模型的位置移动,和贴地的操作,这一节来聊一聊模型的旋转。

参考《WebGl编程指南》的第四章

假设在X轴和Y轴构成的平面上,要让物体旋转角度为β,那么公式如下:

由此思路就出来了:

    1. 根据要旋转的角度,构建一个三阶旋转矩阵
    2. 获取3D tiles 的旋转矩阵modelMatrix,然后与旋转矩阵运算,
    3. 最后将计算结果再赋值给modelMatrix,完成。

参考代码:

var m = tileset.modelMatrix;
//RotateX为旋转角度,转为弧度再参与运算
var m1 = Cesium.Matrix3.fromRotationX(Cesium.Math.toRadians(RotateX));

//矩阵计算
Cesium.Matrix4.multiplyByMatrix3(m,m1,m);

//赋值
tileset.modelMatrix = m;

点击查看动画

lesson03源码参考

1.52下旋转就飞了(库里面判断,旋转是根据地球中心旋转的,比如模型在坐标为100,40的位置,绕x旋转1度就到了经度 101,40 的位置),1.40里面是可用的。1.40示例:
https://hqcode.gitee.io/cesium-test/lesson03/