In my project, I am attempting to showcase a panorama using cubemaps by initially loading and displaying 6 low-quality images on the cubemap. Achieving this can be easily done through the following code:
var urls = [
'path/to/low-q-pos-x.png',
'path/to/low-q-neg-x.png',
'path/to/low-q-pos-y.png',
'path/to/low-q-neg-y.png',
'path/to/low-q-pos-z.png',
'path/to/low-q-neg-z.png'
],
cubemap = THREE.ImageUtils.loadTextureCube(urls);
Afterwards, the goal is to load the higher quality versions of the 6 images. The challenge lies in dynamically replacing the lower quality images with their higher quality counterparts as soon as they are loaded, creating a seamless transition. While using loadTextureCube again for each higher quality image is one approach, I am curious if there is a more efficient way to directly replace the cube faces.