这是基于three.js+photo-sphere-viewer.js 全景图场景切换

这是基于three.js+photo-sphere-viewer.js 全景图场景切换

效果图 ：http://122.51.121.122:8066/szovo
csdn下载链接： https://download.youkuaiyun.com/download/qq_40322724/15116869
github下载链接： https://github.com/skillyu/vr-

起因很简单，公司做宣传想要做全景图，正好我会些three.js，然后这个任务就交到我这里来了。经过我一段时间的调研发现现在市面上一些公司主营业务就是全景图展示。他们所用的技术基本是基于成熟的一款付费插件制作。所以我就选择了three.js+photo-sphere-viewer.js 实现全景图效果
我们先来了解一下Photo Sphere Viewer，它是一款基于Three.js的360X180度全景图预览js插件。该js插件可以360度旋转查看全景图，也可以上下180度查看图片。使用该插件的唯一要求是浏览器支持canvas或WebGL。
Photo Sphere Viewer是纯JS，并且基于Three.js，允许在支持HTML Canvas的其他系统上支持WebGL系统（最新浏览器）以及相当不错的表现。它也可以与触摸屏一起工作！

1、使用该全景图插件时要引入three.min.js和photo-sphere-viewer.min.js文件。