three.js制作全景漫游展示

three.js制作全景漫游展示

什么是全景漫游展示，就是720云的那种，还有各种街景那种。可以在一个点上下左右观看周围的场景。
做全景漫游比较好的工具是：krpano ，国内外很多全景软件和网站平台都是基于此工具开发的，效果很好，移动端兼容也不错。
而用three开发全景漫游，效果并不理想。也有一些开源的插件可以使用，比如：Photo Sphere Viewer。
Photo Sphere Viewer是一个基于three.js的JavaScript库，可以使用Photo Sphere渲染360°全景照片。

three开发全景的基本套路有两种，一种是用立方体盒子或者球体，一种是scene背景。
用立方体的时候 需要的是把全景图切成六个面的那种。
用球体可以直接使用2:1的全景图。由于球体的uv问题，制作的全景会有扭曲现象，不管网格多细，在底部和顶部依然可以看见扭曲。所以不建议采用球体。

看下面球体的uv和网格，你就明白了。