cesium编程入门(七)3D Tiles，模型旋转

Elusive Cesium编程入门

cesium编程入门（七）3D Tiles，模型旋转

上一节介绍了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.64版本旋转问题请看这里 Cesium实战(十九)解决新版本3DTile旋转缩放问题

22 thoughts to “cesium编程入门(七)3D Tiles，模型旋转”

  5. 您好，我用1.40版本运行了这个示例，能够演示出上述的效果。然后用自己的数据替换进去以后，高度调节是可用的，调节角度时模型就会消失，您能指点一下吗

  8. 大佬，我想请问一下3dtiles建筑模型，我用style.color的conditions分级渲染之后，用chrome浏览器打开就没有效果，建筑全是白色的，用火狐浏览器就可以正常加载，而且也没有报错，这是什么原因呢?已经困扰我一个月了

    1. 找到问题了，我想一开始让建筑默认隐藏，拉进再显示，在tileset.readyPromise.then里写了tileset.show=false和setstyle(tileset)，然后建筑就会没颜色。。这是为什么呢

发表评论