Games101笔记-二维Transform变换(二)

1、什么是Transform

Transform就是通过一个矩阵,进行缩放、旋转、平移等变换

2、缩放、旋转、切变、平移等基础变换

缩放变换:

反射变换:

切变:

绕原点旋转:

以上都是线性变换:

平移变换:是非线性变换

3、齐次坐标

目标是将所有的变化(主要是平移)都写成矩阵相乘的形式

将变换矩阵增加1列,将向量增加1行,从而实现平移操作

向量具有平移不变性,所以在xy后面增加的是0

点平移是有效的,所以在xy后面增加的是1

点和向量计算结果是点还是向量,也满足上述矩阵计算特性

4、常见变换矩阵

5、矩阵逆变换

通过矩阵M变成1个样子,通过矩阵M的逆可以再变回原样,称之为逆变换

6、变换的顺序很重要

先旋转再平移与先平移再旋转,得到的结果不一样

矩阵的计算是从右向左应用

相关推荐
放逐者-保持本心,方可放逐1 个月前
css 布局及动画应用(flex+transform+transition+animation)
前端·css·transform·animation·flex·transition·transgorm
一雨方知深秋1 个月前
移动 web :平面转换,渐变
css·transform·translate·transform实现盒子居中·opacity设置遮罩不可见·bgs设置图大小·transition过渡效果
tangfuling19914 个月前
Games101笔记-三维Transform变换(三)
笔记·transform·三维变换
最笨的羊羊4 个月前
Flink CDC系列之:学习理解核心概念——Transform
transform·flink cdc系列·学习理解核心概念
且听真言4 个月前
Flutter Transform 学习
transform·scale·translate·rotate·skewy
流烟默4 个月前
CSS 鼠标悬停时让父元素和子元素以不同的方式进行变换
前端·css·transform
xcg3401235 个月前
使用transform对html的video播放器窗口放大
html·transform·video缩放
atwdy9 个月前
【hive】transform脚本
hive·hadoop·transform·udf
zaizai10071 年前
GAMES101 学习 2
games101