supermap iclient3d for cesium中的平移,旋转

昨天写的模型机头不是速度的方向

基础知识

屏幕坐标系,笛卡尔空间直角坐标系,大地坐标系

平移和旋转都是基于笛卡尔空间直角坐标系,也就是基于地心。但是我们想实现模型的旋转是基于模型的局部坐标系,那么就要坐标转换。

向量归一化:单位向量

旋转矩阵左乘右乘:

思考:给定一个初始旋转矩阵 R1,绕向量 r 旋转 θ 度得到旋转矩阵 R2,最终得到旋转矩阵 R3。那么,是 R3 等于 R2 乘以 R1 还是 R3 等于 R1 乘以 R2 呢?

固定坐标系:每次旋转都根据同一坐标系旋转,左乘单个旋转矩阵. 典型代表:RPY角

非固定坐标系:每次旋转都根据上一次旋转后的坐标系旋转,右乘单个旋转矩阵. 典型代表:ZYZ角

参考文章旋转矩阵变换的乘积顺序问题---机器人学_旋转矩阵可以交换顺序-CSDN博客

东北天坐标系

x正东,y正北,z指天

平移

平移思路:

源点笛卡尔坐标系坐标1,终点局部坐标系坐标2,(1)然后计算局部坐标系到笛卡尔坐标系的转换矩阵m,(2)m与坐标2算出终点笛卡尔坐标系坐标,(3)得到笛卡尔坐标系坐标1向笛卡尔坐标系终点坐标的转换矩阵,(4)然后相乘

实现

传入参数是模型entity对象

复制代码
const Translation =(plane:any)=>
{
    //飞机原来的位置
    let origin=Cesium.Cartesian3.fromDegrees(104.173,30.822,600)
    console.log(origin)
    //(1)    局部转笛卡尔的转换矩阵
    const m = Cesium.Transforms.eastNorthUpToFixedFrame(origin)
    //   平移量的局部坐标系
    const tempTranslation = new Cesium.Cartesian3(500,500,0)
    // (2)  终点的笛卡尔坐标
    const offset = Cesium.Matrix4.multiplyByPoint(m, tempTranslation, new Cesium.Cartesian3(0, 0, 0))
    //计算两个笛卡尔的分量差异
    const translation = Cesium.Cartesian3.subtract(offset, origin, new Cesium.Cartesian3())
    //(3)   分量差异=>转换矩阵
    let m2=Cesium.Matrix4.fromTranslation(translation)
    //(4)   坐标×转换矩阵(你也可以用分量的xyz直接加)
   var newPoint = Cesium.Matrix4.multiplyByPoint(m2, origin, new Cesium.Cartesian3());
    plane.position=newPoint
}

旋转

思路:

我的想法在初始点算出偏移角度,然后后续在速度的方向上偏移这个角度就可以了

(1)源点的局部坐标向笛卡尔坐标转换的矩阵m

(2)局部坐标系下旋转的变化矩阵n

(3)速度方向矩阵p

(4)mn绕局部坐标系旋转所以左乘,p是笛卡尔坐标系

相关推荐
地球资源数据云6 小时前
从 DEM 到 3D 渲染:R 语言 rayshader 地形可视化全指南
3d·数据分析·r语言
换日线°6 小时前
前端3D炫酷展开效果
前端·3d
Funny_AI_LAB8 小时前
RAD基准重新定义多视角异常检测,传统2D方法为何战胜前沿3D与VLM?
人工智能·目标检测·3d·ai
新启航光学频率梳9 小时前
储能电池极柱深孔孔深光学3D轮廓测量-激光频率梳3D轮廓技术
科技·3d·制造
军军君011 天前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
CG_MAGIC1 天前
Substance Painter 高效出图:贴图导出与后期优化技巧
3d·贴图·maya·substance painter·渲云渲染·3d软件
图生生1 天前
基于AI的电商产品2D转3D,降低3D建模开发成本
3d·ai
mocoding2 天前
Flutter 3D 翻转动画flip_card三方库在鸿蒙版天气预报卡片中的实战教程
flutter·3d·harmonyos
2501_948120152 天前
3D虚拟衣服动画系统关键技术的研究与实现
3d
应用市场2 天前
基于上下文感知分层深度修复的3D照片生成技术详解
3d