flutter布局-5-Matrix4矩阵变换

更新时间:2023-06-04 13:43:05 阅读: 评论:0

scale.png
上⾯的值红框的宽⾼都是80,⾥⾯的⼩框宽⾼都是30,缩放的时间这样更能体现两个的相对位置。具体的使⽤⽅法或者值,⼤家可以仔细看下上⾯的图⽚。
Z轴的变化在平⾯⼿机上看不出效果,后⾯我们在做旋转的时间可以具体看下z轴的变化。
缩放有以下⼏种写法:
举个例⼦:向x轴正向放⼤2倍。
1. Matrix4.diagonal3Values(2, 1, 1)
2. Matrix4.diagonal3(v.Vector3(2, 1, 1))
3. Matrix
4.diagonal3(v.Vector3.array([2, 1, 1]))
杨洋图片高清4. Matrix4(2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
上述三种写法都表⽰向x轴正⽅向移动30个单位距离。
第2、3两中写法是⽤三维向量表⽰的,但是需要导⼊向量包
铬的化学符号
import 'package:vector_math/vector_math_64.dart' as v;
第4中写法是4*4的矩阵写法:
其中矩阵的第1、6、11个值分别代表的是x轴缩放、y轴缩放、z轴缩放
香港沙田2、transform: 移动
transform.png
表⽰平移的距离,分别沿x,y,z三个⽅向,
x轴正向向右,
你是谁英语
y轴正向向下,
z轴正向从屏幕朝上,
正值表⽰正向移动,负值表⽰负向移动,
其中z轴移动在平⾯上⽆法看出⼩错
移动有以下⼏种写法:
举个例⼦:向右移动30个单位的距离。
1. anslationValues(30, 0, 0)
2. anslation(v.Vector3(30, 0, 0))
3. Matrix
4. Matrix4(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 0, 0, 1)
济南趵突泉
上述三种写法都表⽰向x轴正⽅向移动30个单位距离。
第2、3两中写法是⽤三维向量表⽰的,但是需要导⼊向量包
import 'package:vector_math/vector_math_64.dart' as v;
第4中写法是4*4的矩阵写法:
东北家常菜
其中矩阵的第13、14、15个值分别代表的是x轴平移、y轴平移、z轴平移3、rotationZ:绕Z轴旋转
rotationZ.png
绕着Z轴旋转,正向是顺时针,负向是逆时针,
正向也就是从x轴正向往y轴正向旋转
两种写法:
1. ationZ(pi / 6) , 参数是弧度
2. Matrix4(cos(pi / 6), sin(pi / 6), 0, 0,-sin(pi / 6), cos(pi / 6), 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) , 参数是弧度。
也就是改变 1、2、5、6这个4个值
其中1、6的值相同,为cos值
2、5相反,2位sin值,5为-sin值
4、rotationX:绕X轴旋转
rotationX.png
绕着X轴旋转,正向是顺时针,负向是逆时针,
正向也就是从y轴正向往z轴正向旋转
师德师风工作总结
两种写法:
1. ationX(pi / 6) , 参数是弧度
2. Matrix4(1, 0, 0, 0, 0, cos(pi / 6), sin(pi / 6), 0, 0, -sin(pi / 6), cos(pi / 6), 0, 0, 0, 0, 1) , 参数是弧度。
也就是改变 6、7、10、11这个4个值
矩阵的6 cos(pi/6), 7的值 sin(pi/6), 10的值 -sin(pi/6), 11的值 cos(pi/6)
神农宫5、rotationY:绕Y轴旋转

本文发布于:2023-06-04 13:43:05,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/860654.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:移动   顺时针   时间   缩放   向量   写法   单位   距离
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图