Skip to content

RGBA64U texture format #1534

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
RblSb wants to merge 4 commits into
base: main
Choose a base branch
from
Open

RGBA64U texture format #1534

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
c50db75
RGBA64U texture format
RblSb May 4, 2026
bd912e3
missing cases
RblSb May 4, 2026
a6deb75
do it like in hxcpp
RblSb May 4, 2026
3486ef9
render targets
RblSb May 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions Backends/HTML5-Worker/kha/Image.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,6 +109,8 @@ class Image implements Canvas implements Resource {
bytes = Bytes.alloc(2 * width * height);
case RGBA64:
bytes = Bytes.alloc(8 * width * height);
case RGBA64U:
bytes = Bytes.alloc(8 * width * height);
case A32:
bytes = Bytes.alloc(4 * width * height);
case A16:
Expand Down Expand Up @@ -177,6 +179,7 @@ class Image implements Canvas implements Resource {
case RGBA128: 16;
case DEPTH16: 2;
case RGBA64: 8;
case RGBA64U: 8;
case A32: 4;
case A16: 2;
default: 4;
Expand Down
2 changes: 0 additions & 2 deletions Backends/HTML5/kha/SystemImpl.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -393,7 +393,6 @@ class SystemImpl {
antialias: options.framebuffer.samplesPerPixel > 1,
stencil: true
}); // preserveDrawingBuffer: true } ); Warning: preserveDrawingBuffer can cause huge performance issues on mobile browsers
SystemImpl.gl.pixelStorei(GL.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);

halfFloat = {HALF_FLOAT_OES: 0x140B}; // GL_HALF_FLOAT
depthTexture = {UNSIGNED_INT_24_8_WEBGL: 0x84FA}; // GL_UNSIGNED_INT_24_8
Expand Down Expand Up @@ -422,7 +421,6 @@ class SystemImpl {
antialias: options.framebuffer.samplesPerPixel > 1,
stencil: true
}); // preserveDrawingBuffer: true } ); WARNING: preserveDrawingBuffer causes huge performance issues (on mobile browser)!
SystemImpl.gl.pixelStorei(GL.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);
SystemImpl.gl.getExtension("OES_texture_float");
SystemImpl.gl.getExtension("OES_texture_float_linear");
halfFloat = SystemImpl.gl.getExtension("OES_texture_half_float");
Expand Down
50 changes: 43 additions & 7 deletions Backends/HTML5/kha/WebGLImage.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,8 @@ class WebGLImage extends Image {
static inline var GL_R16F = 0x822D;
static inline var GL_R32F = 0x822E;
static inline var GL_RED = 0x1903;
static inline var GL_RGBA16UI = 0x8D76;
static inline var GL_RGBA_INTEGER = 0x8D99;
static inline var GL_DEPTH_COMPONENT24 = 0x81A6;
static inline var GL_DEPTH24_STENCIL8 = 0x88F0;
static inline var GL_DEPTH32F_STENCIL8 = 0x8CAD;
Expand Down Expand Up @@ -209,8 +211,11 @@ class WebGLImage extends Image {
SystemImpl.gl.bindTexture(GL.TEXTURE_2D, texture);
// Sys.gl.pixelStorei(Sys.gl.UNPACK_FLIP_Y_WEBGL, true);

SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_MAG_FILTER, GL.LINEAR);
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_MIN_FILTER, GL.LINEAR);
// Integer-format textures cannot use linear filtering in webgl2
final isIntegerFormat = myFormat == RGBA64U;
final filter = isIntegerFormat ? GL.NEAREST : GL.LINEAR;
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_MAG_FILTER, filter);
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_MIN_FILTER, filter);
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_WRAP_S, GL.CLAMP_TO_EDGE);
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_WRAP_T, GL.CLAMP_TO_EDGE);
if (renderTarget) {
Expand All @@ -227,6 +232,8 @@ class WebGLImage extends Image {
SystemImpl.halfFloat.HALF_FLOAT_OES, null);
case RGBA32:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL.RGBA, realWidth, realHeight, 0, GL.RGBA, GL.UNSIGNED_BYTE, null);
case RGBA64U:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL_RGBA16UI, realWidth, realHeight, 0, GL_RGBA_INTEGER, GL.UNSIGNED_SHORT, null);
case A32:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, SystemImpl.gl2 ? GL_R32F : GL.ALPHA, realWidth, realHeight, 0,
SystemImpl.gl2 ? GL_RED : GL.ALPHA, GL.FLOAT, null);
Expand Down Expand Up @@ -288,7 +295,10 @@ class WebGLImage extends Image {
SystemImpl.gl.bindFramebuffer(GL.FRAMEBUFFER, null);
}
else if (video != null) {
// premultiply alpha for dom videos
SystemImpl.gl.pixelStorei(GL.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL.RGBA, GL.RGBA, GL.UNSIGNED_BYTE, video);
SystemImpl.gl.pixelStorei(GL.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 0);
}
else {
switch (myFormat) {
Expand All @@ -302,8 +312,13 @@ class WebGLImage extends Image {
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL.RGBA, myWidth, myHeight, 0, GL.RGBA, GL.UNSIGNED_BYTE, image);
}
else {
// premultiply alpha for dom images
SystemImpl.gl.pixelStorei(GL.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL.RGBA, GL.RGBA, GL.UNSIGNED_BYTE, image);
SystemImpl.gl.pixelStorei(GL.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 0);
}
case RGBA64U:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL_RGBA16UI, myWidth, myHeight, 0, GL_RGBA_INTEGER, GL.UNSIGNED_SHORT, image);
case A32:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, SystemImpl.gl2 ? GL_R32F : GL.ALPHA, myWidth, myHeight, 0, SystemImpl.gl2 ? GL_RED : GL.ALPHA,
GL.FLOAT, image);
Expand All @@ -313,7 +328,10 @@ class WebGLImage extends Image {
case L8:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL.LUMINANCE, myWidth, myHeight, 0, GL.LUMINANCE, GL.UNSIGNED_BYTE, image);
default:
// premultiply alpha for dom images
SystemImpl.gl.pixelStorei(GL.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL.RGBA, GL.RGBA, GL.UNSIGNED_BYTE, image);
SystemImpl.gl.pixelStorei(GL.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 0);
}
}
SystemImpl.gl.bindTexture(GL.TEXTURE_2D, null);
Expand Down Expand Up @@ -419,6 +437,7 @@ class WebGLImage extends Image {
case RGBA128: 16;
case DEPTH16: 2;
case RGBA64: 8;
case RGBA64U: 8;
case A32: 4;
case A16: 2;
default: 4;
Expand All @@ -429,6 +448,8 @@ class WebGLImage extends Image {
return switch (myFormat) {
case RGBA32, L8:
new Uint8Array(bytes.getData());
case RGBA64U:
new Uint16Array(bytes.getData());
case RGBA128, RGBA64, A32, A16:
new Float32Array(bytes.getData());
default:
Expand All @@ -453,8 +474,10 @@ class WebGLImage extends Image {
SystemImpl.gl.bindTexture(GL.TEXTURE_2D, texture);
// Sys.gl.pixelStorei(Sys.gl.UNPACK_FLIP_Y_WEBGL, true);

SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_MAG_FILTER, GL.LINEAR);
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_MIN_FILTER, GL.LINEAR);
final isIntegerFormat = myFormat == RGBA64U;
final filter = isIntegerFormat ? GL.NEAREST : GL.LINEAR;
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_MAG_FILTER, filter);
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_MIN_FILTER, filter);
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_WRAP_S, GL.CLAMP_TO_EDGE);
SystemImpl.gl.texParameteri(GL.TEXTURE_2D, GL.TEXTURE_WRAP_T, GL.CLAMP_TO_EDGE);

Expand All @@ -475,8 +498,7 @@ class WebGLImage extends Image {
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL.RGBA, width, height, 0, GL.RGBA, GL.UNSIGNED_BYTE, bytesToArray(rgbaBytes));
}
case RGBA128:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, SystemImpl.gl2 ? GL_RGBA32F : GL.RGBA, width, height, 0, GL.RGBA, GL.FLOAT,
bytesToArray(bytes));
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, SystemImpl.gl2 ? GL_RGBA32F : GL.RGBA, width, height, 0, GL.RGBA, GL.FLOAT, bytesToArray(bytes));
case RGBA64:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, SystemImpl.gl2 ? GL_RGBA16F : GL.RGBA, width, height, 0, GL.RGBA,
SystemImpl.halfFloat.HALF_FLOAT_OES, bytesToArray(bytes));
Expand All @@ -488,6 +510,10 @@ class WebGLImage extends Image {
SystemImpl.halfFloat.HALF_FLOAT_OES, bytesToArray(bytes));
case RGBA32:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL.RGBA, width, height, 0, GL.RGBA, GL.UNSIGNED_BYTE, bytesToArray(bytes));
case RGBA64U:
SystemImpl.gl.pixelStorei(GL.UNPACK_ALIGNMENT, 2);
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL_RGBA16UI, width, height, 0, GL_RGBA_INTEGER, GL.UNSIGNED_SHORT, bytesToArray(bytes));
SystemImpl.gl.pixelStorei(GL.UNPACK_ALIGNMENT, 4);
default:
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, 0, GL.RGBA, width, height, 0, GL.RGBA, GL.UNSIGNED_BYTE, bytesToArray(bytes));
}
Expand All @@ -509,7 +535,7 @@ class WebGLImage extends Image {
switch (myFormat) {
case RGBA128, A32:
pixels = new Float32Array(Std.int(formatByteSize(myFormat) / 4) * width * height);
case RGBA64, A16:
case RGBA64, A16, RGBA64U:
pixels = new Uint16Array(Std.int(formatByteSize(myFormat) / 2) * width * height);
case RGBA32, L8:
pixels = new Uint8Array(formatByteSize(myFormat) * width * height);
Expand All @@ -525,6 +551,8 @@ class WebGLImage extends Image {
SystemImpl.gl.readPixels(0, 0, myWidth, myHeight, GL.RGBA, SystemImpl.halfFloat.HALF_FLOAT_OES, pixels);
case RGBA32:
SystemImpl.gl.readPixels(0, 0, myWidth, myHeight, GL.RGBA, GL.UNSIGNED_BYTE, pixels);
case RGBA64U:
SystemImpl.gl.readPixels(0, 0, myWidth, myHeight, GL_RGBA_INTEGER, GL.UNSIGNED_SHORT, pixels);
case A32:
SystemImpl.gl.readPixels(0, 0, myWidth, myHeight, SystemImpl.gl2 ? GL_RED : GL.ALPHA, GL.FLOAT, pixels);
case A16:
Expand Down Expand Up @@ -575,6 +603,14 @@ class WebGLImage extends Image {
SystemImpl.halfFloat.HALF_FLOAT_OES, cast(mipmaps[i], WebGLImage).image);
}
}
else if (myFormat == TextureFormat.RGBA64U) {
SystemImpl.gl.pixelStorei(GL.UNPACK_ALIGNMENT, 2);
for (i in 0...mipmaps.length) {
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, i + 1, GL_RGBA16UI, mipmaps[i].width, mipmaps[i].height, 0, GL_RGBA_INTEGER, GL.UNSIGNED_SHORT,
cast(mipmaps[i], WebGLImage).image);
}
SystemImpl.gl.pixelStorei(GL.UNPACK_ALIGNMENT, 4);
}
else {
for (i in 0...mipmaps.length) {
SystemImpl.gl.texImage2D(GL.TEXTURE_2D, i + 1, GL.RGBA, GL.RGBA, GL.UNSIGNED_BYTE, cast(mipmaps[i], WebGLImage).image);
Expand Down
7 changes: 6 additions & 1 deletion Backends/Kore-HL/kha/Image.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,6 +103,8 @@ class Image implements Canvas implements Resource {
return 5;
case A16: // Target16BitRedFloat
return 6;
case RGBA64U: // Target64BitInteger
return 7;
default:
return 0;
}
Expand Down Expand Up @@ -142,6 +144,8 @@ class Image implements Canvas implements Resource {
return 5;
case A16:
return 7;
case RGBA64U:
return 8;
default:
return 1; // Grey8
}
Expand All @@ -154,7 +158,7 @@ class Image implements Canvas implements Resource {
if (renderTarget)
image.initRenderTarget(width, height, getDepthBufferBits(depthStencil), getRenderTargetFormat(format), getStencilBufferBits(depthStencil));
else
image.init(width, height, format);
image.init(width, height, getTextureFormat(format));
return image;
}

Expand Down Expand Up @@ -334,6 +338,7 @@ class Image implements Canvas implements Resource {
case RGBA128: 16;
case DEPTH16: 2;
case RGBA64: 8;
case RGBA64U: 8;
case A32: 4;
case A16: 2;
default: 4;
Expand Down
4 changes: 4 additions & 0 deletions Backends/Kore-HL/kha/graphics4/CubeMap.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,8 @@ class CubeMap implements Canvas implements Resource {
return 3;
case DEPTH16: // Target16BitDepth
return 4;
case RGBA64U: // Target64BitInteger
return 7;
default:
return 0;
}
Expand Down Expand Up @@ -75,6 +77,8 @@ class CubeMap implements Canvas implements Resource {
return 4;
case A32:
return 5;
case RGBA64U:
return 8;
default:
return 1; // Grey 8
}
Expand Down
5 changes: 5 additions & 0 deletions Backends/Kore-hxcpp/kha/Image.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -195,6 +195,8 @@ class Image implements Canvas implements Resource {
return 5; // Target8BitRed
case A16:
return 6; // Target16BitRedFloat
case RGBA64U:
return 7; // Target64BitInteger
default:
return 0;
}
Expand Down Expand Up @@ -234,6 +236,8 @@ class Image implements Canvas implements Resource {
return 5;
case A16:
return 7;
case RGBA64U:
return 8;
default:
return 1; // Grey8
}
Expand Down Expand Up @@ -519,6 +523,7 @@ class Image implements Canvas implements Resource {
case RGBA128: 16;
case DEPTH16: 2;
case RGBA64: 8;
case RGBA64U: 8;
case A32: 4;
case A16: 2;
default: 4;
Expand Down
4 changes: 4 additions & 0 deletions Backends/Kore-hxcpp/kha/graphics4/CubeMap.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,8 @@ class CubeMap implements Canvas implements Resource {
return 3;
case DEPTH16: // Target16BitDepth
return 4;
case RGBA64U: // Target64BitInteger
return 7;
default:
return 0;
}
Expand Down Expand Up @@ -74,6 +76,8 @@ class CubeMap implements Canvas implements Resource {
return 4;
case A32:
return 5;
case RGBA64U:
return 8;
default:
return 1; // Grey 8
}
Expand Down
5 changes: 5 additions & 0 deletions Backends/Krom/kha/Image.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,8 @@ class Image implements Canvas implements Resource {
return 5; // Target8BitRed
case A16:
return 6; // Target16BitRedFloat
case RGBA64U:
return 7; // Target64BitInteger
default:
return 0;
}
Expand Down Expand Up @@ -75,6 +77,8 @@ class Image implements Canvas implements Resource {
return 5;
case A16:
return 7;
case RGBA64U:
return 8;
default:
return 1; // Grey8
}
Expand Down Expand Up @@ -198,6 +202,7 @@ class Image implements Canvas implements Resource {
case RGBA128: 16;
case DEPTH16: 2;
case RGBA64: 8;
case RGBA64U: 8;
case A32: 4;
case A16: 2;
default: 4;
Expand Down
4 changes: 4 additions & 0 deletions Backends/Krom/kha/graphics4/CubeMap.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,8 @@ class CubeMap implements Canvas implements Resource {
return 3;
case DEPTH16: // Target16BitDepth
return 4;
case RGBA64U: // Target64BitInteger
return 7;
default:
return 0;
}
Expand Down Expand Up @@ -61,6 +63,8 @@ class CubeMap implements Canvas implements Resource {
return 4;
case A32:
return 5;
case RGBA64U:
return 8;
default:
return 1; // Grey8
}
Expand Down
1 change: 1 addition & 0 deletions Sources/kha/graphics4/TextureFormat.hx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,5 @@ enum abstract TextureFormat(Int) to Int {
var RGBA64 = 4; // Half floats
var A32 = 5; // Float
var A16 = 6; // Half float
var RGBA64U = 7; // 16-bit uint
}
Loading