three.js 实现全景以及优化（2）

继昨天全景实现后,再做了一个全景图切换实验;

code:https://github.com/Thinkia/threejs_/blob/master/test/test1-panorama/index2.html

demo:https://thinkia.github.io/threejs_/test/test1-panorama/index2.html

 

全景图切换性能实验图

 

Cpu响应时间消耗主要是两个全景图的切换过程中;

 

主要资源是图片资源的优化;

 于是我试了了几个优化方案

1. 图片切割解码后用canvas拼接
2. Js,css 等压缩
3. 把图片格式转换为webp；

还有一种canvas缓存的暂时还未实验