@gjsify/webgl 0.1.2 → 0.1.4

package/lib/esm/extensions/ext-color-buffer-half-float.js

@@ -0,0 +1,13 @@
+class EXTColorBufferHalfFloat {
+}
+function getEXTColorBufferHalfFloat(context) {
+  const exts = context.getSupportedExtensions();
+  if (exts && exts.indexOf("EXT_color_buffer_half_float") >= 0) {
+    return new EXTColorBufferHalfFloat();
+  }
+  return null;
+}
+export {
+  EXTColorBufferHalfFloat,
+  getEXTColorBufferHalfFloat
+};

package/lib/esm/extensions/oes-texture-half-float.js

@@ -0,0 +1,19 @@
+class OESTextureHalfFloat {
+  constructor() {
+    this.HALF_FLOAT_OES = 36193;
+  }
+}
+function getOESTextureHalfFloat(context) {
+  const exts = context.getSupportedExtensions();
+  if (exts && exts.indexOf("OES_texture_half_float") >= 0) {
+    return new OESTextureHalfFloat();
+  }
+  if (context._native2) {
+    return new OESTextureHalfFloat();
+  }
+  return null;
+}
+export {
+  OESTextureHalfFloat,
+  getOESTextureHalfFloat
+};

package/lib/esm/index.js

@@ -1,6 +1,10 @@
 import "@girs/gjs";
 import "@girs/gio-2.0";
 import "@girs/gtk-4.0";
+import { WebGLRenderingContext } from "./webgl-rendering-context.js";
+import { WebGL2RenderingContext } from "./webgl2-rendering-context.js";
+globalThis.WebGLRenderingContext = WebGLRenderingContext;
+globalThis.WebGL2RenderingContext = WebGL2RenderingContext;
 export * from "./html-canvas-element.js";
 export * from "./canvas-webgl-widget.js";
 export * from "./webgl-active-info.js";
@@ -11,6 +15,7 @@ export * from "./webgl-framebuffer.js";
 export * from "./webgl-program.js";
 export * from "./webgl-renderbuffer.js";
 export * from "./webgl-query.js";
+export * from "./webgl-context-base.js";
 export * from "./webgl-rendering-context.js";
 export * from "./webgl-sampler.js";
 export * from "./webgl-shader-precision-format.js";

package/lib/esm/test-utils.js

@@ -74,14 +74,79 @@ function destroyTestFBOWithDepth(gl, fbo) {
   gl.deleteRenderbuffer(fbo.depthRb);
   gl.deleteFramebuffer(fbo.fb);
 }
+function makeTestFBOFloat(gl, width = 4, height = 4) {
+  const RGBA16F = 34842;
+  const HALF_FLOAT = 5131;
+  const fb = gl.createFramebuffer();
+  const colorTex = gl.createTexture();
+  gl.bindTexture(gl.TEXTURE_2D, colorTex);
+  gl.texImage2D(gl.TEXTURE_2D, 0, RGBA16F, width, height, 0, gl.RGBA, HALF_FLOAT, null);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+  gl.bindTexture(gl.TEXTURE_2D, null);
+  gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
+  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, colorTex, 0);
+  gl.viewport(0, 0, width, height);
+  return { fb, colorTex, width, height };
+}
+function makeTestFBOWithDepthTexture(gl, width = 4, height = 4) {
+  const DEPTH_COMPONENT24 = 33190;
+  const DEPTH_COMPONENT = 6402;
+  const UNSIGNED_INT = 5125;
+  const fb = gl.createFramebuffer();
+  const colorTex = gl.createTexture();
+  gl.bindTexture(gl.TEXTURE_2D, colorTex);
+  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+  const depthTex = gl.createTexture();
+  gl.bindTexture(gl.TEXTURE_2D, depthTex);
+  gl.texImage2D(gl.TEXTURE_2D, 0, DEPTH_COMPONENT24, width, height, 0, DEPTH_COMPONENT, UNSIGNED_INT, null);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+  gl.bindTexture(gl.TEXTURE_2D, null);
+  gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
+  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, colorTex, 0);
+  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.TEXTURE_2D, depthTex, 0);
+  gl.viewport(0, 0, width, height);
+  return { fb, colorTex, depthTex, width, height };
+}
+const TEXTURE_VS_300 = `#version 300 es
+in vec2 position;
+out vec2 vUv;
+void main() {
+    vUv = position * 0.5 + 0.5;
+    gl_Position = vec4(position, 0.0, 1.0);
+}`;
+const TEXTURE_FS_300 = `#version 300 es
+precision mediump float;
+uniform sampler2D uTexture;
+in vec2 vUv;
+out vec4 fragColor;
+void main() {
+    fragColor = texture(uTexture, vUv);
+}`;
+const CUBEMAP_FS_300 = `#version 300 es
+precision mediump float;
+uniform samplerCube uCubemap;
+uniform vec3 uDirection;
+out vec4 fragColor;
+void main() {
+    fragColor = texture(uCubemap, uDirection);
+}`;
 export {
+  CUBEMAP_FS_300,
+  TEXTURE_FS_300,
+  TEXTURE_VS_300,
   destroyTestFBO,
   destroyTestFBOWithDepth,
   drawTriangle,
   makeProgram,
   makeShader,
   makeTestFBO,
+  makeTestFBOFloat,
   makeTestFBOWithDepth,
+  makeTestFBOWithDepthTexture,
   pixelClose,
   readPixel
 };

package/lib/esm/test.js

@@ -1,7 +1,7 @@
 import { run } from "@gjsify/unit";
-import testSuite from "./index.spec.js";
+import webgl1TestSuite from "./webgl1.spec.js";
 import webgl2TestSuite from "./webgl2.spec.js";
 run({ testSuite: async () => {
-  await testSuite();
+  await webgl1TestSuite();
   await webgl2TestSuite();
 } });

package/lib/esm/webgl-buffer.js

@@ -9,7 +9,7 @@ class WebGLBuffer extends Linkable {
   _performDelete() {
     const ctx = this._ctx;
     delete ctx._buffers[this._ | 0];
-    ctx._native.deleteBuffer(this._);
+    ctx._gl.deleteBuffer(this._);
   }
 }
 export {