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

全景图切换性能实验图

three.js 实现全景以及优化(2)

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

three.js 实现全景以及优化(2)

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

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

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

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

上一篇:linux利用crontab添加定时任务详解


下一篇:利用django信号实现计数功能