@ikijs/engine 0.3.1 → 0.3.2

package/dist/index.mjs

@@ -363,10 +363,10 @@ var IkiPlayer = class {
     this.canvas = canvas;
     const gl = canvas.getContext("webgl2", {
       alpha: true,
-      // The whole pipeline is premultiplied-alpha: the fragment shader
-      // multiplies rgb by alpha, the blend function is ONE /
-      // ONE_MINUS_SRC_ALPHA, and the page compositor reads the framebuffer
-      // as premultiplied. Straight-alpha (`premultipliedAlpha: false`) cannot
+      // The whole pipeline is premultiplied-alpha: textures are uploaded
+      // premultiplied, the fragment shader keeps them so, the blend function
+      // is ONE / ONE_MINUS_SRC_ALPHA, and the page compositor reads the
+      // framebuffer as premultiplied. Straight-alpha (`premultipliedAlpha: false`) cannot
       // be made consistent with SRC_ALPHA-style blending: semi-transparent
       // pixels over a transparent background come out premultiplied anyway
       // and composite too dark.
@@ -502,7 +502,7 @@ var IkiPlayer = class {
         return null;
       }
       gl.bindTexture(gl.TEXTURE_2D, texture);
-      gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
+      gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
       gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
       drainGlErrors(gl);
       gl.texImage2D(
@@ -913,14 +913,17 @@ uniform float u_alphaCutoff;
 in vec2 v_uv;
 out vec4 outColor;
 void main() {
+  // Texels are premultiplied (see the upload); the untextured fill is opaque
+  // white, premultiplied or not.
   vec4 base = u_useTexture ? texture(u_tex, v_uv) : vec4(1.0);
   vec4 tinted = base * u_color;
   // 0 for normal draws (no-op); raised during the stencil mask-write pass so
   // only opaque mask coverage marks the stencil (the transparent fringe is cut).
   if (tinted.a < u_alphaCutoff) discard;
-  // Premultiply: the blend function and the canvas compositing contract
-  // (premultipliedAlpha: true) both expect rgb already scaled by alpha.
-  outColor = vec4(tinted.rgb * tinted.a, tinted.a);
+  // The blend function and the canvas compositing contract (premultipliedAlpha:
+  // true) both expect rgb already scaled by alpha. base.rgb is; the tint's own
+  // alpha still has to scale it (base.a is already folded into base.rgb).
+  outColor = vec4(tinted.rgb * u_color.a, tinted.a);
 }`;
 async function decodeTexture(source) {
   if (!source.startsWith("data:")) {
@@ -933,7 +936,7 @@ async function decodeTexture(source) {
   const blob = await (await fetch(source)).blob();
   return createImageBitmap(blob, {
     imageOrientation: "none",
-    premultiplyAlpha: "none"
+    premultiplyAlpha: "premultiply"
   });
 }
 function createUnitQuad(gl) {