threejs 生成全景时性能问题

[xiaoming1992]

我正在用 threejs 模拟kapano, 及其blending-demo.

基本思路是先加载一个缩略图, 贴到 box 上, 然后逐步加载切割好的立方贴图, 并将之用ctx.drawImage()添加到 box 上.

现在碰到的问题是:

1. drawImage的性能问题: 本地测试, 所有小块的高清大图一起加载时, 页面明显卡顿, 应该是同时执行drawImage导致的, 当网络质量不好, 图片慢慢地逐张加载时, 卡顿明显减弱。那么, 如果不用drawImage, 还能怎么做呢?
2. 图片清晰度问题: 我大致看了下 krpano 的切图配置, 并使用 python/pillow 切图, 使用的主要方法如下

# 生成缩略图, 设置二次采样
img = im.resize(w, h, resample=Image.LANCZOS);

# ...

# 保存图片, 甚至我设置保存质量为 88, 竟比不过 krpano 里面图片质量 82 的清晰度, krpano 是有什么额外的算法吗？
img.save(..., quality=88, optimize=True, subsampling=1, progressive=False)

krpano 1.8M 总图片的清晰度, 我的 3.3M 的总图片尺寸与之相比有较大差距, 将近需要 8M 时清晰度才能相等。这太夸张了, 我对图片处理可以说一窍不通, 有大佬指点下吗？