Cesium 三维模型使用 blender 调整位置、坐标轴、比例等

  • 模型坐标轴展示
  • 使用 blender 调整模型方向
    • 1. 下载安装 blender
    • 2. 打开blender,导入模型文件
    • 3. 根据需要调整模型参数,这里以旋转为例
    • 4. 保存模型
  • 效果展示
  • 在线地址

2023年4月19日更新—搞了一个 Cesium 镜像,欢迎使用:沙盒示例 和 API

最近项目使用 Cesium 加载三维模型(glb、gltf 格式),模型按照轨迹路线飞行移动的时候,发现模型角度不对,有的模型是反方向飞,有的模型是横着飞,从代码层面尝试一天,没有解决。

但是最终确定原因是 模型的坐标系-坐标轴问题,不同软件创建的模型,坐标轴可能不一致

Cesium 虽然可以随意调整模型角度,但是模型沿轨迹移动,是自动计算角度,目前未发现怎么调整,最终 使用软件重新调整模型的默认方向,来解决问题。

通过 Cesium 自带模型坐标系工具查看,可以发现显示行进方向跟头部不一致。

Cesium 三维球和模型坐标系介绍:Cesium应用篇-1.Cesium中的坐标系和坐标转换

本示例介绍 blender 软件,调整模型的格式有:Obj、glb、gltf。其他格式应该也一样,可自行尝试!

模型坐标轴展示

页面中增加 viewer.extend(Cesium.viewerCesiumInspectorMixin); 即可开启 Cesium 监测模型。

可以看到,图中小汽车,车头与红色坐标轴相反

因此,在使用 orientation: new Cesium.VelocityOrientationProperty(property) 自动计算角度的时候,车前进方向是反的(车会朝红色轴行进)

使用 blender 调整模型方向

1. 下载安装 blender

网盘链接:https://pan.baidu.com/s/1FfODE0FC-3lF7OIxFWNMeA

提取码:2jnn

安装很简单,对路径没有要求,直接下一步即可。

2. 打开blender,导入模型文件

  1. 打开软件,或者新建文件的时候,软件会自带默认模型,全选,右键删除

    如果想操作一下模型也可以,可以直接使用左右工具栏修改模型。

  2. 导入模型文件,支持:obj、glb、gltf 等,基本上支持大多数格式了。

    选择自己的对应模型格式。

    选择路径,选择模型。

    blender 加载模型。

3. 根据需要调整模型参数,这里以旋转为例

  1. 注意 左侧工具栏,包括平移、旋转、缩放 等。

  2. 全选模型,调整角度。

    注意 blender 左右功能区,笔者用到 旋转、坐标轴,其他的可以自己尝试。

    调整角度,这里将 模型调整 180°,方向即可纠正(根据自己模型的角度调整即可)。

    注意:可以 安装 shift 微调,或者按住 curl 定位 到大角度(比如45°,90°,180°)。

4. 保存模型

  1. 这里可以选择保存模型文件;或者直接 导出需要的模型

    保存模型文件,可以后边更方便修改操作,导出 glb

  2. 选择路径,填写模型名称,保存即可。

效果展示

在线地址

示例中展示了,两个 方向相反的小车、正向模型小车行进和反向模型小车行进

三维展示模型展示示例

Cesium 三维模型使用 blender 调整位置、坐标轴、比例等相关推荐

  1. html网页在指定位置嵌入表格,网页制作中表格的主要作用 网页制作中插入表格怎么调整位置...

    在网页设计中,表格有什么重要作用 1.当需要提交所有数据时,可以提交整个100个表,如果不使用表,可以逐个提交. 2.表格设计简洁美观,方形,与网页的设计非常一致. 3.网站其实是一个大版本的表格,数 ...

  2. Python Qt GUI设计:如何调整组件布局比例?(拓展篇—1)

    目录 1.Qt Designer调整组件布局比例 2.addStretch()函数调整组件布局比例 在一个布局容器中,有时可能需要调整各组件的显示比例,让界面达到更美观效果. 调整组件布局比例有两种办 ...

  3. Android 集成高德地图——当前定位,添加图标,画路线,设置显示中心位置,比例,地图刷新位置监听,判断GPS开启,去打开GPS

    /*** 判断定位服务是否开启** @param* @return true 表示开启*/ public static boolean isLocationEnabled(Context contex ...

  4. 企业微信聊天工具栏怎么开启?如何调整位置?

    企业微信作为一款聊天办公软件,聊天工具栏方便员工与客户聊天时快速查看客户信息.发送快捷回复等.企业微信聊天工具栏如何开启? 前言 企业微信作为一款移动办公软件,具有和微信一样的沟通体验,打开与客户的聊 ...

  5. Hive添加列、修改列(调整位置)、删除列操作等

    Hive添加列.修改列(调整位置).删除列操作等 张行之 2020-09-11 18:35:51 5433 收藏 18 分类专栏: 大数据 文章标签: 数据库 hive alter 版权 大数据 专栏 ...

  6. Visio 绘图完如何弄到word中调整位置

    (以Visio2010为例) 1.在Visio中如何绘制一个可输入文字的白色背景矩形? 2.绘制完如何输入文字? 双击边框 可进行输入文字 3-在Visio 中绘图完成如何应用到word中? 答案:直 ...

  7. typora插入图片调整位置

    typora图片左右位置调整 Typora图片左右位置调整 先看下默认情况 设置左对齐方式 任意左右偏移 Typora图片左右位置调整 我所使用的Typora插入图片后默认位置是居中对齐,但是图片太小 ...

  8. cesium入门(三)添加3D Tiles,并调整位置,贴地

    一.3D Tiles是什么 3D Tiles数据集以分块.分级渲染,将大数据量三维数据以分块.分层形式组织起来,可以大量减轻浏览器和GPU的负担,3D Tiles包括建筑物.树木.点云和矢量数据. 二 ...

  9. Cesium加载3dtiles并调整位置(调整高度、平移、旋转、缩放)

    效果展示 代码 平移模型核心代码 const _tx=tx?tx:0;const _ty=ty?ty:0;const _tz=tz?tz:0;const tempTranslation = new C ...

最新文章

  1. 这是你想象中的泳池美女吗?爱了吗?
  2. android handle 阻塞,Android全面解析之Handler机制:常见问题汇总
  3. Linux免设置路由端口映射,2014/04/01 演示中设置linux路由器、端口过滤的使用、路由设置...
  4. 数据库系列(二):数据库基础02
  5. vue中既可以选择又可以手动输入的文本框类型_在PPT中制作一个胖乎乎的可爱圆环图...
  6. jquery插件:图片截取工具jquery.imagecropper.js
  7. 2.14_AVL_tree_AVL树
  8. C#将DataGridView中的数据导出为EXCEL
  9. windows系统常用运行命令大全
  10. mysql 导出表结构或表数据的操作
  11. 软件备份(拷贝构造函数)
  12. RK3399 USB RNIDS/gagnet实战
  13. python、matplotlib画股票分时图、时间序列图的时候如何跳过没有数据的区域
  14. 戒指戴在不同的手指上代表的意思
  15. 两台计算机如何打印机共享打印机,多台电脑怎样共享一台打印机?方法就是这么简单!...
  16. mysql无法创建partition_mysql的partition分区
  17. 北京地铁线路色值颜色
  18. Spark入门学习交流—Spark生态圈
  19. CC2530基础实验:(2)外部中断控制LED亮灭
  20. 利用百度地图API获取地理编码

热门文章

  1. 例子4.7输出双精度数时的有效位数
  2. 2018 MAC安装CUDA、cuDNN(Gaming Box1070)
  3. 新品周刊 | 阿迪达斯推出防水保温羽绒派克外套;爱茉莉太平洋推出时妍露奢华抗皱护肤系列...
  4. 【License】SGI Free Software License B 2.0
  5. 解决Win系统找不到api-ms-win-core-timezone-l1-1-0.dll问题
  6. 京东、淘宝、饿了么的提升用户留存率技巧 | 推荐收藏
  7. 怎样给路由器设置密码
  8. 互联网动物园 - Logo 合集
  9. 《手机电池和快充》参数与选择
  10. EXCEL使用MID函数给一长串数据固定长度分行或者分列