Search code examples
javascriptthree.jswebgl360-panorama

Three.JS and WebGL texture automatic resize

I need some help to solve a problem :) I use Three.JS to display very high quality equirectangular images into a sphere (20000x10000 pixels). The quality is very important for my webapp, and there is no consideration about bandwidth here. My problem is that ThreeJS resize images because WebGL MaxTextureSize limit is exceeded. Is there a way to pass through this limit ? Maybe by cutting textures into several parts ? Which is the best way to do this ?

Thanks you, have a good day !

Alex

Solution

  • Look at this : http://glayve.com/relief/verdon.html It's better to divide, you can play more with individual faces.

    You just have to set.position(x,y,z) and set.rotation(x,y,z) of individuals faces according to the 24 plans sizes.