ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

从零开始学习3D可视化之坐标系

2021-06-08 15:56:19  阅读:181  来源: 互联网

标签:obj 物体 从零开始 可视化 自身 坐标系 3D


1、 世界坐标系

2、 父物体坐标系

3、自身坐标系

要想控制一个3D可视化对象的空间位置,首先需要理解空间坐标系。在 ThingJS 开发平台中,使用右手坐标系,横轴为 X 轴和 Z 轴,竖轴为 Y 轴(ThingJS 获取的位置坐标 [x, y, z] 的单位均为米)。描述或控制一个3D可视化物体的位置,在不同情况下,会分别使用以下 3 套坐标系统:1、世界坐标系2、父物体坐标系3、自身坐标系。下面是我对于世界坐标系、父物体坐标系、自身坐标系的学习和自己的一些理解,如果有错误欢迎指正和讨论。

1a50defc8e6b269e18fc0b56af66bea1.png

1、世界坐标系

世界坐标系是系统的绝对坐标系,当3D可视化场景(注意不是指园区)创建后,在整个场景空间中标绘一个位置,此时场景空间的坐标系就是世界坐标系。

一个物体在世界坐标系下控制物体位置直接使用 position 属性,如:

obj.position = [10,0,10]

获取世界坐标系下的物体位置,也直接使用 position 属性,如:

console.log(obj.position)

2、父物体坐标系

父物体坐标系是指以父物体为中心的相对坐标系。举个例子:当在3D可视化场景中创建了园区,在园区内放置一个飞机,飞机是园区的子物体,我想在3D可视化园区的坐标系下,设置飞机的位置,这时使用的园区的坐标系,就是飞机的父物体坐标系。

一个物体要在父物体坐标系下设置或获取位置使用 localPosition 属性。

8b32a8bd0b69d6a5257866d45064061d.png

3、自身坐标系

以物体自身为中心的坐标系。有时候也会希望在以自身作为坐标系统下控制,比如,叉车向前走2米,就是在自身坐标系下设置坐标[0,0,2](物体自身的z轴正向,可以理解为是物体正面的方向,比如我们自己面部的朝向)。

一个物体在自身坐标系下控制位置使用如下接口:

obj.translate([0,0,2]);

正常情况下,子物体会随着父物体移动而一起移动,如果想控制子物体不随父物体移动,可通过设置子物体的 inheritPosition 属性为 false 而实现。

03e15984b2ff029baac1cffc31063df4.png

另外, ThingJS提供如下坐标转换的方法:

// 将输入的物体自身坐标系下坐标转换成世界坐标
obj.selfToWorld(pos)
// 将输入的世界坐标标转换成物体自身坐标系下坐标
obj.worldToSelf(pos)

我刚开始学习坐标系时,也感觉十分的头晕,我相信很多初学者和我一样,但仔细想想只不过是理解三个坐标系涵义以及坐标系的转换,理解了空间坐标系,就能达到控制3D可视化对象空间位置的目的了。


标签:obj,物体,从零开始,可视化,自身,坐标系,3D
来源: https://blog.51cto.com/u_15159105/2882885

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有