pixel-data-js 0.5.2 → 0.8.0

package/src/{blend-modes.ts → BlendModes/blend-modes-fast.ts}

@@ -1,45 +1,39 @@
-import type { BlendColor32, Color32 } from './_types'
+import type { BlendColor32, Color32 } from '../_types'
+import { BlendMode } from './blend-modes'
 
-export const overwriteColor32: BlendColor32 = (src, dst) => src
+export const overwriteFast: BlendColor32 = (src, _dst) => src
 
-export const sourceOverColor32: BlendColor32 = (src, dst) => {
-  const a = (src >>> 24) & 0xFF
-  if (a === 255) return src
-  if (a === 0) return dst
-
-  // Pattern: (src * a + dst * (255 - a)) >> 8
-  // We process RB and G separately so they don't overflow into each other
-  const rbMask = 0xFF00FF
-  const gMask = 0x00FF00
+export const sourceOverFast: BlendColor32 = (src, dst) => {
+  const sa = (src >>> 24) & 0xFF
+  if (sa === 255) return src
+  if (sa === 0) return dst
 
-  const sRB = src & rbMask
-  const sG = src & gMask
-  const dRB = dst & rbMask
-  const dG = dst & gMask
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
 
-  const invA = 255 - a
+  const da = (dst >>> 24) & 0xFF
 
-  const outRB = ((sRB * a + dRB * invA) >> 8) & rbMask
-  const outG = ((sG * a + dG * invA) >> 8) & gMask
+  // Alpha Lerp inlined
+  const invA = 255 - sa
+  const r = (sr * sa + dr * invA) >> 8
+  const g = (sg * sa + dg * invA) >> 8
+  const b = (sb * sa + db * invA) >> 8
+  const a = (255 * sa + da * invA) >> 8
 
-  // Re-pack with opaque alpha (or calculate combined alpha if needed)
-  const outA = (a + (((dst >>> 24) & 0xFF) * invA >> 8))
-  return ((outA << 24) | outRB | outG) >>> 0 as Color32
+  return ((a << 24) | (b << 16) | (g << 8) | r) >>> 0 as Color32
 }
 
-/** Math.min(src, dst) */
-export const darkenColor32: BlendColor32 = (src, dst) => {
+export const darkenFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
-  const br = Math.min(src & 0xFF, dst & 0xFF)
-  const bg = Math.min((src >> 8) & 0xFF, (dst >> 8) & 0xFF)
-  const bb = Math.min((src >> 16) & 0xFF, (dst >> 16) & 0xFF)
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
 
-  if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
+  const br = sr < dr ? sr : dr
+  const bg = sg < dg ? sg : dg
+  const bb = sb < db ? sb : db
 
-  const dr = dst & 0xFF
-  const dg = (dst >> 8) & 0xFF
-  const db = (dst >> 16) & 0xFF
+  if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
   // Alpha Lerp inlined
   const invA = 255 - sa
@@ -52,64 +46,71 @@ export const darkenColor32: BlendColor32 = (src, dst) => {
 }
 
 /** (src * dst) / 255 */
-export const multiplyColor32: BlendColor32 = (src, dst) => {
+export const multiplyFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-
-  const br = ((src & 0xFF) * dr + 128) >> 8
-  const bg = (((src >> 8) & 0xFF) * dg) >> 8
-  const bb = (((src >> 16) & 0xFF) * db) >> 8
+  // Consistent floor rounding for all channels
+  const br = (sr * dr) >> 8
+  const bg = (sg * dg) >> 8
+  const bb = (sb * db) >> 8
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
   // Alpha Lerp inlined
   const invA = 255 - sa
+  const da = (dst >>> 24) & 0xFF
+
   const r = (br * sa + dr * invA) >> 8
   const g = (bg * sa + dg * invA) >> 8
   const b = (bb * sa + db * invA) >> 8
-  const a = (255 * sa + ((dst >>> 24) & 0xFF) * invA) >> 8
+  const a = (255 * sa + da * invA) >> 8
 
   return ((a << 24) | (b << 16) | (g << 8) | r) >>> 0 as Color32
 }
 
 /** 255 - (255-src)/dst */
-export const colorBurnColor32: BlendColor32 = (src, dst) => {
+export const colorBurnFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
 
-  const br = dr === 255 ? 255 : Math.max(0, 255 - ((255 - dr) << 8) / (sr || 1))
-  const bg = dg === 255 ? 255 : Math.max(0, 255 - ((255 - dg) << 8) / (sg || 1))
-  const bb = db === 255 ? 255 : Math.max(0, 255 - ((255 - db) << 8) / (sb || 1))
+  const br = dr === 255 ? 255 : sr === 0 ? 0 : Math.max(0, 255 - (((255 - dr) << 8) / sr) | 0)
+  const bg = dg === 255 ? 255 : sg === 0 ? 0 : Math.max(0, 255 - (((255 - dg) << 8) / sg) | 0)
+  const bb = db === 255 ? 255 : sb === 0 ? 0 : Math.max(0, 255 - (((255 - db) << 8) / sb) | 0)
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
-  // Alpha Lerp inlined
   const invA = 255 - sa
+  const da = (dst >>> 24) & 0xFF
+
   const r = (br * sa + dr * invA) >> 8
   const g = (bg * sa + dg * invA) >> 8
   const b = (bb * sa + db * invA) >> 8
-  const a = (255 * sa + ((dst >>> 24) & 0xFF) * invA) >> 8
+  const a = (255 * sa + da * invA) >> 8
 
   return ((a << 24) | (b << 16) | (g << 8) | r) >>> 0 as Color32
 }
 
 /** src + dst - 255 */
-export const linearBurnColor32: BlendColor32 = (src, dst) => {
+export const linearBurnFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
-
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
   // Math: Base + Blend - 255 (clamped to 0)
-  const br = Math.max(0, dr + sr - 255)
-  const bg = Math.max(0, dg + sg - 255)
-  const bb = Math.max(0, db + sb - 255)
+  const brU = dr + sr - 255
+  const bgU = dg + sg - 255
+  const bbU = db + sb - 255
+
+  const br = brU < 0 ? 0 : brU
+  const bg = bgU < 0 ? 0 : bgU
+  const bb = bbU < 0 ? 0 : bbU
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -123,12 +124,12 @@ export const linearBurnColor32: BlendColor32 = (src, dst) => {
   return ((a << 24) | (b << 16) | (g << 8) | r) >>> 0 as Color32
 }
 
-export const darkerColor32: BlendColor32 = (src, dst) => {
+export const darkerFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
   // 1. Calculate Luminosity (Photoshop Weights: R:0.3, G:0.59, B:0.11)
   // Scaled by 256 for integer math: 77, 151, 28
@@ -161,7 +162,7 @@ export const darkerColor32: BlendColor32 = (src, dst) => {
 }
 
 /** Math.max(src, dst) */
-export const lightenColor32: BlendColor32 = (src, dst) => {
+export const lightenFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
   const br = Math.max(src & 0xFF, dst & 0xFF)
@@ -187,15 +188,15 @@ export const lightenColor32: BlendColor32 = (src, dst) => {
 /**
  * 255 - ((255 - src) * (255 - dst))
  */
-export const screenColor32: BlendColor32 = (src, dst) => {
+export const screenFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
 
   const br = 255 - (((255 - (src & 0xFF)) * (255 - dr)) >> 8)
-  const bg = 255 - (((255 - ((src >> 8) & 0xFF)) * (255 - dg)) >> 8)
-  const bb = 255 - (((255 - ((src >> 16) & 0xFF)) * (255 - db)) >> 8)
+  const bg = 255 - (((255 - ((src >>> 8) & 0xFF)) * (255 - dg)) >> 8)
+  const bb = 255 - (((255 - ((src >>> 16) & 0xFF)) * (255 - db)) >> 8)
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -210,16 +211,16 @@ export const screenColor32: BlendColor32 = (src, dst) => {
 }
 
 /** src === 255 ? 255 : Math.min(255, (dst << 8) / (255 - src)) */
-export const colorDodgeColor32: BlendColor32 = (src, dst) => {
+export const colorDodgeFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
-  const br = sr === 255 ? 255 : Math.min(255, (dr << 8) / (255 - sr))
-  const bg = sg === 255 ? 255 : Math.min(255, (dg << 8) / (255 - sg))
-  const bb = sb === 255 ? 255 : Math.min(255, (db << 8) / (255 - sb))
+  const br = sr === 255 ? 255 : Math.min(255, ((dr << 8) / (255 - sr)) | 0)
+  const bg = sg === 255 ? 255 : Math.min(255, ((dg << 8) / (255 - sg)) | 0)
+  const bb = sb === 255 ? 255 : Math.min(255, ((db << 8) / (255 - sb)) | 0)
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -234,15 +235,18 @@ export const colorDodgeColor32: BlendColor32 = (src, dst) => {
 }
 
 /** src + dst */
-export const linearDodgeColor32: BlendColor32 = (src, dst) => {
+export const linearDodgeFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
+  const brU = (src & 0xFF) + dr
+  const bgU = ((src >>> 8) & 0xFF) + dg
+  const bbU = ((src >>> 16) & 0xFF) + db
 
-  const br = Math.min(255, (src & 0xFF) + dr)
-  const bg = Math.min(255, ((src >> 8) & 0xFF) + dg)
-  const bb = Math.min(255, ((src >> 16) & 0xFF) + db)
+  const br = brU > 255 ? 255 : brU
+  const bg = bgU > 255 ? 255 : bgU
+  const bb = bbU > 255 ? 255 : bbU
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -256,12 +260,12 @@ export const linearDodgeColor32: BlendColor32 = (src, dst) => {
   return ((a << 24) | (b << 16) | (g << 8) | r) >>> 0 as Color32
 }
 
-export const lighterColor32: BlendColor32 = (src, dst) => {
+export const lighterFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
   // Calculate Luminosity (Photoshop uses Weights: R:0.3, G:0.59, B:0.11)
   // We use integer math (scaled by 256) for speed.
@@ -293,12 +297,12 @@ export const lighterColor32: BlendColor32 = (src, dst) => {
 }
 
 /** src < 128 ? (2 * src * dst) : (255 - 2 * (255 - src) * (255 - dst)) */
-export const overlayColor32: BlendColor32 = (src, dst) => {
+export const overlayFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
 
   const br = dr < 128 ? (2 * sr * dr) >> 8 : 255 - (2 * (255 - sr) * (255 - dr) >> 8)
   const bg = dg < 128 ? (2 * sg * dg) >> 8 : 255 - (2 * (255 - sg) * (255 - dg) >> 8)
@@ -316,13 +320,13 @@ export const overlayColor32: BlendColor32 = (src, dst) => {
   return ((a << 24) | (b << 16) | (g << 8) | r) >>> 0 as Color32
 }
 
-/**  ((255 - dst) * ((src * dst) >> 8) + dst * (255 - (((255 - src) * (255 - dst)) >> 8))) >> 8 */
-export const softLightColor32: BlendColor32 = (src, dst) => {
+/** ((255 - dst) * ((src * dst) >> 8) + dst * (255 - (((255 - src) * (255 - dst)) >> 8))) >> 8 */
+export const softLightFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
   const br = ((255 - dr) * ((sr * dr) >> 8) + dr * (255 - (((255 - sr) * (255 - dr)) >> 8))) >> 8
   const bg = ((255 - dg) * ((sg * dg) >> 8) + dg * (255 - (((255 - sg) * (255 - dg)) >> 8))) >> 8
@@ -341,12 +345,12 @@ export const softLightColor32: BlendColor32 = (src, dst) => {
 }
 
 /** If src < 128 (50% gray), Multiply; otherwise, Screen */
-export const hardLightColor32: BlendColor32 = (src, dst) => {
+export const hardLightFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
   const br = sr < 128 ? (2 * sr * dr) >> 8 : 255 - ((2 * (255 - sr) * (255 - dr)) >> 8)
   const bg = sg < 128 ? (2 * sg * dg) >> 8 : 255 - ((2 * (255 - sg) * (255 - dg)) >> 8)
@@ -368,24 +372,16 @@ export const hardLightColor32: BlendColor32 = (src, dst) => {
  * If src < 128: Burn(dst, 2 * src)
  * If src >= 128: Dodge(dst, 2 * (src - 128))
  */
-export const vividLightColor32: BlendColor32 = (src, dst) => {
+export const vividLightFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
-
-  const br = sr < 128
-    ? (sr === 0 ? 0 : Math.max(0, 255 - (((255 - dr) << 8) / (2 * sr))))
-    : (sr === 255 ? 255 : Math.min(255, (dr << 8) / (2 * (255 - sr))))
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
-  const bg = sg < 128
-    ? (sg === 0 ? 0 : Math.max(0, 255 - (((255 - dg) << 8) / (2 * sg))))
-    : (sg === 255 ? 255 : Math.min(255, (dg << 8) / (2 * (255 - sg))))
-
-  const bb = sb < 128
-    ? (sb === 0 ? 0 : Math.max(0, 255 - (((255 - db) << 8) / (2 * sb))))
-    : (sb === 255 ? 255 : Math.min(255, (db << 8) / (2 * (255 - sb))))
+  const br = sr < 128 ? (sr === 0 ? 0 : Math.max(0, 255 - (((255 - dr) << 8) / (2 * sr)) | 0)) : (sr === 255 ? 255 : Math.min(255, ((dr << 8) / (2 * (255 - sr))) | 0))
+  const bg = sg < 128 ? (sg === 0 ? 0 : Math.max(0, 255 - (((255 - dg) << 8) / (2 * sg)) | 0)) : (sg === 255 ? 255 : Math.min(255, ((dg << 8) / (2 * (255 - sg))) | 0))
+  const bb = sb < 128 ? (sb === 0 ? 0 : Math.max(0, 255 - (((255 - db) << 8) / (2 * sb)) | 0)) : (sb === 255 ? 255 : Math.min(255, ((db << 8) / (2 * (255 - sb))) | 0))
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -400,16 +396,20 @@ export const vividLightColor32: BlendColor32 = (src, dst) => {
 }
 
 /** dst + 2 * src - 255 (Clamped to 0-255) */
-export const linearLightColor32: BlendColor32 = (src, dst) => {
+export const linearLightFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
+
+  const brU = dr + 2 * sr - 255
+  const bgU = dg + 2 * sg - 255
+  const bbU = db + 2 * sb - 255
 
-  const br = Math.max(0, Math.min(255, dr + 2 * sr - 255))
-  const bg = Math.max(0, Math.min(255, dg + 2 * sg - 255))
-  const bb = Math.max(0, Math.min(255, db + 2 * sb - 255))
+  const br = brU < 0 ? 0 : brU > 255 ? 255 : brU
+  const bg = bgU < 0 ? 0 : bgU > 255 ? 255 : bgU
+  const bb = bbU < 0 ? 0 : bbU > 255 ? 255 : bbU
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -424,16 +424,16 @@ export const linearLightColor32: BlendColor32 = (src, dst) => {
 }
 
 /** src < 128 ? min(dst, 2 * src) : max(dst, 2 * (src - 128)) */
-export const pinLightColor32: BlendColor32 = (src, dst) => {
+export const pinLightFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
-  const br = sr < 128 ? Math.min(dr, 2 * sr) : Math.max(dr, 2 * (sr - 128))
-  const bg = sg < 128 ? Math.min(dg, 2 * sg) : Math.max(dg, 2 * (sg - 128))
-  const bb = sb < 128 ? Math.min(db, 2 * sb) : Math.max(db, 2 * (sb - 128))
+  const br = sr < 128 ? (dr < 2 * sr ? dr : 2 * sr) : (dr > 2 * sr - 256 ? dr : 2 * sr - 256)
+  const bg = sg < 128 ? (dg < 2 * sg ? dg : 2 * sg) : (dg > 2 * sg - 256 ? dg : 2 * sg - 256)
+  const bb = sb < 128 ? (db < 2 * sb ? db : 2 * sb) : (db > 2 * sb - 256 ? db : 2 * sb - 256)
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -448,24 +448,16 @@ export const pinLightColor32: BlendColor32 = (src, dst) => {
 }
 
 /** (Vivid Light logic forced to 0 or 255) */
-export const hardMixColor32: BlendColor32 = (src, dst) => {
+export const hardMixFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
-
-  const br = (sr < 128
-    ? (sr === 0 ? 0 : Math.max(0, 255 - (((255 - dr) << 8) / (2 * sr))))
-    : (sr === 255 ? 255 : Math.min(255, (dr << 8) / (2 * (255 - sr))))) < 128 ? 0 : 255
-
-  const bg = (sg < 128
-    ? (sg === 0 ? 0 : Math.max(0, 255 - (((255 - dg) << 8) / (2 * sg))))
-    : (sg === 255 ? 255 : Math.min(255, (dg << 8) / (2 * (255 - sg))))) < 128 ? 0 : 255
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
-  const bb = (sb < 128
-    ? (sb === 0 ? 0 : Math.max(0, 255 - (((255 - db) << 8) / (2 * sb))))
-    : (sb === 255 ? 255 : Math.min(255, (db << 8) / (2 * (255 - sb))))) < 128 ? 0 : 255
+  const br = (sr < 128 ? (sr === 0 ? 0 : Math.max(0, 255 - (((255 - dr) << 8) / (2 * sr)) | 0)) : (sr === 255 ? 255 : Math.min(255, ((dr << 8) / (2 * (255 - sr))) | 0))) < 128 ? 0 : 255
+  const bg = (sg < 128 ? (sg === 0 ? 0 : Math.max(0, 255 - (((255 - dg) << 8) / (2 * sg)) | 0)) : (sg === 255 ? 255 : Math.min(255, ((dg << 8) / (2 * (255 - sg))) | 0))) < 128 ? 0 : 255
+  const bb = (sb < 128 ? (sb === 0 ? 0 : Math.max(0, 255 - (((255 - db) << 8) / (2 * sb)) | 0)) : (sb === 255 ? 255 : Math.min(255, ((db << 8) / (2 * (255 - sb))) | 0))) < 128 ? 0 : 255
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -480,15 +472,19 @@ export const hardMixColor32: BlendColor32 = (src, dst) => {
 }
 
 /** Math.abs(src - dst) */
-export const differenceColor32: BlendColor32 = (src, dst) => {
+export const differenceFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
 
-  const br = Math.abs((src & 0xFF) - dr)
-  const bg = Math.abs(((src >> 8) & 0xFF) - dg)
-  const bb = Math.abs(((src >> 16) & 0xFF) - db)
+  const brD = (src & 0xFF) - dr
+  const bgD = ((src >>> 8) & 0xFF) - dg
+  const bbD = ((src >>> 16) & 0xFF) - db
+
+  const br = brD < 0 ? -brD : brD
+  const bg = bgD < 0 ? -bgD : bgD
+  const bb = bbD < 0 ? -bbD : bbD
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -503,12 +499,12 @@ export const differenceColor32: BlendColor32 = (src, dst) => {
 }
 
 /** dst + src - ((dst * src) >> 7) */
-export const exclusionColor32: BlendColor32 = (src, dst) => {
+export const exclusionFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
   const br = dr + sr - ((dr * sr) >> 7)
   const bg = dg + sg - ((dg * sg) >> 7)
@@ -527,16 +523,20 @@ export const exclusionColor32: BlendColor32 = (src, dst) => {
 }
 
 /** Math.max(0, dst - src) */
-export const subtractColor32: BlendColor32 = (src, dst) => {
+export const subtractFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
+
+  const brU = dr - sr
+  const bgU = dg - sg
+  const bbU = db - sb
 
-  const br = Math.max(0, dr - sr)
-  const bg = Math.max(0, dg - sg)
-  const bb = Math.max(0, db - sb)
+  const br = brU < 0 ? 0 : brU
+  const bg = bgU < 0 ? 0 : bgU
+  const bb = bbU < 0 ? 0 : bbU
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -551,16 +551,16 @@ export const subtractColor32: BlendColor32 = (src, dst) => {
 }
 
 /** sr === 0 ? 255 : Math.min(255, (dr << 8) / sr) */
-export const divideColor32: BlendColor32 = (src, dst) => {
+export const divideFast: BlendColor32 = (src, dst) => {
   const sa = (src >>> 24) & 0xFF
   if (sa === 0) return dst
 
-  const dr = dst & 0xFF, dg = (dst >> 8) & 0xFF, db = (dst >> 16) & 0xFF
-  const sr = src & 0xFF, sg = (src >> 8) & 0xFF, sb = (src >> 16) & 0xFF
+  const dr = dst & 0xFF, dg = (dst >>> 8) & 0xFF, db = (dst >>> 16) & 0xFF
+  const sr = src & 0xFF, sg = (src >>> 8) & 0xFF, sb = (src >>> 16) & 0xFF
 
-  const br = sr === 0 ? 255 : Math.min(255, (dr << 8) / sr)
-  const bg = sg === 0 ? 255 : Math.min(255, (dg << 8) / sg)
-  const bb = sb === 0 ? 255 : Math.min(255, (db << 8) / sb)
+  const br = sr === 0 ? 255 : Math.min(255, ((dr << 8) / sr) | 0)
+  const bg = sg === 0 ? 255 : Math.min(255, ((dg << 8) / sg) | 0)
+  const bb = sb === 0 ? 255 : Math.min(255, ((db << 8) / sb) | 0)
 
   if (sa === 255) return (0xFF000000 | (bb << 16) | (bg << 8) | br) >>> 0 as Color32
 
@@ -574,95 +574,93 @@ export const divideColor32: BlendColor32 = (src, dst) => {
   return ((a << 24) | (b << 16) | (g << 8) | r) >>> 0 as Color32
 }
 
-// The enum index IS the permanent ID.
-// do not change the order, Adding to it is ok.
-export enum BlendMode {
-  overwrite,
-  sourceOver,
-
-  darken,
-  multiply,
-  colorBurn,
-  linearBurn,
-  darkerColor,
-
-  lighten,
-  screen,
-  colorDodge,
-  linearDodge,
-  lighterColor,
-
-  overlay,
-  softLight,
-  hardLight,
-  vividLight,
-  linearLight,
-  pinLight,
-  hardMix,
-
-  difference,
-  exclusion,
-  subtract,
-  divide,
-}
-
-const BLENDER_REGISTRY = [
-  [BlendMode.overwrite, overwriteColor32],
-  [BlendMode.sourceOver, sourceOverColor32],
-
-  [BlendMode.darken, darkenColor32],
-  [BlendMode.multiply, multiplyColor32],
-  [BlendMode.colorBurn, colorBurnColor32],
-  [BlendMode.linearBurn, linearBurnColor32],
-  [BlendMode.darkerColor, darkerColor32],
-
-  [BlendMode.lighten, lightenColor32],
-  [BlendMode.screen, screenColor32],
-  [BlendMode.colorDodge, colorDodgeColor32],
-  [BlendMode.linearDodge, linearDodgeColor32],
-  [BlendMode.lighterColor, lighterColor32],
-
-  [BlendMode.overlay, overlayColor32],
-  [BlendMode.softLight, softLightColor32],
-  [BlendMode.hardLight, hardLightColor32],
-  [BlendMode.vividLight, vividLightColor32],
-  [BlendMode.linearLight, linearLightColor32],
-  [BlendMode.pinLight, pinLightColor32],
-  [BlendMode.hardMix, hardMixColor32],
-
-  [BlendMode.difference, differenceColor32],
-  [BlendMode.exclusion, exclusionColor32],
-  [BlendMode.subtract, subtractColor32],
-  [BlendMode.divide, divideColor32],
+export const FAST_BLENDER_REGISTRY = [
+  [BlendMode.overwrite, overwriteFast],
+  [BlendMode.sourceOver, sourceOverFast],
+
+  [BlendMode.darken, darkenFast],
+  [BlendMode.multiply, multiplyFast],
+  [BlendMode.colorBurn, colorBurnFast],
+  [BlendMode.linearBurn, linearBurnFast],
+  [BlendMode.darkerColor, darkerFast],
+
+  [BlendMode.lighten, lightenFast],
+  [BlendMode.screen, screenFast],
+  [BlendMode.colorDodge, colorDodgeFast],
+  [BlendMode.linearDodge, linearDodgeFast],
+  [BlendMode.lighterColor, lighterFast],
+
+  [BlendMode.overlay, overlayFast],
+  [BlendMode.softLight, softLightFast],
+  [BlendMode.hardLight, hardLightFast],
+  [BlendMode.vividLight, vividLightFast],
+  [BlendMode.linearLight, linearLightFast],
+  [BlendMode.pinLight, pinLightFast],
+  [BlendMode.hardMix, hardMixFast],
+
+  [BlendMode.difference, differenceFast],
+  [BlendMode.exclusion, exclusionFast],
+  [BlendMode.subtract, subtractFast],
+  [BlendMode.divide, divideFast],
 ] as const
 
-export type RegisteredBlender = typeof BLENDER_REGISTRY[number][1]
-export type BlendModeIndex = number & { readonly __brandBlendModeIndex: unique symbol }
+export type RegisteredFastBlender = typeof FAST_BLENDER_REGISTRY[number][1]
+export type FastBlendModeIndex = number & { readonly __brandBlendModeIndex: unique symbol }
 
-export const COLOR_32_BLEND_MODES: BlendColor32[] = []
+export const FAST_BLEND_MODES: BlendColor32[] = []
 
-for (const [index, blend] of BLENDER_REGISTRY) {
-  COLOR_32_BLEND_MODES[index as BlendModeIndex] = blend
+for (const [index, blend] of FAST_BLENDER_REGISTRY) {
+  FAST_BLEND_MODES[index as FastBlendModeIndex] = blend
 }
 
-export const COLOR_32_BLEND_TO_INDEX = new Map<RegisteredBlender, BlendModeIndex>(
-  BLENDER_REGISTRY.map((entry, index) => {
+export const FAST_BLEND_TO_INDEX = new Map<RegisteredFastBlender, FastBlendModeIndex>(
+  FAST_BLENDER_REGISTRY.map((entry, index) => {
     return [
       entry[1],
-      index as BlendModeIndex,
+      index as FastBlendModeIndex,
     ]
   }),
 ) as {
-  get: (blend: RegisteredBlender) => BlendModeIndex
+  get: (blend: RegisteredFastBlender) => FastBlendModeIndex
 }
 
-export const INDEX_TO_COLOR_32_BLEND = new Map<BlendModeIndex, RegisteredBlender>(
-  BLENDER_REGISTRY.map((entry, index) => {
+export const INDEX_TO_FAST_BLEND = new Map<FastBlendModeIndex, RegisteredFastBlender>(
+  FAST_BLENDER_REGISTRY.map((entry, index) => {
     return [
-      index as BlendModeIndex,
+      index as FastBlendModeIndex,
       entry[1],
     ]
   }),
 ) as {
-  get: (index: BlendModeIndex) => RegisteredBlender
+  get: (index: FastBlendModeIndex) => RegisteredFastBlender
 }
+
+export type FastBlendModes = {
+  [K in keyof typeof BlendMode]: RegisteredFastBlender
+}
+
+export const FAST_BLEND_MODE_BY_NAME: FastBlendModes = {
+  overwrite: overwriteFast,
+  sourceOver: sourceOverFast,
+  darken: darkenFast,
+  multiply: multiplyFast,
+  colorBurn: colorBurnFast,
+  linearBurn: linearBurnFast,
+  darkerColor: darkerFast,
+  lighten: lightenFast,
+  screen: screenFast,
+  colorDodge: colorDodgeFast,
+  linearDodge: linearDodgeFast,
+  lighterColor: lighterFast,
+  overlay: overlayFast,
+  softLight: softLightFast,
+  hardLight: hardLightFast,
+  vividLight: vividLightFast,
+  linearLight: linearLightFast,
+  pinLight: pinLightFast,
+  hardMix: hardMixFast,
+  difference: differenceFast,
+  exclusion: exclusionFast,
+  subtract: subtractFast,
+  divide: divideFast,
+} as const