今天，看了淘宝双十一VR邀请函（http://tmall1111.im20.com.cn/index.html/http://www.jiawin.com/tmall-1111-vr-h5）顿时觉得眼前一亮，对于应用H5技术可以做出如此炫酷的效果表示震惊。那么，这个来源于VML 互动营销公司的作品都应用了哪些H5技术，引发深思。通过搜索信息，对于了解及学习做如下记录与总结：
1、Web GL(web graphics library) 3D绘图标准
WebGL 技术允许把 JavaScript 和 OpenGL ES 2.0 结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定，WebGL 可以为 HTML5 Canvas 元素提供硬件 3D 加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。而three.js是一款webGL框架，由于其易用性被广泛应用。如果要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。
（1）令人震惊的示例：http://www.open-open.com/news/view/9d8136/;
（2）学习资源：
http://www.ituring.com.cn/minibook/792；
博客学习：http://www.cnblogs.com/shawn-xie/archive/2012/08/16/2642553.html；
2、tween.js
摄像头的前后移动就是通过我们手指滑动来实现的，这里它用到了 jstween 这个库做一些缓动效果，使整体体验更加绵滑。
http://www.htmleaf.com/Demo/201501271285.html
3、使用 Webpack 打包，整站图片资源用的都是 base64（一种编码格式），网站体积压缩
4、手机陀螺仪，效果就是视角跟着手机的方位一起变化
