hanyeah

最近研究了一下腾讯soso街景地图，类似的展示项目用的已经很多了，尤其是在装修展示、旅游景点展示方面。

北京某公司的成功案例展示：http://www.345ok.net/demo/ly/

1、天空盒实现

一般做这种720°展示，用的最多的是天空盒，就是一个正方体，内部6面贴图，相机在中间，然后可以旋转相机，相机移动的时候，盒子也会跟着移动，所以永远无法移出盒子，和“天圆地方”类似，不过这个天是方的而已。

天空盒是3D里边很基础的一种模型。3D游戏里边常用来做远景。

这种方法做起来很简单，程序方面没有什么难点，只需要处理好6个面的贴图就可以了。效果如下，鼠标拖动可以变换视角，鼠标点击可以切换场景。

参考：http://www.cnblogs.com/hisiqi/archive/2013/03/09/2951641.html

2、球形实现

soso街景地图中用的是球形贴图，贴图如下：

只需要将上面的图贴到一个球形上面（要贴到内面上，因为摄像机要放在球里面），摄像机放在球的中心，就能看到在soso地图中看到的效果了。效果如下（图片素材比较小，效果不太好）：

一般用于在线展示，都要考虑加载速度，场景较少的还可以做一个进度条，等加载完素材再开始展示，但是像街景地图这种，就只能是实时加载了。

当我们在地图中点击前进或者后退时，需要切换场景，其实就是换个贴图。soso地图中会有一个模糊的效果，然后切换的下一个场景。其实是先加载了一张缩略图，贴到球上，然后在加载实际的大贴图。而且球形贴图不是一次全部加载的，而是分成了许多小块，先加载当前显示的部分，其他等用到的时候再加载。soso地图是将贴图分割成了4*8=32块儿。根据摄像机的角度，来判断需要加载的图块儿。

3D全景视频：http://chinapano.com/article/49.htm

源码打包下载