javascript - 在 three.js 中加载高质量图像时浏览器崩溃？

Question

我想上传球体几何尺寸最小为 75 MB 的 360 度图像。但是加载时间太长，有时chrome浏览器会死机，需要重启浏览器。

我尝试使用球体缓冲区几何而不是球体几何。

      const geometry = new THREE.SphereBufferGeometry( 500, 60, 40 );
      geometry.scale( - 1, 1, 1 );
      const loader = new THREE.TextureLoader();
        loader.load(`fileUrl`,
            texture => {
                const sphereMaterial = new THREE.MeshBasicMaterial({
                    map: texture,
                    transparent: true,
                    opacity: 1
                });
                const sphereMesh = new THREE.Mesh( geometry, sphereMaterial );
                sphereMesh.name = 'Mesh1';
                sphereMesh.material.side =  THREE.DoubleSide;
                scene.add(sphereMesh);
            },
            xhr => {
                console.log(`${objectJson.url}` + ' ' + (xhr.loaded / xhr.total * 100) + '% loaded');
            },
            xhr => {
                reject(new Error(xhr + 'An error occurred loading while loading: ' + `${objectJson.url}`));
            }
            );
        });
  }

加载 73 mb 的文件需要太多时间，如果要在同一功能中加载的多个文件浏览器崩溃或挂起，直到重新启动。