html5 - 重力感应全景图到底怎么做啊？表示搞不出来。

问题描述

问 题

http://www.digitaling.com/articles/26146.html?utm_source=tuicool&utm_medium=referral

像这一种的重力感应全景图怎么做啊？
我没有做出来。请问哪位有相似的源码吗？
指点下也行啊？

解决方案

淘宝的那个源码提供了 css3d + ori 的解决方案
他不是立方全景图的处理方式,具体细节看源码吧.

立方全景图方案

• 720yun.com

• Three.js + CSS3DRenderer +自带重力感应

• Three.js + CanvasRenderer + orienter.js

• CSS3D :基于淘宝造物节源码提供的开源项目 orienter.js 和 CSS3D引擎

推荐
Three.js 方案 Three.js + WebGLRenderer/CSS3DRenderer + orienter.js

• 优雅降级

• WebGL -> CSS3D

• IOS 8.0以上支持 WebGL

• Android 5.0 以上支持 WebGL

这篇关于html5 - 重力感应全景图到底怎么做啊？表示搞不出来。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！