@gjsify/webgl 0.0.3 → 0.1.0

package/lib/esm/test-utils.js

@@ -0,0 +1,87 @@
+function makeShader(gl, type, src) {
+  const shader = gl.createShader(type);
+  gl.shaderSource(shader, src);
+  gl.compileShader(shader);
+  return shader;
+}
+function makeProgram(gl, vsSrc, fsSrc) {
+  const frag = makeShader(gl, gl.FRAGMENT_SHADER, fsSrc);
+  const vert = makeShader(gl, gl.VERTEX_SHADER, vsSrc);
+  const program = gl.createProgram();
+  gl.attachShader(program, frag);
+  gl.attachShader(program, vert);
+  gl.bindAttribLocation(program, 0, "position");
+  gl.linkProgram(program);
+  return program;
+}
+function drawTriangle(gl) {
+  const buffer = gl.createBuffer();
+  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-2, -2, -2, 4, 4, -2]), gl.STREAM_DRAW);
+  gl.enableVertexAttribArray(0);
+  gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);
+  gl.drawArrays(gl.TRIANGLES, 0, 3);
+  gl.bindBuffer(gl.ARRAY_BUFFER, null);
+  gl.disableVertexAttribArray(0);
+  gl.deleteBuffer(buffer);
+}
+function readPixel(gl, x = 0, y = 0) {
+  const pixel = new Uint8Array(4);
+  gl.readPixels(x, y, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, pixel);
+  return pixel;
+}
+function pixelClose(a, b, tolerance = 3) {
+  for (let i = 0; i < 4; i++) {
+    if (Math.abs(a[i] - b[i]) > tolerance) return false;
+  }
+  return true;
+}
+function makeTestFBO(gl, width = 4, height = 4) {
+  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);
+  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 makeTestFBOWithDepth(gl, width = 4, height = 4) {
+  const base = makeTestFBO(gl, width, height);
+  const depthRb = gl.createRenderbuffer();
+  gl.bindRenderbuffer(gl.RENDERBUFFER, depthRb);
+  gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, width, height);
+  gl.bindRenderbuffer(gl.RENDERBUFFER, null);
+  gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, depthRb);
+  return { ...base, depthRb };
+}
+function destroyTestFBO(gl, fbo) {
+  gl.bindFramebuffer(gl.FRAMEBUFFER, fbo.fb);
+  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, null, 0);
+  gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+  gl.deleteTexture(fbo.colorTex);
+  gl.deleteFramebuffer(fbo.fb);
+}
+function destroyTestFBOWithDepth(gl, fbo) {
+  gl.bindFramebuffer(gl.FRAMEBUFFER, fbo.fb);
+  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, null, 0);
+  gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, null);
+  gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+  gl.deleteTexture(fbo.colorTex);
+  gl.deleteRenderbuffer(fbo.depthRb);
+  gl.deleteFramebuffer(fbo.fb);
+}
+export {
+  destroyTestFBO,
+  destroyTestFBOWithDepth,
+  drawTriangle,
+  makeProgram,
+  makeShader,
+  makeTestFBO,
+  makeTestFBOWithDepth,
+  pixelClose,
+  readPixel
+};

package/lib/esm/test.js

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

package/lib/esm/utils.js

@@ -115,7 +115,7 @@ function arrayToUint8Array(array) {
   throw new Error("Can't unpack typed array!");
 }
 function Uint8ArrayToVariant(array) {
-  const variant = new GLib.Variant("ay", Array.from(array || []));
+  const variant = new GLib.Variant("ay", array);
   return variant;
 }
 function boolArray(array) {

package/lib/esm/webgl-active-info.js

@@ -1,4 +1,4 @@
-class GjsifyWebGLActiveInfo {
+class WebGLActiveInfo {
   constructor(_) {
     this.size = _.size;
     this.type = _.type;
@@ -6,5 +6,5 @@ class GjsifyWebGLActiveInfo {
   }
 }
 export {
-  GjsifyWebGLActiveInfo as WebGLActiveInfo
+  WebGLActiveInfo
 };

package/lib/esm/webgl-buffer.js

@@ -1,5 +1,5 @@
 import { Linkable } from "./linkable.js";
-class GjsifyWebGLBuffer extends Linkable {
+class WebGLBuffer extends Linkable {
   constructor(_, ctx) {
     super(_);
     this._size = 0;
@@ -13,6 +13,5 @@ class GjsifyWebGLBuffer extends Linkable {
   }
 }
 export {
-  GjsifyWebGLBuffer,
-  GjsifyWebGLBuffer as WebGLBuffer
+  WebGLBuffer
 };

package/lib/esm/webgl-context-attributes.js

@@ -1,4 +1,4 @@
-class GjsifyWebGLContextAttributes {
+class WebGLContextAttributes {
   constructor(alpha, depth, stencil, antialias, premultipliedAlpha, preserveDrawingBuffer, preferLowPowerToHighPerformance, failIfMajorPerformanceCaveat) {
     this.alpha = alpha;
     this.depth = depth;
@@ -19,6 +19,5 @@ class GjsifyWebGLContextAttributes {
   }
 }
 export {
-  GjsifyWebGLContextAttributes,
-  GjsifyWebGLContextAttributes as WebGLContextAttributes
+  WebGLContextAttributes
 };

package/lib/esm/webgl-framebuffer.js

@@ -1,5 +1,5 @@
 import { Linkable } from "./linkable.js";
-class GjsifyWebGLFramebuffer extends Linkable {
+class WebGLFramebuffer extends Linkable {
   constructor(_, ctx) {
     super(_);
     this._binding = 0;
@@ -100,10 +100,9 @@ class GjsifyWebGLFramebuffer extends Linkable {
   _performDelete() {
     const ctx = this._ctx;
     delete ctx._framebuffers[this._ | 0];
-    ctx.deleteFramebuffer.call(ctx, this);
+    ctx._native.deleteFramebuffer(this._ | 0);
   }
 }
 export {
-  GjsifyWebGLFramebuffer,
-  GjsifyWebGLFramebuffer as WebGLFramebuffer
+  WebGLFramebuffer
 };

package/lib/esm/webgl-program.js

@@ -1,5 +1,5 @@
 import { Linkable } from "./linkable.js";
-class GjsifyWebGLProgram extends Linkable {
+class WebGLProgram extends Linkable {
   constructor(_, ctx) {
     super(_);
     this._linkCount = 0;
@@ -21,6 +21,5 @@ class GjsifyWebGLProgram extends Linkable {
   }
 }
 export {
-  GjsifyWebGLProgram,
-  GjsifyWebGLProgram as WebGLProgram
+  WebGLProgram
 };

package/lib/esm/webgl-query.js

@@ -0,0 +1,15 @@
+import { Linkable } from "./linkable.js";
+class WebGLQuery extends Linkable {
+  constructor(_, ctx) {
+    super(_);
+    this._ctx = ctx;
+  }
+  _performDelete() {
+    const ctx = this._ctx;
+    delete ctx._queries[this._ | 0];
+    ctx._native2.deleteQuery(this._ | 0);
+  }
+}
+export {
+  WebGLQuery
+};

package/lib/esm/webgl-renderbuffer.js

@@ -1,5 +1,5 @@
 import { Linkable } from "./linkable.js";
-class GjsifyWebGLRenderbuffer extends Linkable {
+class WebGLRenderbuffer extends Linkable {
   constructor(_, ctx) {
     super(_);
     this._binding = 0;
@@ -19,6 +19,5 @@ class GjsifyWebGLRenderbuffer extends Linkable {
   }
 }
 export {
-  GjsifyWebGLRenderbuffer,
-  GjsifyWebGLRenderbuffer as WebGLRenderbuffer
+  WebGLRenderbuffer
 };