WEBGL_compressed_texture_etc extension

WEBGL_compressed_texture_etc ist eine Erweiterung der WebGL-API. Mit ihr lädt man Texturen im Format ETC2 (Farbe, optional mit Alpha) und EAC (ein- oder zweikanalige Daten wie Höhenkarten, Masken oder Normalen) direkt auf die GPU. OpenGL ES 3.0 schreibt diese Formate vor. Deshalb dekodiert praktisch jede mobile GPU sie in Hardware. Die Daten bleiben auch im Grafikspeicher komprimiert. Das spart VRAM und Speicherbandbreite und verkürzt die Ladezeit, weil im Browser nichts dekodiert werden muss.

Man holt die Erweiterung mit gl.getExtension("WEBGL_compressed_texture_etc"). Das zurückgegebene Objekt hat keine Methoden, sondern nur zehn Konstanten (GLenum). Diese übergibt man als internalformat an compressedTexImage2D() oder compressedTexSubImage2D(). In WebGL 2 funktionieren sie zusätzlich mit texStorage2D(), texStorage3D(), compressedTexImage3D() und compressedTexSubImage3D(). Auch in WebGL 2 gehören die Formate nicht zum Kern. Die Erweiterung muss man also immer ausdrücklich aktivieren.

Alle Formate speichern Blöcke von 4×4 Pixeln. Die erwartete Datengröße einer Mip-Stufe ist Math.ceil(breite / 4) * Math.ceil(hoehe / 4) * blockBytes. 8 Byte pro Block brauchen R11_EAC, SIGNED_R11_EAC, RGB8_ETC2, SRGB8_ETC2 und die beiden PUNCHTHROUGH_ALPHA1-Varianten. 16 Byte pro Block brauchen RG11_EAC, SIGNED_RG11_EAC, RGBA8_ETC2_EAC und SRGB8_ALPHA8_ETC2_EAC.

Typischerweise nutzt man die Erweiterung als einen von mehreren Pfaden, je nach verfügbarem Format: ETC2 für Android und iOS, S3TC/BPTC für Desktop, ASTC als modernen Allrounder. Die Daten erzeugt man vorab mit Werkzeugen wie etcpak, PVRTexTool oder toktx (KTX2/Basis Universal).