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

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,模型旋转”

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

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

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

发表评论