three-stdlib 2.6.1 → 2.7.0

package/loaders/RGBMLoader.js

@@ -1,6 +1,22 @@
-import { DataTextureLoader, CubeTexture, RGBM7Encoding, RGBAFormat, LinearFilter, UnsignedByteType } from 'three';
+import { DataTextureLoader, HalfFloatType, CubeTexture, RGBAFormat, LinearFilter, DataUtils } from 'three';
 
 class RGBMLoader extends DataTextureLoader {
+  constructor(manager) {
+    super(manager);
+    this.type = HalfFloatType;
+    this.maxRange = 7; // more information about this property at https://iwasbeingirony.blogspot.com/2010/06/difference-between-rgbm-and-rgbd.html
+  }
+
+  setDataType(value) {
+    this.type = value;
+    return this;
+  }
+
+  setMaxRange(value) {
+    this.maxRange = value;
+    return this;
+  }
+
   loadCubemap(urls, onLoad, onProgress, onError) {
     const texture = new CubeTexture();
     let loaded = 0;
@@ -22,7 +38,7 @@ class RGBMLoader extends DataTextureLoader {
       loadTexture(i);
     }
 
-    texture.encoding = RGBM7Encoding;
+    texture.type = this.type;
     texture.format = RGBAFormat;
     texture.minFilter = LinearFilter;
     texture.generateMipmaps = false;
@@ -32,14 +48,36 @@ class RGBMLoader extends DataTextureLoader {
   parse(buffer) {
     const img = UPNG.decode(buffer);
     const rgba = UPNG.toRGBA8(img)[0];
+    const data = new Uint8Array(rgba);
+    const size = img.width * img.height * 4;
+    const output = this.type === HalfFloatType ? new Uint16Array(size) : new Float32Array(size); // decode RGBM
+
+    for (let i = 0; i < data.length; i += 4) {
+      const r = data[i + 0] / 255;
+      const g = data[i + 1] / 255;
+      const b = data[i + 2] / 255;
+      const a = data[i + 3] / 255;
+
+      if (this.type === HalfFloatType) {
+        output[i + 0] = DataUtils.toHalfFloat(Math.min(r * a * this.maxRange, 65504));
+        output[i + 1] = DataUtils.toHalfFloat(Math.min(g * a * this.maxRange, 65504));
+        output[i + 2] = DataUtils.toHalfFloat(Math.min(b * a * this.maxRange, 65504));
+        output[i + 3] = DataUtils.toHalfFloat(1);
+      } else {
+        output[i + 0] = r * a * this.maxRange;
+        output[i + 1] = g * a * this.maxRange;
+        output[i + 2] = b * a * this.maxRange;
+        output[i + 3] = 1;
+      }
+    }
+
     return {
       width: img.width,
       height: img.height,
-      data: new Uint8Array(rgba),
+      data: output,
       format: RGBAFormat,
-      type: UnsignedByteType,
-      flipY: true,
-      encoding: RGBM7Encoding
+      type: this.type,
+      flipY: true
     };
   }
 
@@ -70,11 +108,7 @@ UPNG.toRGBA8 = function (out) {
     if (frm.blend == 0) UPNG._copyTile(fdata, fw, fh, img, w, h, fx, fy, 0);else if (frm.blend == 1) UPNG._copyTile(fdata, fw, fh, img, w, h, fx, fy, 1);
     frms.push(img.buffer.slice(0));
 
-    if (frm.dispose == 0) ; else if (frm.dispose == 1) {
-      UPNG._copyTile(empty, fw, fh, img, w, h, fx, fy, 0);
-    } else if (frm.dispose == 2) {
-      for (var j = 0; j < len; j++) img[j] = prev[j];
-    }
+    if (frm.dispose == 0) ; else if (frm.dispose == 1) UPNG._copyTile(empty, fw, fh, img, w, h, fx, fy, 0);else if (frm.dispose == 2) for (var j = 0; j < len; j++) img[j] = prev[j];
   }
 
   return frms;
@@ -95,60 +129,43 @@ UPNG.toRGBA8.decodeImage = function (data, w, h, out) {
   if (ctype == 6) {
     // RGB + alpha
     var qarea = area << 2;
-
-    if (depth == 8) {
-      for (var i = 0; i < qarea; i += 4) {
-        bf[i] = data[i];
-        bf[i + 1] = data[i + 1];
-        bf[i + 2] = data[i + 2];
-        bf[i + 3] = data[i + 3];
-      }
+    if (depth == 8) for (var i = 0; i < qarea; i += 4) {
+      bf[i] = data[i];
+      bf[i + 1] = data[i + 1];
+      bf[i + 2] = data[i + 2];
+      bf[i + 3] = data[i + 3];
     }
-
-    if (depth == 16) {
-      for (var i = 0; i < qarea; i++) {
-        bf[i] = data[i << 1];
-      }
+    if (depth == 16) for (var i = 0; i < qarea; i++) {
+      bf[i] = data[i << 1];
     }
   } else if (ctype == 2) {
     // RGB
     var ts = out.tabs['tRNS'];
 
     if (ts == null) {
-      if (depth == 8) {
-        for (var i = 0; i < area; i++) {
-          var ti = i * 3;
-          bf32[i] = 255 << 24 | data[ti + 2] << 16 | data[ti + 1] << 8 | data[ti];
-        }
+      if (depth == 8) for (var i = 0; i < area; i++) {
+        var ti = i * 3;
+        bf32[i] = 255 << 24 | data[ti + 2] << 16 | data[ti + 1] << 8 | data[ti];
       }
-
-      if (depth == 16) {
-        for (var i = 0; i < area; i++) {
-          var ti = i * 6;
-          bf32[i] = 255 << 24 | data[ti + 4] << 16 | data[ti + 2] << 8 | data[ti];
-        }
+      if (depth == 16) for (var i = 0; i < area; i++) {
+        var ti = i * 6;
+        bf32[i] = 255 << 24 | data[ti + 4] << 16 | data[ti + 2] << 8 | data[ti];
       }
     } else {
       var tr = ts[0],
           tg = ts[1],
           tb = ts[2];
-
-      if (depth == 8) {
-        for (var i = 0; i < area; i++) {
-          var qi = i << 2,
-              ti = i * 3;
-          bf32[i] = 255 << 24 | data[ti + 2] << 16 | data[ti + 1] << 8 | data[ti];
-          if (data[ti] == tr && data[ti + 1] == tg && data[ti + 2] == tb) bf[qi + 3] = 0;
-        }
+      if (depth == 8) for (var i = 0; i < area; i++) {
+        var qi = i << 2,
+            ti = i * 3;
+        bf32[i] = 255 << 24 | data[ti + 2] << 16 | data[ti + 1] << 8 | data[ti];
+        if (data[ti] == tr && data[ti + 1] == tg && data[ti + 2] == tb) bf[qi + 3] = 0;
       }
-
-      if (depth == 16) {
-        for (var i = 0; i < area; i++) {
-          var qi = i << 2,
-              ti = i * 6;
-          bf32[i] = 255 << 24 | data[ti + 4] << 16 | data[ti + 2] << 8 | data[ti];
-          if (rs(data, ti) == tr && rs(data, ti + 2) == tg && rs(data, ti + 4) == tb) bf[qi + 3] = 0;
-        }
+      if (depth == 16) for (var i = 0; i < area; i++) {
+        var qi = i << 2,
+            ti = i * 6;
+        bf32[i] = 255 << 24 | data[ti + 4] << 16 | data[ti + 2] << 8 | data[ti];
+        if (rs(data, ti) == tr && rs(data, ti + 2) == tg && rs(data, ti + 4) == tb) bf[qi + 3] = 0;
       }
     }
   } else if (ctype == 3) {
@@ -157,61 +174,41 @@ UPNG.toRGBA8.decodeImage = function (data, w, h, out) {
         ap = out.tabs['tRNS'],
         tl = ap ? ap.length : 0; //console.log(p, ap);
 
-    if (depth == 1) {
-      for (var y = 0; y < h; y++) {
-        var s0 = y * bpl,
-            t0 = y * w;
-
-        for (var i = 0; i < w; i++) {
-          var qi = t0 + i << 2,
-              j = data[s0 + (i >> 3)] >> 7 - ((i & 7) << 0) & 1,
-              cj = 3 * j;
-          bf[qi] = p[cj];
-          bf[qi + 1] = p[cj + 1];
-          bf[qi + 2] = p[cj + 2];
-          bf[qi + 3] = j < tl ? ap[j] : 255;
-        }
-      }
-    }
+    if (depth == 1) for (var y = 0; y < h; y++) {
+      var s0 = y * bpl,
+          t0 = y * w;
 
-    if (depth == 2) {
-      for (var y = 0; y < h; y++) {
-        var s0 = y * bpl,
-            t0 = y * w;
-
-        for (var i = 0; i < w; i++) {
-          var qi = t0 + i << 2,
-              j = data[s0 + (i >> 2)] >> 6 - ((i & 3) << 1) & 3,
-              cj = 3 * j;
-          bf[qi] = p[cj];
-          bf[qi + 1] = p[cj + 1];
-          bf[qi + 2] = p[cj + 2];
-          bf[qi + 3] = j < tl ? ap[j] : 255;
-        }
+      for (var i = 0; i < w; i++) {
+        var qi = t0 + i << 2,
+            j = data[s0 + (i >> 3)] >> 7 - ((i & 7) << 0) & 1,
+            cj = 3 * j;
+        bf[qi] = p[cj];
+        bf[qi + 1] = p[cj + 1];
+        bf[qi + 2] = p[cj + 2];
+        bf[qi + 3] = j < tl ? ap[j] : 255;
       }
     }
+    if (depth == 2) for (var y = 0; y < h; y++) {
+      var s0 = y * bpl,
+          t0 = y * w;
 
-    if (depth == 4) {
-      for (var y = 0; y < h; y++) {
-        var s0 = y * bpl,
-            t0 = y * w;
-
-        for (var i = 0; i < w; i++) {
-          var qi = t0 + i << 2,
-              j = data[s0 + (i >> 1)] >> 4 - ((i & 1) << 2) & 15,
-              cj = 3 * j;
-          bf[qi] = p[cj];
-          bf[qi + 1] = p[cj + 1];
-          bf[qi + 2] = p[cj + 2];
-          bf[qi + 3] = j < tl ? ap[j] : 255;
-        }
+      for (var i = 0; i < w; i++) {
+        var qi = t0 + i << 2,
+            j = data[s0 + (i >> 2)] >> 6 - ((i & 3) << 1) & 3,
+            cj = 3 * j;
+        bf[qi] = p[cj];
+        bf[qi + 1] = p[cj + 1];
+        bf[qi + 2] = p[cj + 2];
+        bf[qi + 3] = j < tl ? ap[j] : 255;
       }
     }
+    if (depth == 4) for (var y = 0; y < h; y++) {
+      var s0 = y * bpl,
+          t0 = y * w;
 
-    if (depth == 8) {
-      for (var i = 0; i < area; i++) {
-        var qi = i << 2,
-            j = data[i],
+      for (var i = 0; i < w; i++) {
+        var qi = t0 + i << 2,
+            j = data[s0 + (i >> 1)] >> 4 - ((i & 1) << 2) & 15,
             cj = 3 * j;
         bf[qi] = p[cj];
         bf[qi + 1] = p[cj + 1];
@@ -219,30 +216,34 @@ UPNG.toRGBA8.decodeImage = function (data, w, h, out) {
         bf[qi + 3] = j < tl ? ap[j] : 255;
       }
     }
+    if (depth == 8) for (var i = 0; i < area; i++) {
+      var qi = i << 2,
+          j = data[i],
+          cj = 3 * j;
+      bf[qi] = p[cj];
+      bf[qi + 1] = p[cj + 1];
+      bf[qi + 2] = p[cj + 2];
+      bf[qi + 3] = j < tl ? ap[j] : 255;
+    }
   } else if (ctype == 4) {
     // gray + alpha
-    if (depth == 8) {
-      for (var i = 0; i < area; i++) {
-        var qi = i << 2,
-            di = i << 1,
-            gr = data[di];
-        bf[qi] = gr;
-        bf[qi + 1] = gr;
-        bf[qi + 2] = gr;
-        bf[qi + 3] = data[di + 1];
-      }
+    if (depth == 8) for (var i = 0; i < area; i++) {
+      var qi = i << 2,
+          di = i << 1,
+          gr = data[di];
+      bf[qi] = gr;
+      bf[qi + 1] = gr;
+      bf[qi + 2] = gr;
+      bf[qi + 3] = data[di + 1];
     }
-
-    if (depth == 16) {
-      for (var i = 0; i < area; i++) {
-        var qi = i << 2,
-            di = i << 2,
-            gr = data[di];
-        bf[qi] = gr;
-        bf[qi + 1] = gr;
-        bf[qi + 2] = gr;
-        bf[qi + 3] = data[di + 2];
-      }
+    if (depth == 16) for (var i = 0; i < area; i++) {
+      var qi = i << 2,
+          di = i << 2,
+          gr = data[di];
+      bf[qi] = gr;
+      bf[qi + 1] = gr;
+      bf[qi + 2] = gr;
+      bf[qi + 3] = data[di + 2];
     }
   } else if (ctype == 0) {
     // gray
@@ -251,37 +252,26 @@ UPNG.toRGBA8.decodeImage = function (data, w, h, out) {
     for (var y = 0; y < h; y++) {
       var off = y * bpl,
           to = y * w;
-
-      if (depth == 1) {
-        for (var x = 0; x < w; x++) {
-          var gr = 255 * (data[off + (x >>> 3)] >>> 7 - (x & 7) & 1),
-              al = gr == tr * 255 ? 0 : 255;
-          bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
-        }
-      } else if (depth == 2) {
-        for (var x = 0; x < w; x++) {
-          var gr = 85 * (data[off + (x >>> 2)] >>> 6 - ((x & 3) << 1) & 3),
-              al = gr == tr * 85 ? 0 : 255;
-          bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
-        }
-      } else if (depth == 4) {
-        for (var x = 0; x < w; x++) {
-          var gr = 17 * (data[off + (x >>> 1)] >>> 4 - ((x & 1) << 2) & 15),
-              al = gr == tr * 17 ? 0 : 255;
-          bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
-        }
-      } else if (depth == 8) {
-        for (var x = 0; x < w; x++) {
-          var gr = data[off + x],
-              al = gr == tr ? 0 : 255;
-          bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
-        }
-      } else if (depth == 16) {
-        for (var x = 0; x < w; x++) {
-          var gr = data[off + (x << 1)],
-              al = rs(data, off + (x << i)) == tr ? 0 : 255;
-          bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
-        }
+      if (depth == 1) for (var x = 0; x < w; x++) {
+        var gr = 255 * (data[off + (x >>> 3)] >>> 7 - (x & 7) & 1),
+            al = gr == tr * 255 ? 0 : 255;
+        bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
+      } else if (depth == 2) for (var x = 0; x < w; x++) {
+        var gr = 85 * (data[off + (x >>> 2)] >>> 6 - ((x & 3) << 1) & 3),
+            al = gr == tr * 85 ? 0 : 255;
+        bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
+      } else if (depth == 4) for (var x = 0; x < w; x++) {
+        var gr = 17 * (data[off + (x >>> 1)] >>> 4 - ((x & 1) << 2) & 15),
+            al = gr == tr * 17 ? 0 : 255;
+        bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
+      } else if (depth == 8) for (var x = 0; x < w; x++) {
+        var gr = data[off + x],
+            al = gr == tr ? 0 : 255;
+        bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
+      } else if (depth == 16) for (var x = 0; x < w; x++) {
+        var gr = data[off + (x << 1)],
+            al = rs(data, off + (x << 1)) == tr ? 0 : 255;
+        bf32[to + x] = al << 24 | gr << 16 | gr << 8 | gr;
       }
     }
   } //console.log(Date.now()-time);
@@ -369,15 +359,11 @@ UPNG.decode = function (buff) {
       var keyw = bin.readASCII(data, offset, nz - offset);
       var text,
           tl = offset + len - nz - 1;
-
-      if (type == 'tEXt') {
-        text = bin.readASCII(data, nz + 1, tl);
-      } else {
+      if (type == 'tEXt') text = bin.readASCII(data, nz + 1, tl);else {
         var bfr = UPNG.decode._inflate(data.slice(nz + 2, nz + 2 + tl));
 
         text = bin.readUTF8(bfr, 0, bfr.length);
       }
-
       out.tabs[type][keyw] = text;
     } else if (type == 'iTXt') {
       if (out.tabs[type] == null) out.tabs[type] = {};
@@ -396,15 +382,11 @@ UPNG.decode = function (buff) {
       off = nz + 1;
       var text,
           tl = len - (off - offset);
-
-      if (cflag == 0) {
-        text = bin.readUTF8(data, off, tl);
-      } else {
+      if (cflag == 0) text = bin.readUTF8(data, off, tl);else {
         var bfr = UPNG.decode._inflate(data.slice(off, off + tl));
 
         text = bin.readUTF8(bfr, 0, bfr.length);
       }
-
       out.tabs[type][keyw] = text;
     } else if (type == 'PLTE') {
       out.tabs[type] = bin.readBytes(data, offset, len);
@@ -415,21 +397,11 @@ UPNG.decode = function (buff) {
       for (var i = 0; i < pl; i++) out.tabs[type].push(rUs(data, offset + i * 2));
     } else if (type == 'tRNS') {
       if (out.ctype == 3) out.tabs[type] = bin.readBytes(data, offset, len);else if (out.ctype == 0) out.tabs[type] = rUs(data, offset);else if (out.ctype == 2) out.tabs[type] = [rUs(data, offset), rUs(data, offset + 2), rUs(data, offset + 4)]; //else console.log("tRNS for unsupported color type",out.ctype, len);
-    } else if (type == 'gAMA') {
-      out.tabs[type] = bin.readUint(data, offset) / 100000;
-    } else if (type == 'sRGB') {
-      out.tabs[type] = data[offset];
-    } else if (type == 'bKGD') {
-      if (out.ctype == 0 || out.ctype == 4) {
-        out.tabs[type] = [rUs(data, offset)];
-      } else if (out.ctype == 2 || out.ctype == 6) {
-        out.tabs[type] = [rUs(data, offset), rUs(data, offset + 2), rUs(data, offset + 4)];
-      } else if (out.ctype == 3) {
-        out.tabs[type] = data[offset];
-      }
+    } else if (type == 'gAMA') out.tabs[type] = bin.readUint(data, offset) / 100000;else if (type == 'sRGB') out.tabs[type] = data[offset];else if (type == 'bKGD') {
+      if (out.ctype == 0 || out.ctype == 4) out.tabs[type] = [rUs(data, offset)];else if (out.ctype == 2 || out.ctype == 6) out.tabs[type] = [rUs(data, offset), rUs(data, offset + 2), rUs(data, offset + 4)];else if (out.ctype == 3) out.tabs[type] = data[offset];
     } else if (type == 'IEND') {
       break;
-    } //else {  log("unknown chunk type", type, len);  }
+    } //else {  console.log("unknown chunk type", type, len);  out.tabs[type]=data.slice(offset,offset+len);  }
 
 
     offset += len;
@@ -440,7 +412,6 @@ UPNG.decode = function (buff) {
   if (foff != 0) {
     var fr = out.frames[out.frames.length - 1];
     fr.data = UPNG.decode._decompress(out, fd.slice(0, foff), fr.rect.width, fr.rect.height);
-    foff = 0;
   }
 
   out.data = UPNG.decode._decompress(out, dd, out.width, out.height);
@@ -702,20 +673,18 @@ UPNG.inflateRaw = function () {
         n = H.H.m,
         A = n.r;
 
-    for (var l = 0; l < V; l += 2) {
-      if (N[l + 1] != 0) {
-        var M = l >> 1,
-            I = N[l + 1],
-            e = M << 4 | I,
-            b = W - I,
-            Z = N[l] << b,
-            m = Z + (1 << b);
-
-        while (Z != m) {
-          var J = A[Z] >>> 15 - W;
-          R[J] = e;
-          Z++;
-        }
+    for (var l = 0; l < V; l += 2) if (N[l + 1] != 0) {
+      var M = l >> 1,
+          I = N[l + 1],
+          e = M << 4 | I,
+          b = W - I,
+          Z = N[l] << b,
+          m = Z + (1 << b);
+
+      while (Z != m) {
+        var J = A[Z] >>> 15 - W;
+        R[J] = e;
+        Z++;
       }
     }
   };
@@ -934,8 +903,8 @@ UPNG.decode._filterZero = function (data, out, off, w, h) {
       paeth = UPNG.decode._paeth;
 
   bpp = Math.ceil(bpp / 8);
-  var i = 0,
-      di = 1,
+  var i,
+      di,
       type = data[off],
       x = 0;
   if (type > 1) data[off] = [0, 0, 1][type - 2];
@@ -946,10 +915,7 @@ UPNG.decode._filterZero = function (data, out, off, w, h) {
     di = i + y + 1;
     type = data[di - 1];
     x = 0;
-
-    if (type == 0) {
-      for (; x < bpl; x++) data[i + x] = data[di + x];
-    } else if (type == 1) {
+    if (type == 0) for (; x < bpl; x++) data[i + x] = data[di + x];else if (type == 1) {
       for (; x < bpp; x++) data[i + x] = data[di + x];
 
       for (; x < bpl; x++) data[i + x] = data[di + x] + data[i + x - bpp];
@@ -962,9 +928,7 @@ UPNG.decode._filterZero = function (data, out, off, w, h) {
     } else {
       for (; x < bpp; x++) data[i + x] = data[di + x] + paeth(0, data[i + x - bpl], 0);
 
-      for (; x < bpl; x++) {
-        data[i + x] = data[di + x] + paeth(data[i + x - bpp], data[i + x - bpl], data[i + x - bpp - bpl]);
-      }
+      for (; x < bpl; x++) data[i + x] = data[di + x] + paeth(data[i + x - bpp], data[i + x - bpl], data[i + x - bpp - bpl]);
     }
   }
 
@@ -1062,73 +1026,71 @@ UPNG._copyTile = function (sb, sw, sh, tb, tw, th, xoff, yoff, mode) {
   var si = 0,
       ti = 0;
 
-  for (var y = 0; y < h; y++) {
-    for (var x = 0; x < w; x++) {
-      if (xoff >= 0 && yoff >= 0) {
-        si = y * sw + x << 2;
-        ti = (yoff + y) * tw + xoff + x << 2;
-      } else {
-        si = (-yoff + y) * sw - xoff + x << 2;
-        ti = y * tw + x << 2;
-      }
+  for (var y = 0; y < h; y++) for (var x = 0; x < w; x++) {
+    if (xoff >= 0 && yoff >= 0) {
+      si = y * sw + x << 2;
+      ti = (yoff + y) * tw + xoff + x << 2;
+    } else {
+      si = (-yoff + y) * sw - xoff + x << 2;
+      ti = y * tw + x << 2;
+    }
 
-      if (mode == 0) {
-        tb[ti] = sb[si];
-        tb[ti + 1] = sb[si + 1];
-        tb[ti + 2] = sb[si + 2];
-        tb[ti + 3] = sb[si + 3];
-      } else if (mode == 1) {
-        var fa = sb[si + 3] * (1 / 255),
-            fr = sb[si] * fa,
-            fg = sb[si + 1] * fa,
-            fb = sb[si + 2] * fa;
-        var ba = tb[ti + 3] * (1 / 255),
-            br = tb[ti] * ba,
-            bg = tb[ti + 1] * ba,
-            bb = tb[ti + 2] * ba;
-        var ifa = 1 - fa,
-            oa = fa + ba * ifa,
-            ioa = oa == 0 ? 0 : 1 / oa;
-        tb[ti + 3] = 255 * oa;
-        tb[ti + 0] = (fr + br * ifa) * ioa;
-        tb[ti + 1] = (fg + bg * ifa) * ioa;
-        tb[ti + 2] = (fb + bb * ifa) * ioa;
-      } else if (mode == 2) {
-        // copy only differences, otherwise zero
-        var fa = sb[si + 3],
-            fr = sb[si],
-            fg = sb[si + 1],
-            fb = sb[si + 2];
-        var ba = tb[ti + 3],
-            br = tb[ti],
-            bg = tb[ti + 1],
-            bb = tb[ti + 2];
-
-        if (fa == ba && fr == br && fg == bg && fb == bb) {
-          tb[ti] = 0;
-          tb[ti + 1] = 0;
-          tb[ti + 2] = 0;
-          tb[ti + 3] = 0;
-        } else {
-          tb[ti] = fr;
-          tb[ti + 1] = fg;
-          tb[ti + 2] = fb;
-          tb[ti + 3] = fa;
-        }
-      } else if (mode == 3) {
-        // check if can be blended
-        var fa = sb[si + 3],
-            fr = sb[si],
-            fg = sb[si + 1],
-            fb = sb[si + 2];
-        var ba = tb[ti + 3],
-            br = tb[ti],
-            bg = tb[ti + 1],
-            bb = tb[ti + 2];
-        if (fa == ba && fr == br && fg == bg && fb == bb) continue; //if(fa!=255 && ba!=0) return false;
-
-        if (fa < 220 && ba > 20) return false;
+    if (mode == 0) {
+      tb[ti] = sb[si];
+      tb[ti + 1] = sb[si + 1];
+      tb[ti + 2] = sb[si + 2];
+      tb[ti + 3] = sb[si + 3];
+    } else if (mode == 1) {
+      var fa = sb[si + 3] * (1 / 255),
+          fr = sb[si] * fa,
+          fg = sb[si + 1] * fa,
+          fb = sb[si + 2] * fa;
+      var ba = tb[ti + 3] * (1 / 255),
+          br = tb[ti] * ba,
+          bg = tb[ti + 1] * ba,
+          bb = tb[ti + 2] * ba;
+      var ifa = 1 - fa,
+          oa = fa + ba * ifa,
+          ioa = oa == 0 ? 0 : 1 / oa;
+      tb[ti + 3] = 255 * oa;
+      tb[ti + 0] = (fr + br * ifa) * ioa;
+      tb[ti + 1] = (fg + bg * ifa) * ioa;
+      tb[ti + 2] = (fb + bb * ifa) * ioa;
+    } else if (mode == 2) {
+      // copy only differences, otherwise zero
+      var fa = sb[si + 3],
+          fr = sb[si],
+          fg = sb[si + 1],
+          fb = sb[si + 2];
+      var ba = tb[ti + 3],
+          br = tb[ti],
+          bg = tb[ti + 1],
+          bb = tb[ti + 2];
+
+      if (fa == ba && fr == br && fg == bg && fb == bb) {
+        tb[ti] = 0;
+        tb[ti + 1] = 0;
+        tb[ti + 2] = 0;
+        tb[ti + 3] = 0;
+      } else {
+        tb[ti] = fr;
+        tb[ti + 1] = fg;
+        tb[ti + 2] = fb;
+        tb[ti + 3] = fa;
       }
+    } else if (mode == 3) {
+      // check if can be blended
+      var fa = sb[si + 3],
+          fr = sb[si],
+          fg = sb[si + 1],
+          fb = sb[si + 2];
+      var ba = tb[ti + 3],
+          br = tb[ti],
+          bg = tb[ti + 1],
+          bb = tb[ti + 2];
+      if (fa == ba && fr == br && fg == bg && fb == bb) continue; //if(fa!=255 && ba!=0) return false;
+
+      if (fa < 220 && ba > 20) return false;
     }
   }