Javascript 三张js全景查看器多分辨率图像

如何使用多分辨率图像实现三个js全景查看器，如pannellum:

当前代码在这里使用了三个.js:（

//codepen.io/w3core/pen/vEVWML

）

从等矩形图像到全景查看器

我遇到了高分辨率图像的问题，需要很长时间来渲染

当我寻找一些解决方案时，pannelum和Kprano通过加载多分辨率图像而不是单个图像解决了这个问题

所以我尝试加载多分辨率图像，而不是单一的等矩形图像

我在下面尝试的解决方案：

将单个等矩形图像转换为低分辨率6立方贴图图像

并按此示例渲染这些图像。 （）

如果放大任何立方体贴图图像，我需要渲染另一个中等分辨率的图像

点击此处

如何处理下面的事情

如何在缩放时渲染下一级分辨率图像

在下面的示例缩放图像

我已将缩放设置为0级，但无法进行渲染缩放1、2、3等

缩放：0（低分辨率立方体地图正面图像的示例）

缩放：1（缩放时，需要渲染下一组中等分辨率的平铺正面图像，如下所示）

缩放：3（进一步缩放时，需要渲染下一组高分辨率瓷砖正面图像，如下所示）

---

缩放：4（缩放时，需要渲染下一组非常高分辨率的瓷砖正面图像，如下图所示）

请查看。感谢@pvg链接。现在请看一下我的问题。@AndiAR问题解决了吗？没有。@imudin07如果有人解决了，请通知我

var materials = [
    loadTexture('px.jpg'), // right
    loadTexture('nx.jpg'), // left
    loadTexture('py.jpg'), // top
    loadTexture('ny.jpg'), // bottom
    loadTexture('pz.jpg'), // back
    loadTexture('nz.jpg')  // front
];
mesh = new THREE.Mesh(new THREE.BoxGeometry(300, 300, 300, 7, 7, 7), materials);
mesh.scale.x = -1;
scene.add(mesh);