- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
请耐心听我说,我在矩阵数学方面真的很糟糕。我有一个图层,当手机旋转到其他姿态时,我希望在引用姿态上保持重力“静止”。我有一个运行良好的运动管理器,在当前姿态上使用multiplyByInverseOfAttitude,并使用CMRotationMatrix将生成的增量作为旋转应用到我的图层(对俯仰、滚动和偏航进行单独的CATransform3DRotates会导致轴附近相当大的古怪)。它基本上是受到代码 like this example 的启发。 .
在将旋转应用到图层之前,我将其与另一个变换连接起来以应用 m34 透视技巧。
[attitude multiplyByInverseOfAttitude:referenceAttitude];
CATransform3D t = CATransform3DIdentity;
CMRotationMatrix r = attitude.rotationMatrix;
t.m11=r.m11; t.m12=r.m12; t.m13=r.m13; t.m14=0;
t.m21=r.m21; t.m22=r.m22; t.m23=r.m23; t.m24=0;
t.m31=r.m31; t.m32=r.m32; t.m33=r.m33; t.m34=0;
t.m41=0; t.m42=0; t.m43=0; t.m44=1;
CATransform3D perspectiveTransform = CATransform3DIdentity;
perspectiveTransform.m34 = 1.0 / -650;
t = CATransform3DConcat(t, perspectiveTransform);
myUIImageView.layer.transform = t;
结果很漂亮,并且像您期望的那样工作,当我移动手机时,该层在重力作用下保持静止,除了单个轴(即 y 轴);将手机平放并滚动,该层会沿手机所在方向滚动两次,而不是保持静止。
我不知道为什么在应用multiplyByInverseOfAttitude后,这个一个轴移动错误,而另一个轴移动正确。当对俯仰、偏航、滚动使用单独的 CATransform3DRotates 时,我可以通过将滚动向量乘以 -1 来轻松纠正问题,但我不知道如何将其应用于旋转矩阵。显然,只有在将视角引入方程后,问题才会显现出来,所以也许我做错了。反转我的 m34 值可以修复滚动,但会在球场上产生相同的问题。我要么需要弄清楚为什么该轴上的旋转是向后的,通过我的矩阵反转该轴上的旋转,或者以某种方式纠正透视。
最佳答案
您必须考虑以下因素:
CMRotationMatrix
需要转置 ( http://en.wikipedia.org/wiki/Transpose ),这意味着交换列和行。CATransform3DIdentity
,因为您将覆盖每个值,因此您可以从空矩阵开始。如果您想使用 CATransform3DIdentity,您可以省略设置 0 和 1,因为它们已经被定义。 (CATransform3DIdentity
是一个单位矩阵,请参阅 http://en.wikipedia.org/wiki/Identity_matrix )对您的代码进行以下更改:
CMRotationMatrix r = attitude.rotationMatrix;
CATransform3D t;
t.m11=r.m11; t.m12=r.m21; t.m13=r.m31; t.m14=0;
t.m21=r.m12; t.m22=r.m22; t.m23=r.m32; t.m24=0;
t.m31=r.m13; t.m32=r.m23; t.m33=r.m33; t.m34=0;
t.m41=0; t.m42=0; t.m43=0; t.m44=1;
CATransform3D perspectiveTransform = CATransform3DIdentity;
perspectiveTransform.m34 = 1.0 / -650;
t = CATransform3DConcat(t, perspectiveTransform);
t = CATransform3DConcat(t, CATransform3DMakeScale(1.0, -1.0, 1.0));
或者,将 t 设置为 CATransform3DIdentity
,只需保留 0 和 1:
...
CATransform3D t = CATransform3DIdentity;
t.m11=r.m11; t.m12=r.m21; t.m13=r.m31;
t.m21=r.m12; t.m22=r.m22; t.m23=r.m32;
t.m31=r.m13; t.m32=r.m23; t.m33=r.m33;
....
关于ios - 反转 CMRotationMatrix 的一个单轴的旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14361474/
这里是 D3 的全新内容...我正在尝试构建一个具有装箱和缩放功能的单轴时间轴。我有一个概念验证工作没有装箱: const data = [ { assessment_date: "201
我是一名优秀的程序员,十分优秀!