认识3D旋转变换矩阵
前文输出了cesium的Rotation变量,一个矩阵;把这矩阵写下来看下;
0.99939 -0.034899 0 0
0.034899 0.99939 0 0
0 0 1 0
0 0 0 1
看一下3D数学的相关描述;
方位和角位移
不能用绝对坐标来描述物体的 位置 ,要描述物体的 位置 ,必须把物体放置于特定的参考系中。
描述 位置 实际上就是描述相对于给定参考点(通常是坐标系的原点)的 位移 。
描述物体 方位 时,也不能使用绝对量。
与位置只是相对已知点的位移一样,方位是通过于相对已知方位(通常称为“单位”方位或“源”方位)的旋转来描述的。
旋转的量称作角位移。
在数学上描述 方位 就等价与描述 角位移 。
方位:
表示的是一种静态的状态;
当用矩阵表示方位时,此时矩阵表示的是一个“点”,而该点的坐标就是原点进行矩阵表示的旋转之后所在的地方。即描述 方位 实际上就是描述相对于给定参考点(通常是坐标系的原点)的 角位移 。
角位移:
表示的是一种动态的过程;
当用矩阵表示角位移时,旋转变换的量即是角位移。
具体来说,我们用矩阵和四元数来表示“角位移”,用欧拉角来表示“方位”。
矩阵形式--用矩阵描述旋转变换
3D 中,描述坐标系中 方位 的一种方法就是列出这个坐标系的 基向量 ,而这些基向量是相对于其他坐标系进行描述的。
这些基向量构成一个 3 × 3 矩阵,然后就能用矩阵形式来描述 方位 。
换言之,能用一个 旋转矩阵 来描述这两个坐标系之间的相对方位,这个旋转矩阵用于把一个坐标系中的向量转换到另一个坐标系中。
看了一下,如下图;有三种情况的旋转矩阵,分别是绕不同的轴旋转,其需要的矩阵不一样;
上面的矩阵应该是绕Z轴旋转;只是多了最后一行最后一列;如果去除最后一行一列就是如下;
0.99939 -0.034899 0
0.034899 0.99939 0
0 0 1
这就和前面绕Z轴旋转的矩阵一样;
因为最后一行一列是 0 0 0 1;乘上去是不是一样;
认识3D旋转变换矩阵相关推荐
- 沿着x轴旋转的html例子,CSS3旋转实例学习(附3D旋转实例)
我们都有在网页上见过一些交互性的效果,比如用鼠标滑向图标或是按钮的时候,图标会自动旋转一周,这就是CSS3旋转效果.在CSS3中有个常见的transform应用,transform主要包括以下几种:旋 ...
- HTML5 3D旋转图片相册
H5旋转3D相册,鼠标放置暂停,图片灰度级为0,有放大效果. 该实例运用H5和CSS3动画效果,未用javascript.提高了本人对CSS3 新属性的了解及掌握. 完整代码如下: <!DOCT ...
- 3d旋转相册代码源码_如何使用CSS开发精美3D旋转相册?
借助CSS所提供的animation动画属性及2D.3D变换属性,我们可以摆脱对JavaScript的依赖,设计开发各类效果优秀的前端动态效果,在之前文章和视频中我们也介绍了不少基于CSS与JavaS ...
- 【CSS3进阶】酷炫的3D旋转透视
之前学习 react+webpack ,偶然路过 webpack 官网 ,看到顶部的 LOGO ,就很感兴趣. 最近觉得自己 CSS3 过于薄弱,想着深入学习一番,遂以这个 LOGO 为切入口,好好研 ...
- HTML5一个浪漫的程序猿:3D旋转爱心表白神器思路源码视频
源码/视频评论后加前端学习群470593776 javascript课题:3D旋转爱心表白神器 知识点:CSS3变换.3D场景运用,3D立方体制作技巧,爱心制作技巧, 原生js DOM操作,逻辑思维锻 ...
- 从几何与代数的角度推算坐标旋转变换矩阵(以2维为例)
坐标旋转变换矩阵,大家都不陌生.我也常常使用,但是经常不确定每个元素的位置是否正确.以下从几何和代数的角度再推一边,方便自己以后来看. 以下是本文要用到的图,图中所示了两个坐标系OXY, oxy,及1 ...
- 3d旋转相册代码源码_原生 JS 实现 3D 立方体
访问该URL可查看效果:http://is666a.gitee.io/javascript3d_cube/ 项目源码已上传码云:小朋友/JavaScript 3D立方体 原生 JS 实现 3D 立方体 ...
- php 图片 3d旋转图片,html5实现图片的3D旋转效果
我们先来看一下实现效果: (学习视频分享:html视频教程) H5旋转3D相册,鼠标放置暂停,图片灰度级为0,有放大效果. 该实例运用H5和CSS3动画效果,未用javascript.提高了本人对CS ...
- CSS3动画大全(附源码)flex布局,grid布局3d旋转,图像模糊,文字发光
CSS3动画大全(附源码)3d旋转,图像模糊,文字发光! 文章目录 CSS3动画大全(附源码)3d旋转,图像模糊,文字发光! html代码 css grid布局 flex布局 文字发光 & 图 ...
最新文章
- Sql Server 性能分析4 –数据库大小,数据库表大小综合性分析报表输出
- 关于搭建php电商环境时缺少fileinfo、数据库安装出错问题解决办法
- JSP页面和产品明细页面的绑定关系在Hybris WCMS cockpit什么地方能够找到
- linux命令中xargs,在Linux上使用xargs命令的详细教程
- ios开发 方形到圆的动画_使用UIBezierPath画个圆动画
- 数据库中存储引擎 myISAM 与 innoDB 比较
- ESP8266串口WiFi模块基本使用方法和配置教程
- oracle 英文 简历,免费英文简历范文模板
- fgo服务器维护中,FGO维护更新公告 更新内容一览
- Mac电脑如何录制视频?三种录制流视频的方法带给大家
- 有了这些网站,让你有看不完的好电影!
- 哈工大操作系统学习笔记十——信号量与死锁
- Windows系统与debian系统双系统安装
- Mysql数据库存储ip地址
- 玩于鼓掌之中的小老虎机——Tiny Tiger Machine
- 链游系列 Decentraland / MANA 项目玩法解析
- Unity 自定义圆形图片
- scrapy爬取豆瓣电影信息
- IOS学习之路二十四(custom 漂亮的UIColor)
- String工具类(半角-全角转换)