在iPhone上使用CoreMotion/DeviceMotion模拟图像浮动效果

Question

我在 ViewController 中有一系列图像。

我通过转换它们的各个图层来“浮动”它们：

img.layer.transform = CATransform3DMakeTranslation(0.0f, 0.0f, myZ);

这给出了使图层浮动在屏幕上方的效果 - 在模拟器中，不会有可见的效果（这是正确的）。

我想要做的是产生这样的效果：向左/向右/向前/或向后移动设备会使其看起来微妙地像是浮动的。当您向左倾斜设备时，整个视图应该向右倾斜。这会让你感觉移动设备可以让你看到角落周围——也就是说，它会给人一种图像确实漂浮在屏幕上方的感觉，因为它们会以不同的速率移动（基于它们的 z 索引）。

我制作了一个测试项目（此处的项目文件），其中有一个演示此项目的示例项目。

我的问题是我不是数学家，所以我正在努力寻找模拟微妙浮动效果的最佳方法。现在，我有一个 DeviceMotion 的侦听器，然后它会执行以下操作：

self.view.layer.sublayerTransform = CATransform3DMakeRotation(20.0f * M_PI / 180.0f, 2*motion.attitude.pitch, -2*motion.attitude.roll, 0);

这非常接近我想要的，但并不完全正确。

我认为这种效果可以用于许多不同的应用程序。我希望将其扩展到朋友和我正在研究的面部检测方面（这样它就会根据人脸的运动来移动父母的视图 - 即使他们保持手机/设备完全静止）。

我意识到我会让人们回答“只使用 OpenGL”。这不是我需要的答案 - 除非您发布一段代码来展示如何将其集成到该项目中。 （我不是在寻找要解决的新问题。:-)

再说一遍，完整的项目在这里（iphone 浮动视图）对于任何想要看到现在效果的人来说。 （当它起作用时，我将把完整的（工作）项目链接到这里供后代使用。）

Answer 1

我想我已经得到了这个！使用这个：

    [appDelegate.motionManager startDeviceMotionUpdatesToQueue:[NSOperationQueue currentQueue]
                                                   withHandler:
     ^(CMDeviceMotion *motion, NSError *error) {

         CATransform3D transform;
         transform = CATransform3DMakeRotation(motion.attitude.pitch, 1, 0, 0);
         transform = CATransform3DRotate(transform, motion.attitude.roll, 0, 1, 0);

         self.view.layer.sublayerTransform = transform;
     }];

对我来说就像魅力一样，如果你想翻转轴，只需在那些 1 前面添加减号即可。