Textura 3D no WebGL / three.js usando solução alternativa de textura 2D?
Gostaria de usar algumas texturas 3D para objetos que estou renderizando no WebGL. Atualmente, estou usando o seguinte método em um shader de fragmento, conforme sugerido emDiferenças WebGL e OpenGL:
// tex is a texture with each slice of the cube placed horizontally across the texture.
// texCoord is a 3d texture coord
// size is the size if the cube in pixels.
vec4 sampleAs3DTexture(sampler2D tex, vec3 texCoord, float size) {
float sliceSize = 1.0 / size; // space of 1 slice
float slicePixelSize = sliceSize / size; // space of 1 pixel
float sliceInnerSize = slicePixelSize * (size - 1.0); // space of size pixels
float zSlice0 = min(floor(texCoord.z * size), size - 1.0);
float zSlice1 = min(zSlice0 + 1.0, size - 1.0);
float xOffset = slicePixelSize * 0.5 + texCoord.x * sliceInnerSize;
float s0 = xOffset + (zSlice0 * sliceSize);
float s1 = xOffset + (zSlice1 * sliceSize);
vec4 slice0Color = texture2D(tex, vec2(s0, texCoord.y));
vec4 slice1Color = texture2D(tex, vec2(s1, texCoord.y));
float zOffset = mod(texCoord.z * size, 1.0);
return mix(slice0Color, slice1Color, zOffset);
}
O problema é que a maior textura 3D que posso usar é 64x64x64 (já que a largura máxima da textura 2D é 4096 = 64 * 64). Gostaria de tentar usar texturas maiores, se possível, por isso, gostaria de ver se alguém tem sugestões para o uso de texturas 3D de alta resolução com uma solução semelhante. Presumivelmente, eu deveria ser capaz de organizar a textura 2D de forma que as fatias 3D sejam organizadas horizontal e verticalmente, mas meu google-fu não conseguiu encontrar uma solução viável até agora.