cesium 地图旋转 整个场景旋转 开场动画

56 篇文章 1 订阅

设置camera旋转能实现整个场景的旋转,多用于开场动画

  • 开始旋转
function onTickCallback() {
                viewer.scene.camera.rotate(Cesium.Cartesian3.UNIT_Z, -0.02);
            }
            viewer.clock.onTick.addEventListener(onTickCallback);
  • 停止旋转
viewer.clock.onTick.removeEventListener(onTickCallback);

效果图(ps:忽略视频里面的水印)

  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cesium是一种JavaScript库,用于构建3D地图和应用程序。GLTF是一种开放的3D文件格式,可以在WebGL上运行。Cesium支持加载和呈现GLTF文件,并能够提供许多交互和渲染功能。 在Cesium旋转GLTF模型非常简单。可以使用“Transform”属性中的“RotateX/Y/Z”方法来旋转模型。例如,使用以下代码旋转模型30度: ``` viewer.entities.getById('myModel').model.matrix = Cesium.Matrix4.fromRotationTranslation(Cesium.Matrix3.fromRotationZ(Cesium.Math.toRadians(30.0)), Cesium.Cartesian3.ZERO); ``` 此代码中,首先使用“getById”方法获取一个名为“myModel”的实体,然后使用“model.matrix”属性获取实体模型的转换矩阵。接下来,使用Cesium旋转方法将模型以Z轴为中心旋转30度。最后,将新的转换矩阵赋值给实体模型的“matrix”属性。 除了使用“RotateX/Y/Z”方法以外,还可以使用Cesium旋转矩阵直接旋转模型,如下所示: ``` var rotationMatrix = Cesium.Matrix3.fromRotationZ(Cesium.Math.toRadians(30.0)); viewer.entities.getById('myModel').model.matrix = Cesium.Matrix4.fromRotationTranslation(rotationMatrix, Cesium.Cartesian3.ZERO); ``` 这个代码片段创建了一个旋转矩阵,并将其应用于“myModel”实体的转换矩阵中。旋转矩阵可以通过矩阵乘法实现。 总的来说,Cesium使得GLTF模型的旋转变得简单且高效。使用旋转方法或旋转矩阵将能够在3D应用程序中创建富有交互性的动态场景

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值