请问各位大哥如何利用html5实现带重力感应的全景图

Question

请问如何实现360*360的重力感应全景图，随着手机的摆动图片可以旋转，有什么插件推介或方法推介一下！

Answer 1

window.DeviceOrientationEvent
window.DeviceMotionEvent
js提供了两种监测设备移动的API，通过他们可以获得设备的相对移动，旋转，指向，以及海拔，加速度等信息。有了这些，剩下的就是一些空间坐标变换的问题了。
具体两个api的用法可以百度。 (＾Ｕ＾)ノ~ＹＯ

Answer 2

https://github.com/shrekshrek...
拿走不谢，这个插件在淘宝造物节的页面中使用到，你可以参考

Answer 3

我做了一个展示全景图的站点，用了PhotoSphereViewer插件的重力感应功能，请看这里：
PhotoSphereViewer+DeviceOrientationControl.js开发全景图交互网站

这里是站点url：
爱享全景-发现360°的美