使用陀螺仪实现王者荣耀首页效果(5毛特效版)



只是看到王者荣耀启动页面有点意思,就特意分析了下其中原理,人物会动是因为3d建模,可能是opengl es吧,太高端,跳过。利用陀螺仪来弄下翻转手机可以调整人物和背景的移动还是可以玩玩的。


陀螺仪原理可以看看这篇文章,某大神写的,很详细了:http://www.cnblogs.com/wayne23/p/3671101.html


以下方法是获取当前陀螺仪监听到的数据

            self.motionManager.startDeviceMotionUpdates(to: OperationQueue.main, withHandler: { (motion, error) in

//这里我们可以获取到三个欧拉角 (roll, pitch, yaw)

                //let pitchDegress = (motion?.attitude.pitch)! * (180 / M_PI)

            })


  关于三个欧拉角的概念,偷一下以上大神的图:

Yaw的运动状态:

使用陀螺仪实现王者荣耀首页效果(5毛特效版)


Pitch的运动状态:

使用陀螺仪实现王者荣耀首页效果(5毛特效版)


Roll的运动状态:

使用陀螺仪实现王者荣耀首页效果(5毛特效版)


调中的具体方法:

使用陀螺仪实现王者荣耀首页效果(5毛特效版)