react-native-shine 0.7.0 → 0.8.0

package/lib/module/shaders/colorConversions.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import tgpu from 'typegpu';
+import * as std from 'typegpu/std';
+import * as d from 'typegpu/data';
+// branchless implementation
+export const RGBToHSL = (globalThis.__TYPEGPU_AUTONAME__ ?? (a => a))(tgpu.fn([d.vec3f], d.vec3f)(($ => (globalThis.__TYPEGPU_META__ ??= new WeakMap()).set($.f = rgb => {
+  const chroma_max = std.max(rgb.x, std.max(rgb.y, rgb.z));
+  const chroma_min = std.min(rgb.x, std.min(rgb.y, rgb.z));
+  const chroma = chroma_max - chroma_min;
+  const lightness = (chroma_max + chroma_min) / 2.0;
+  const safe_chroma = chroma + d.f32(chroma === 0.0);
+  const saturation_denomitator = 1.0 - std.abs(2.0 * lightness - 1.0);
+  const safe_saturation_denominator = saturation_denomitator + d.f32(saturation_denomitator === 0.0);
+  const safe_saturation = chroma / safe_saturation_denominator;
+  const hue_red = (rgb.y - rgb.z) / safe_chroma % 6;
+  const hue_green = (rgb.z - rgb.x) / safe_chroma + 2.0;
+  const hue_blue = (rgb.x - rgb.y) / safe_chroma + 4.0;
+  let hue_prime = hue_red;
+  hue_prime = std.select(hue_prime, hue_green, chroma_max === rgb.y);
+  hue_prime = std.select(hue_prime, hue_blue, chroma_max === rgb.z);
+  hue_prime = std.select(hue_prime, hue_prime + 6, hue_prime < 0);
+  const safe_hue = hue_prime * 60;
+  const hue = std.select(0.0, safe_hue, chroma !== 0);
+  return d.vec3f(hue, safe_saturation, lightness);
+}, {
+  v: 1,
+  name: void 0,
+  ast: {"params":[{"type":"i","name":"rgb"}],"body":[0,[[13,"chroma_max",[6,[7,"std","max"],[[7,"rgb","x"],[6,[7,"std","max"],[[7,"rgb","y"],[7,"rgb","z"]]]]]],[13,"chroma_min",[6,[7,"std","min"],[[7,"rgb","x"],[6,[7,"std","min"],[[7,"rgb","y"],[7,"rgb","z"]]]]]],[13,"chroma",[1,"chroma_max","-","chroma_min"]],[13,"lightness",[1,[1,"chroma_max","+","chroma_min"],"/",[5,"2"]]],[13,"safe_chroma",[1,"chroma","+",[6,[7,"d","f32"],[[1,"chroma","==",[5,"0"]]]]]],[13,"saturation_denomitator",[1,[5,"1"],"-",[6,[7,"std","abs"],[[1,[1,[5,"2"],"*","lightness"],"-",[5,"1"]]]]]],[13,"safe_saturation_denominator",[1,"saturation_denomitator","+",[6,[7,"d","f32"],[[1,"saturation_denomitator","==",[5,"0"]]]]]],[13,"safe_saturation",[1,"chroma","/","safe_saturation_denominator"]],[13,"hue_red",[1,[1,[1,[7,"rgb","y"],"-",[7,"rgb","z"]],"/","safe_chroma"],"%",[5,"6"]]],[13,"hue_green",[1,[1,[1,[7,"rgb","z"],"-",[7,"rgb","x"]],"/","safe_chroma"],"+",[5,"2"]]],[13,"hue_blue",[1,[1,[1,[7,"rgb","x"],"-",[7,"rgb","y"]],"/","safe_chroma"],"+",[5,"4"]]],[12,"hue_prime","hue_red"],[2,"hue_prime","=",[6,[7,"std","select"],["hue_prime","hue_green",[1,"chroma_max","==",[7,"rgb","y"]]]]],[2,"hue_prime","=",[6,[7,"std","select"],["hue_prime","hue_blue",[1,"chroma_max","==",[7,"rgb","z"]]]]],[2,"hue_prime","=",[6,[7,"std","select"],["hue_prime",[1,"hue_prime","+",[5,"6"]],[1,"hue_prime","<",[5,"0"]]]]],[13,"safe_hue",[1,"hue_prime","*",[5,"60"]]],[13,"hue",[6,[7,"std","select"],[[5,"0"],"safe_hue",[1,"chroma","!=",[5,"0"]]]]],[10,[6,[7,"d","vec3f"],["hue","safe_saturation","lightness"]]]]],"externalNames":["std","d"]},
+  get externals() {
+    return {
+      std,
+      d
+    };
+  }
+}) && $.f)({})), "RGBToHSL");
+export const HSLToRGB = (globalThis.__TYPEGPU_AUTONAME__ ?? (a => a))(tgpu.fn([d.vec3f], d.vec3f)(($ => (globalThis.__TYPEGPU_META__ ??= new WeakMap()).set($.f = rgb => {
+  // Your HSL values
+  const h = rgb.x;
+  const s = rgb.y;
+  const l = rgb.z;
+  // 1. Calculate Chroma (c)
+  let c = (1.0 - std.abs(2.0 * l - 1.0)) * s;
+
+  // 2. Calculate H_prime (H') and the intermediate value (x)
+  // H' is H mapped to a 0.0-6.0 range
+  let h_prime = h / 60.0 % 6.0;
+  let x = c * (1.0 - std.abs(h_prime % 2.0 - 1.0));
+
+  // 3. Get the integer "sector" (0-5)
+  let i = std.floor(h_prime);
+
+  // 4. Find the (r', g', b') triplet using a branchless switch.
+  // We multiply each possible triplet by 1.0 if it's the right
+  // sector, or 0.0 if not, then add them all together.
+  let rgb_prime = d.vec3f(0.0);
+  rgb_prime = std.add(rgb_prime, std.mix(d.vec3f(), d.vec3f(c, x, 0.0), d.f32(i === 0.0)));
+  rgb_prime = std.add(rgb_prime, std.mix(d.vec3f(), d.vec3f(x, c, 0.0), d.f32(i === 1.0)));
+  rgb_prime = std.add(rgb_prime, std.mix(d.vec3f(), d.vec3f(0, c, x), d.f32(i === 2.0)));
+  rgb_prime = std.add(rgb_prime, std.mix(d.vec3f(), d.vec3f(0, x, c), d.f32(i === 3.0)));
+  rgb_prime = std.add(rgb_prime, std.mix(d.vec3f(), d.vec3f(x, 0, c), d.f32(i === 4.0)));
+  rgb_prime = std.add(rgb_prime, std.mix(d.vec3f(), d.vec3f(c, 0, x), d.f32(i === 5.0)));
+
+  // 5. Calculate the lightness offset (m) and add it to all components
+  let m = l - c / 2.0;
+  return std.add(rgb_prime, d.vec3f(m));
+}, {
+  v: 1,
+  name: void 0,
+  ast: {"params":[{"type":"i","name":"rgb"}],"body":[0,[[13,"h",[7,"rgb","x"]],[13,"s",[7,"rgb","y"]],[13,"l",[7,"rgb","z"]],[12,"c",[1,[1,[5,"1"],"-",[6,[7,"std","abs"],[[1,[1,[5,"2"],"*","l"],"-",[5,"1"]]]]],"*","s"]],[12,"h_prime",[1,[1,"h","/",[5,"60"]],"%",[5,"6"]]],[12,"x",[1,"c","*",[1,[5,"1"],"-",[6,[7,"std","abs"],[[1,[1,"h_prime","%",[5,"2"]],"-",[5,"1"]]]]]]],[12,"i",[6,[7,"std","floor"],["h_prime"]]],[12,"rgb_prime",[6,[7,"d","vec3f"],[[5,"0"]]]],[2,"rgb_prime","=",[6,[7,"std","add"],["rgb_prime",[6,[7,"std","mix"],[[6,[7,"d","vec3f"],[]],[6,[7,"d","vec3f"],["c","x",[5,"0"]]],[6,[7,"d","f32"],[[1,"i","==",[5,"0"]]]]]]]]],[2,"rgb_prime","=",[6,[7,"std","add"],["rgb_prime",[6,[7,"std","mix"],[[6,[7,"d","vec3f"],[]],[6,[7,"d","vec3f"],["x","c",[5,"0"]]],[6,[7,"d","f32"],[[1,"i","==",[5,"1"]]]]]]]]],[2,"rgb_prime","=",[6,[7,"std","add"],["rgb_prime",[6,[7,"std","mix"],[[6,[7,"d","vec3f"],[]],[6,[7,"d","vec3f"],[[5,"0"],"c","x"]],[6,[7,"d","f32"],[[1,"i","==",[5,"2"]]]]]]]]],[2,"rgb_prime","=",[6,[7,"std","add"],["rgb_prime",[6,[7,"std","mix"],[[6,[7,"d","vec3f"],[]],[6,[7,"d","vec3f"],[[5,"0"],"x","c"]],[6,[7,"d","f32"],[[1,"i","==",[5,"3"]]]]]]]]],[2,"rgb_prime","=",[6,[7,"std","add"],["rgb_prime",[6,[7,"std","mix"],[[6,[7,"d","vec3f"],[]],[6,[7,"d","vec3f"],["x",[5,"0"],"c"]],[6,[7,"d","f32"],[[1,"i","==",[5,"4"]]]]]]]]],[2,"rgb_prime","=",[6,[7,"std","add"],["rgb_prime",[6,[7,"std","mix"],[[6,[7,"d","vec3f"],[]],[6,[7,"d","vec3f"],["c",[5,"0"],"x"]],[6,[7,"d","f32"],[[1,"i","==",[5,"5"]]]]]]]]],[12,"m",[1,"l","-",[1,"c","/",[5,"2"]]]],[10,[6,[7,"std","add"],["rgb_prime",[6,[7,"d","vec3f"],["m"]]]]]]],"externalNames":["std","d"]},
+  get externals() {
+    return {
+      std,
+      d
+    };
+  }
+}) && $.f)({})), "HSLToRGB");
+//# sourceMappingURL=colorConversions.js.map

package/lib/module/shaders/colorConversions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tgpu","std","d","RGBToHSL","globalThis","__TYPEGPU_AUTONAME__","a","fn","vec3f","$","__TYPEGPU_META__","WeakMap","set","f","rgb","chroma_max","max","x","y","z","chroma_min","min","chroma","lightness","safe_chroma","f32","saturation_denomitator","abs","safe_saturation_denominator","safe_saturation","hue_red","hue_green","hue_blue","hue_prime","select","safe_hue","hue","v","name","ast","{\"params\":[{\"type\":\"i\",\"name\":\"rgb\"}],\"body\":[0,[[13,\"chroma_max\",[6,[7,\"std\",\"max\"],[[7,\"rgb\",\"x\"],[6,[7,\"std\",\"max\"],[[7,\"rgb\",\"y\"],[7,\"rgb\",\"z\"]]]]]],[13,\"chroma_min\",[6,[7,\"std\",\"min\"],[[7,\"rgb\",\"x\"],[6,[7,\"std\",\"min\"],[[7,\"rgb\",\"y\"],[7,\"rgb\",\"z\"]]]]]],[13,\"chroma\",[1,\"chroma_max\",\"-\",\"chroma_min\"]],[13,\"lightness\",[1,[1,\"chroma_max\",\"+\",\"chroma_min\"],\"/\",[5,\"2\"]]],[13,\"safe_chroma\",[1,\"chroma\",\"+\",[6,[7,\"d\",\"f32\"],[[1,\"chroma\",\"==\",[5,\"0\"]]]]]],[13,\"saturation_denomitator\",[1,[5,\"1\"],\"-\",[6,[7,\"std\",\"abs\"],[[1,[1,[5,\"2\"],\"*\",\"lightness\"],\"-\",[5,\"1\"]]]]]],[13,\"safe_saturation_denominator\",[1,\"saturation_denomitator\",\"+\",[6,[7,\"d\",\"f32\"],[[1,\"saturation_denomitator\",\"==\",[5,\"0\"]]]]]],[13,\"safe_saturation\",[1,\"chroma\",\"/\",\"safe_saturation_denominator\"]],[13,\"hue_red\",[1,[1,[1,[7,\"rgb\",\"y\"],\"-\",[7,\"rgb\",\"z\"]],\"/\",\"safe_chroma\"],\"%\",[5,\"6\"]]],[13,\"hue_green\",[1,[1,[1,[7,\"rgb\",\"z\"],\"-\",[7,\"rgb\",\"x\"]],\"/\",\"safe_chroma\"],\"+\",[5,\"2\"]]],[13,\"hue_blue\",[1,[1,[1,[7,\"rgb\",\"x\"],\"-\",[7,\"rgb\",\"y\"]],\"/\",\"safe_chroma\"],\"+\",[5,\"4\"]]],[12,\"hue_prime\",\"hue_red\"],[2,\"hue_prime\",\"=\",[6,[7,\"std\",\"select\"],[\"hue_prime\",\"hue_green\",[1,\"chroma_max\",\"==\",[7,\"rgb\",\"y\"]]]]],[2,\"hue_prime\",\"=\",[6,[7,\"std\",\"select\"],[\"hue_prime\",\"hue_blue\",[1,\"chroma_max\",\"==\",[7,\"rgb\",\"z\"]]]]],[2,\"hue_prime\",\"=\",[6,[7,\"std\",\"select\"],[\"hue_prime\",[1,\"hue_prime\",\"+\",[5,\"6\"]],[1,\"hue_prime\",\"<\",[5,\"0\"]]]]],[13,\"safe_hue\",[1,\"hue_prime\",\"*\",[5,\"60\"]]],[13,\"hue\",[6,[7,\"std\",\"select\"],[[5,\"0\"],\"safe_hue\",[1,\"chroma\",\"!=\",[5,\"0\"]]]]],[10,[6,[7,\"d\",\"vec3f\"],[\"hue\",\"safe_saturation\",\"lightness\"]]]]],\"externalNames\":[\"std\",\"d\"]}","externals","HSLToRGB","h","s","l","c","h_prime","i","floor","rgb_prime","add","mix","m","{\"params\":[{\"type\":\"i\",\"name\":\"rgb\"}],\"body\":[0,[[13,\"h\",[7,\"rgb\",\"x\"]],[13,\"s\",[7,\"rgb\",\"y\"]],[13,\"l\",[7,\"rgb\",\"z\"]],[12,\"c\",[1,[1,[5,\"1\"],\"-\",[6,[7,\"std\",\"abs\"],[[1,[1,[5,\"2\"],\"*\",\"l\"],\"-\",[5,\"1\"]]]]],\"*\",\"s\"]],[12,\"h_prime\",[1,[1,\"h\",\"/\",[5,\"60\"]],\"%\",[5,\"6\"]]],[12,\"x\",[1,\"c\",\"*\",[1,[5,\"1\"],\"-\",[6,[7,\"std\",\"abs\"],[[1,[1,\"h_prime\",\"%\",[5,\"2\"]],\"-\",[5,\"1\"]]]]]]],[12,\"i\",[6,[7,\"std\",\"floor\"],[\"h_prime\"]]],[12,\"rgb_prime\",[6,[7,\"d\",\"vec3f\"],[[5,\"0\"]]]],[2,\"rgb_prime\",\"=\",[6,[7,\"std\",\"add\"],[\"rgb_prime\",[6,[7,\"std\",\"mix\"],[[6,[7,\"d\",\"vec3f\"],[]],[6,[7,\"d\",\"vec3f\"],[\"c\",\"x\",[5,\"0\"]]],[6,[7,\"d\",\"f32\"],[[1,\"i\",\"==\",[5,\"0\"]]]]]]]]],[2,\"rgb_prime\",\"=\",[6,[7,\"std\",\"add\"],[\"rgb_prime\",[6,[7,\"std\",\"mix\"],[[6,[7,\"d\",\"vec3f\"],[]],[6,[7,\"d\",\"vec3f\"],[\"x\",\"c\",[5,\"0\"]]],[6,[7,\"d\",\"f32\"],[[1,\"i\",\"==\",[5,\"1\"]]]]]]]]],[2,\"rgb_prime\",\"=\",[6,[7,\"std\",\"add\"],[\"rgb_prime\",[6,[7,\"std\",\"mix\"],[[6,[7,\"d\",\"vec3f\"],[]],[6,[7,\"d\",\"vec3f\"],[[5,\"0\"],\"c\",\"x\"]],[6,[7,\"d\",\"f32\"],[[1,\"i\",\"==\",[5,\"2\"]]]]]]]]],[2,\"rgb_prime\",\"=\",[6,[7,\"std\",\"add\"],[\"rgb_prime\",[6,[7,\"std\",\"mix\"],[[6,[7,\"d\",\"vec3f\"],[]],[6,[7,\"d\",\"vec3f\"],[[5,\"0\"],\"x\",\"c\"]],[6,[7,\"d\",\"f32\"],[[1,\"i\",\"==\",[5,\"3\"]]]]]]]]],[2,\"rgb_prime\",\"=\",[6,[7,\"std\",\"add\"],[\"rgb_prime\",[6,[7,\"std\",\"mix\"],[[6,[7,\"d\",\"vec3f\"],[]],[6,[7,\"d\",\"vec3f\"],[\"x\",[5,\"0\"],\"c\"]],[6,[7,\"d\",\"f32\"],[[1,\"i\",\"==\",[5,\"4\"]]]]]]]]],[2,\"rgb_prime\",\"=\",[6,[7,\"std\",\"add\"],[\"rgb_prime\",[6,[7,\"std\",\"mix\"],[[6,[7,\"d\",\"vec3f\"],[]],[6,[7,\"d\",\"vec3f\"],[\"c\",[5,\"0\"],\"x\"]],[6,[7,\"d\",\"f32\"],[[1,\"i\",\"==\",[5,\"5\"]]]]]]]]],[12,\"m\",[1,\"l\",\"-\",[1,\"c\",\"/\",[5,\"2\"]]]],[10,[6,[7,\"std\",\"add\"],[\"rgb_prime\",[6,[7,\"d\",\"vec3f\"],[\"m\"]]]]]]],\"externalNames\":[\"std\",\"d\"]}"],"sourceRoot":"../../../src","sources":["shaders/colorConversions.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/shaders/computeShaders/precomputeColorMask.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import tgpu from 'typegpu';
+import * as d from 'typegpu/data';
+import * as std from 'typegpu/std';
+import { precomputeColorMaskBindGroupLayout, sharedBindGroupLayout } from "./../bindGroupLayouts.js";
+export const precomputeColorMask = (globalThis.__TYPEGPU_AUTONAME__ ?? (a => a))(tgpu['~unstable'].computeFn({
+  in: {
+    gid: d.builtin.globalInvocationId
+  },
+  workgroupSize: [8, 8, 1]
+})(($ => (globalThis.__TYPEGPU_META__ ??= new WeakMap()).set($.f = input => {
+  const x = input.gid.x;
+  const y = input.gid.y;
+  const colorMaskStorageTexture = precomputeColorMaskBindGroupLayout.$.colorMaskStorage;
+  const size = std.textureDimensions(colorMaskStorageTexture);
+  if (x >= size.x || y >= size.y) return;
+  const uv = d.vec2f(d.f32(x) / d.f32(size.x), d.f32(y) / d.f32(size.y));
+  const colorSampled = std.textureSample(sharedBindGroupLayout.$.texture, sharedBindGroupLayout.$.sampler, uv);
+  std.textureStore(colorMaskStorageTexture, d.vec2u(x, y), colorSampled);
+}, {
+  v: 1,
+  name: void 0,
+  ast: {"params":[{"type":"i","name":"input"}],"body":[0,[[13,"x",[7,[7,"input","gid"],"x"]],[13,"y",[7,[7,"input","gid"],"y"]],[13,"colorMaskStorageTexture",[7,[7,"precomputeColorMaskBindGroupLayout","$"],"colorMaskStorage"]],[13,"size",[6,[7,"std","textureDimensions"],["colorMaskStorageTexture"]]],[11,[3,[1,"x",">=",[7,"size","x"]],"||",[1,"y",">=",[7,"size","y"]]],[10]],[13,"uv",[6,[7,"d","vec2f"],[[1,[6,[7,"d","f32"],["x"]],"/",[6,[7,"d","f32"],[[7,"size","x"]]]],[1,[6,[7,"d","f32"],["y"]],"/",[6,[7,"d","f32"],[[7,"size","y"]]]]]]],[13,"colorSampled",[6,[7,"std","textureSample"],[[7,[7,"sharedBindGroupLayout","$"],"texture"],[7,[7,"sharedBindGroupLayout","$"],"sampler"],"uv"]]],[6,[7,"std","textureStore"],["colorMaskStorageTexture",[6,[7,"d","vec2u"],["x","y"]],"colorSampled"]]]],"externalNames":["precomputeColorMaskBindGroupLayout","std","d","sharedBindGroupLayout"]},
+  get externals() {
+    return {
+      precomputeColorMaskBindGroupLayout,
+      std,
+      d,
+      sharedBindGroupLayout
+    };
+  }
+}) && $.f)({})), "precomputeColorMask");
+//# sourceMappingURL=precomputeColorMask.js.map

package/lib/module/shaders/computeShaders/precomputeColorMask.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tgpu","d","std","precomputeColorMaskBindGroupLayout","sharedBindGroupLayout","precomputeColorMask","globalThis","__TYPEGPU_AUTONAME__","a","computeFn","in","gid","builtin","globalInvocationId","workgroupSize","$","__TYPEGPU_META__","WeakMap","set","f","input","x","y","colorMaskStorageTexture","colorMaskStorage","size","textureDimensions","uv","vec2f","f32","colorSampled","textureSample","texture","sampler","textureStore","vec2u","v","name","ast","{\"params\":[{\"type\":\"i\",\"name\":\"input\"}],\"body\":[0,[[13,\"x\",[7,[7,\"input\",\"gid\"],\"x\"]],[13,\"y\",[7,[7,\"input\",\"gid\"],\"y\"]],[13,\"colorMaskStorageTexture\",[7,[7,\"precomputeColorMaskBindGroupLayout\",\"$\"],\"colorMaskStorage\"]],[13,\"size\",[6,[7,\"std\",\"textureDimensions\"],[\"colorMaskStorageTexture\"]]],[11,[3,[1,\"x\",\">=\",[7,\"size\",\"x\"]],\"||\",[1,\"y\",\">=\",[7,\"size\",\"y\"]]],[10]],[13,\"uv\",[6,[7,\"d\",\"vec2f\"],[[1,[6,[7,\"d\",\"f32\"],[\"x\"]],\"/\",[6,[7,\"d\",\"f32\"],[[7,\"size\",\"x\"]]]],[1,[6,[7,\"d\",\"f32\"],[\"y\"]],\"/\",[6,[7,\"d\",\"f32\"],[[7,\"size\",\"y\"]]]]]]],[13,\"colorSampled\",[6,[7,\"std\",\"textureSample\"],[[7,[7,\"sharedBindGroupLayout\",\"$\"],\"texture\"],[7,[7,\"sharedBindGroupLayout\",\"$\"],\"sampler\"],\"uv\"]]],[6,[7,\"std\",\"textureStore\"],[\"colorMaskStorageTexture\",[6,[7,\"d\",\"vec2u\"],[\"x\",\"y\"]],\"colorSampled\"]]]],\"externalNames\":[\"precomputeColorMaskBindGroupLayout\",\"std\",\"d\",\"sharedBindGroupLayout\"]}","externals"],"sourceRoot":"../../../../src","sources":["shaders/computeShaders/precomputeColorMask.ts"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,SAAS;AAC1B,OAAO,KAAKC,CAAC,MAAM,cAAc;AACjC,OAAO,KAAKC,GAAG,MAAM,aAAa;AAClC,SACEC,kCAAkC,EAClCC,qBAAqB,QAChB,0BAAuB;AAE9B,OAAO,MAAMC,mBAAmB,IAAAC,UAAA,CAAAC,oBAAA,KAAAC,CAAA,IAAAA,CAAA,GAAGR,IAAI,CAAC,WAAW,CAAC,CAACS,SAAS,CAAC;EAC7DC,EAAE,EAAE;IAAEC,GAAG,EAAEV,CAAC,CAACW,OAAO,CAACC;EAAmB,CAAC;EACzCC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;AACzB,CAAC,CAAC,EAAAC,CAAA,KAAAT,UAAA,CAAAU,gBAAA,SAAAC,OAAA,IAAAC,GAAA,CAAAH,CAAA,CAAAI,CAAA,GAAEC,KAAK,IAAK;EACZ,MAAMC,CAAC,GAAGD,KAAK,CAACT,GAAG,CAACU,CAAC;EACrB,MAAMC,CAAC,GAAGF,KAAK,CAACT,GAAG,CAACW,CAAC;EACrB,MAAMC,uBAAuB,GAC3BpB,kCAAkC,CAACY,CAAC,CAACS,gBAAgB;EACvD,MAAMC,IAAI,GAAGvB,GAAG,CAACwB,iBAAiB,CAACH,uBAAuB,CAAC;EAE3D,IAAIF,CAAC,IAAII,IAAI,CAACJ,CAAC,IAAIC,CAAC,IAAIG,IAAI,CAACH,CAAC,EAAE;EAChC,MAAMK,EAAE,GAAG1B,CAAC,CAAC2B,KAAK,CAAC3B,CAAC,CAAC4B,GAAG,CAACR,CAAC,CAAC,GAAGpB,CAAC,CAAC4B,GAAG,CAACJ,IAAI,CAACJ,CAAC,CAAC,EAAEpB,CAAC,CAAC4B,GAAG,CAACP,CAAC,CAAC,GAAGrB,CAAC,CAAC4B,GAAG,CAACJ,IAAI,CAACH,CAAC,CAAC,CAAC;EAEtE,MAAMQ,YAAY,GAAG5B,GAAG,CAAC6B,aAAa,CACpC3B,qBAAqB,CAACW,CAAC,CAACiB,OAAO,EAC/B5B,qBAAqB,CAACW,CAAC,CAACkB,OAAO,EAC/BN,EACF,CAAC;EAEDzB,GAAG,CAACgC,YAAY,CAACX,uBAAuB,EAAEtB,CAAC,CAACkC,KAAK,CAACd,CAAC,EAAEC,CAAC,CAAC,EAAEQ,YAAY,CAAC;AACxE,CAAC;EAAAM,CAAA;EAAAC,IAAA;EAAAC,GAAA,EAAAC,62BAAA;EAAA,IAAAC,UAAA;IAAA;MAAArC,kCAAA;MAAAD,GAAA;MAAAD,CAAA;MAAAG;IAAA;EAAA;AAAA,MAAAW,CAAA,CAAAI,CAAA,8BAAC","ignoreList":[]}

package/lib/module/shaders/fragmentShaders/baseTextureFragment.js

@@ -2,26 +2,21 @@
 
 import tgpu from 'typegpu';
 import * as d from 'typegpu/data';
-import * as std from 'typegpu/std';
-import { textureBindGroupLayout } from "../bindGroupLayouts.js";
+import { getPixelColorFromNonReversedVector } from "../tgpuUtils.js";
 export const baseTextureFragment = (globalThis.__TYPEGPU_AUTONAME__ ?? (a => a))(tgpu['~unstable'].fragmentFn({
   in: {
     uv: d.vec2f
   },
   out: d.vec4f
 })(($ => (globalThis.__TYPEGPU_META__ ??= new WeakMap()).set($.f = input => {
-  const texcoord = d.vec2f(input.uv.x, 1.0 - input.uv.y);
-  let color = std.textureSample(textureBindGroupLayout.$.texture, textureBindGroupLayout.$.sampler, texcoord);
-  return color;
+  return getPixelColorFromNonReversedVector(input.uv);
 }, {
   v: 1,
   name: void 0,
-  ast: {"params":[{"type":"i","name":"input"}],"body":[0,[[13,"texcoord",[6,[7,"d","vec2f"],[[7,[7,"input","uv"],"x"],[1,[5,"1"],"-",[7,[7,"input","uv"],"y"]]]]],[12,"color",[6,[7,"std","textureSample"],[[7,[7,"textureBindGroupLayout","$"],"texture"],[7,[7,"textureBindGroupLayout","$"],"sampler"],"texcoord"]]],[10,"color"]]],"externalNames":["d","std","textureBindGroupLayout"]},
+  ast: {"params":[{"type":"i","name":"input"}],"body":[0,[[10,[6,"getPixelColorFromNonReversedVector",[[7,"input","uv"]]]]]],"externalNames":["getPixelColorFromNonReversedVector"]},
   get externals() {
     return {
-      d,
-      std,
-      textureBindGroupLayout
+      getPixelColorFromNonReversedVector
     };
   }
 }) && $.f)({})), "baseTextureFragment");

package/lib/module/shaders/fragmentShaders/baseTextureFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["tgpu","d","std","textureBindGroupLayout","baseTextureFragment","globalThis","__TYPEGPU_AUTONAME__","a","fragmentFn","in","uv","vec2f","out","vec4f","$","__TYPEGPU_META__","WeakMap","set","f","input","texcoord","x","y","color","textureSample","texture","sampler","v","name","ast","{\"params\":[{\"type\":\"i\",\"name\":\"input\"}],\"body\":[0,[[13,\"texcoord\",[6,[7,\"d\",\"vec2f\"],[[7,[7,\"input\",\"uv\"],\"x\"],[1,[5,\"1\"],\"-\",[7,[7,\"input\",\"uv\"],\"y\"]]]]],[12,\"color\",[6,[7,\"std\",\"textureSample\"],[[7,[7,\"textureBindGroupLayout\",\"$\"],\"texture\"],[7,[7,\"textureBindGroupLayout\",\"$\"],\"sampler\"],\"texcoord\"]]],[10,\"color\"]]],\"externalNames\":[\"d\",\"std\",\"textureBindGroupLayout\"]}","externals"],"sourceRoot":"../../../../src","sources":["shaders/fragmentShaders/baseTextureFragment.ts"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,SAAS;AAC1B,OAAO,KAAKC,CAAC,MAAM,cAAc;AACjC,OAAO,KAAKC,GAAG,MAAM,aAAa;AAClC,SAASC,sBAAsB,QAAQ,wBAAqB;AAE5D,OAAO,MAAMC,mBAAmB,IAAAC,UAAA,CAAAC,oBAAA,KAAAC,CAAA,IAAAA,CAAA,GAAGP,IAAI,CAAC,WAAW,CAAC,CAACQ,UAAU,CAAC;EAC9DC,EAAE,EAAE;IAAEC,EAAE,EAAET,CAAC,CAACU;EAAM,CAAC;EACnBC,GAAG,EAAEX,CAAC,CAACY;AACT,CAAC,CAAC,EAAAC,CAAA,KAAAT,UAAA,CAAAU,gBAAA,SAAAC,OAAA,IAAAC,GAAA,CAAAH,CAAA,CAAAI,CAAA,GAAEC,KAAK,IAAK;EACZ,MAAMC,QAAQ,GAAGnB,CAAC,CAACU,KAAK,CAACQ,KAAK,CAACT,EAAE,CAACW,CAAC,EAAE,GAAG,GAAGF,KAAK,CAACT,EAAE,CAACY,CAAC,CAAC;EACtD,IAAIC,KAAK,GAAGrB,GAAG,CAACsB,aAAa,CAC3BrB,sBAAsB,CAACW,CAAC,CAACW,OAAO,EAChCtB,sBAAsB,CAACW,CAAC,CAACY,OAAO,EAChCN,QACF,CAAC;EAED,OAAOG,KAAK;AACd,CAAC;EAAAI,CAAA;EAAAC,IAAA;EAAAC,GAAA,EAAAC,qXAAA;EAAA,IAAAC,UAAA;IAAA;MAAA9B,CAAA;MAAAC,GAAA;MAAAC;IAAA;EAAA;AAAA,MAAAW,CAAA,CAAAI,CAAA,8BAAC","ignoreList":[]}
+{"version":3,"names":["tgpu","d","getPixelColorFromNonReversedVector","baseTextureFragment","globalThis","__TYPEGPU_AUTONAME__","a","fragmentFn","in","uv","vec2f","out","vec4f","$","__TYPEGPU_META__","WeakMap","set","f","input","v","name","ast","{\"params\":[{\"type\":\"i\",\"name\":\"input\"}],\"body\":[0,[[10,[6,\"getPixelColorFromNonReversedVector\",[[7,\"input\",\"uv\"]]]]]],\"externalNames\":[\"getPixelColorFromNonReversedVector\"]}","externals"],"sourceRoot":"../../../../src","sources":["shaders/fragmentShaders/baseTextureFragment.ts"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,SAAS;AAC1B,OAAO,KAAKC,CAAC,MAAM,cAAc;AACjC,SAASC,kCAAkC,QAAQ,iBAAc;AAEjE,OAAO,MAAMC,mBAAmB,IAAAC,UAAA,CAAAC,oBAAA,KAAAC,CAAA,IAAAA,CAAA,GAAGN,IAAI,CAAC,WAAW,CAAC,CAACO,UAAU,CAAC;EAC9DC,EAAE,EAAE;IAAEC,EAAE,EAAER,CAAC,CAACS;EAAM,CAAC;EACnBC,GAAG,EAAEV,CAAC,CAACW;AACT,CAAC,CAAC,EAAAC,CAAA,KAAAT,UAAA,CAAAU,gBAAA,SAAAC,OAAA,IAAAC,GAAA,CAAAH,CAAA,CAAAI,CAAA,GAAEC,KAAK,IAAK;EACZ,OAAOhB,kCAAkC,CAACgB,KAAK,CAACT,EAAE,CAAC;AACrD,CAAC;EAAAU,CAAA;EAAAC,IAAA;EAAAC,GAAA,EAAAC,6KAAA;EAAA,IAAAC,UAAA;IAAA;MAAArB;IAAA;EAAA;AAAA,MAAAW,CAAA,CAAAI,CAAA,8BAAC","ignoreList":[]}

package/lib/module/shaders/fragmentShaders/colorMaskFragment.js

@@ -3,65 +3,51 @@
 import tgpu from 'typegpu';
 import * as d from 'typegpu/data';
 import * as std from 'typegpu/std';
-import { textureBindGroupLayout, colorMaskBindGroupLayout } from "../bindGroupLayouts.js";
-import { rgbToHSV } from "../tgpuUtils.js";
+import { COLOR_MASK_MAX_COUNT, colorMaskBindGroupLayout
+
+// sharedBindGroupLayout,
+// precomputeColorMaskOutputBindGroupLayout,
+} from "../bindGroupLayouts.js";
+import { getPixelColorFromNonReversedVector } from "../tgpuUtils.js";
+import { RGBToHSL } from "../colorConversions.js";
 const colorMaskFragment = (globalThis.__TYPEGPU_AUTONAME__ ?? (a => a))(tgpu['~unstable'].fragmentFn({
   in: {
     uv: d.vec2f
   },
   out: d.vec4f
 })(($ => (globalThis.__TYPEGPU_META__ ??= new WeakMap()).set($.f = input => {
-  const texcoord = d.vec2f(input.uv.x, 1.0 - input.uv.y);
-  let color = std.textureSample(textureBindGroupLayout.$.texture, textureBindGroupLayout.$.sampler, texcoord);
+  let color = getPixelColorFromNonReversedVector(input.uv);
   const masks = colorMaskBindGroupLayout.$.colorMasks.masks;
   const usedMaskCount = colorMaskBindGroupLayout.$.colorMasks.usedMaskCount;
   const reverseHighlight = colorMaskBindGroupLayout.$.colorMasks.reverseHighlight;
   let colorMaskDebug = d.u32(0);
   let cumulativeMaskCheck = d.u32(0);
-  const colorHSV = rgbToHSV(color.xyz);
+  const colorHSL = RGBToHSL(color.xyz);
 
   //TODO: optimize this more
-  for (let i = 0; i < 16; i++) {
+  for (let i = 0; i < COLOR_MASK_MAX_COUNT; i++) {
     if (usedMaskCount <= i) break;
     const mask = masks[i];
     const maskedColor = mask.baseColor;
     const rgbToleranceRange = mask.rgbToleranceRange;
-    const useHSV = mask.useHSV;
-    const hueToleranceRange = mask.hueToleranceRange;
-    const hueUpper = hueToleranceRange.upper;
-    const hueLower = hueToleranceRange.lower;
-    const brightnessTolerance = mask.brightnessTolerance;
-    const saturationTolerance = mask.saturationTolerance;
-    const lowSaturationThreshold = mask.lowSaturationThreshold;
-    const lowBrightnessThreshold = mask.lowBrightnessThreshold;
     const maskedColorLower = std.sub(maskedColor, rgbToleranceRange.lower);
     const maskedColorUpper = std.add(maskedColor, rgbToleranceRange.upper);
     const upperCheck = std.all(std.le(color.xyz, maskedColorUpper));
     const lowerCheck = std.all(std.ge(color.xyz, maskedColorLower));
     const rgbCheck = upperCheck && lowerCheck;
-    const maskedHSV = rgbToHSV(maskedColor);
-    let hueDiff = std.sub(colorHSV.x, maskedHSV.x);
-    hueDiff = std.select(hueDiff, std.sub(hueDiff, 1.0), hueDiff > d.f32(0.5));
-    hueDiff = std.select(hueDiff, std.add(hueDiff, 1.0), hueDiff < d.f32(-0.5));
-    const lowerHueCheck = hueDiff >= -hueLower;
-    const upperHueCheck = hueDiff <= hueUpper;
-    let hueCheck = lowerHueCheck && upperHueCheck;
-    const saturationDiff = std.abs(std.sub(colorHSV.y, maskedHSV.y));
-    const saturationCheck = saturationDiff <= saturationTolerance;
-    const brightnessDiff = std.abs(std.sub(colorHSV.z, maskedHSV.z));
-    const brightnessCheck = brightnessDiff <= brightnessTolerance;
-    const pixelIsGray = colorHSV.y < lowSaturationThreshold;
-    const targetIsGray = maskedHSV.y < lowSaturationThreshold;
-    const pixelIsBlack = colorHSV.z < lowBrightnessThreshold;
-    const targetIsBlack = maskedHSV.z < lowBrightnessThreshold;
+    const saturationAndLightness = colorHSL.yz;
+    const hueStart = mask.hueStart;
+    const hueDiff = colorHSL.x - hueStart;
+    const distance = std.mod(std.add(hueDiff, 360), 360);
+    const hueCheck = std.step(distance, mask.hueRange);
 
-    //hue is unstable when either color is gray or black (low saturation or low brightness)
-    //TODO: investigate the '||' operator usage, it seems to severely slow down the shader?
-    const hueIsUnstable = pixelIsGray || targetIsGray || pixelIsBlack || targetIsBlack;
-    hueCheck = std.select(hueCheck, d.bool(true), hueIsUnstable);
-    const hsvCheck = hueCheck && saturationCheck && brightnessCheck;
-    const maskCheck = std.select(rgbCheck, hsvCheck, useHSV === d.u32(1));
-    cumulativeMaskCheck = cumulativeMaskCheck + d.u32(maskCheck);
+    // step(min, val) -> returns 1.0, if val >= min
+    // step(val, max) -> returns 1.0, if max >= val
+    const checkVec = std.mul(std.step(mask.minLimits, saturationAndLightness), std.step(saturationAndLightness, mask.maxLimits));
+    const saturationAndLightnessMask = std.mul(checkVec.x, checkVec.y);
+    const hslCheck = std.mul(hueCheck, saturationAndLightnessMask);
+    const maskCheck = std.select(d.u32(rgbCheck), hslCheck, mask.useHSV === d.u32(1));
+    cumulativeMaskCheck = cumulativeMaskCheck + maskCheck;
     colorMaskDebug = colorMaskDebug + mask.debugMode;
   }
   const maskingLogic = std.select(cumulativeMaskCheck > 0, cumulativeMaskCheck === 0, reverseHighlight === 1);
@@ -72,14 +58,15 @@ const colorMaskFragment = (globalThis.__TYPEGPU_AUTONAME__ ?? (a => a))(tgpu['~u
 }, {
   v: 1,
   name: void 0,
-  ast: {"params":[{"type":"i","name":"input"}],"body":[0,[[13,"texcoord",[6,[7,"d","vec2f"],[[7,[7,"input","uv"],"x"],[1,[5,"1"],"-",[7,[7,"input","uv"],"y"]]]]],[12,"color",[6,[7,"std","textureSample"],[[7,[7,"textureBindGroupLayout","$"],"texture"],[7,[7,"textureBindGroupLayout","$"],"sampler"],"texcoord"]]],[13,"masks",[7,[7,[7,"colorMaskBindGroupLayout","$"],"colorMasks"],"masks"]],[13,"usedMaskCount",[7,[7,[7,"colorMaskBindGroupLayout","$"],"colorMasks"],"usedMaskCount"]],[13,"reverseHighlight",[7,[7,[7,"colorMaskBindGroupLayout","$"],"colorMasks"],"reverseHighlight"]],[12,"colorMaskDebug",[6,[7,"d","u32"],[[5,"0"]]]],[12,"cumulativeMaskCheck",[6,[7,"d","u32"],[[5,"0"]]]],[13,"colorHSV",[6,"rgbToHSV",[[7,"color","xyz"]]]],[14,[12,"i",[5,"0"]],[1,"i","<",[5,"16"]],[102,"++","i"],[0,[[11,[1,"usedMaskCount","<=","i"],[17]],[13,"mask",[8,"masks","i"]],[13,"maskedColor",[7,"mask","baseColor"]],[13,"rgbToleranceRange",[7,"mask","rgbToleranceRange"]],[13,"useHSV",[7,"mask","useHSV"]],[13,"hueToleranceRange",[7,"mask","hueToleranceRange"]],[13,"hueUpper",[7,"hueToleranceRange","upper"]],[13,"hueLower",[7,"hueToleranceRange","lower"]],[13,"brightnessTolerance",[7,"mask","brightnessTolerance"]],[13,"saturationTolerance",[7,"mask","saturationTolerance"]],[13,"lowSaturationThreshold",[7,"mask","lowSaturationThreshold"]],[13,"lowBrightnessThreshold",[7,"mask","lowBrightnessThreshold"]],[13,"maskedColorLower",[6,[7,"std","sub"],["maskedColor",[7,"rgbToleranceRange","lower"]]]],[13,"maskedColorUpper",[6,[7,"std","add"],["maskedColor",[7,"rgbToleranceRange","upper"]]]],[13,"upperCheck",[6,[7,"std","all"],[[6,[7,"std","le"],[[7,"color","xyz"],"maskedColorUpper"]]]]],[13,"lowerCheck",[6,[7,"std","all"],[[6,[7,"std","ge"],[[7,"color","xyz"],"maskedColorLower"]]]]],[13,"rgbCheck",[3,"upperCheck","&&","lowerCheck"]],[13,"maskedHSV",[6,"rgbToHSV",["maskedColor"]]],[12,"hueDiff",[6,[7,"std","sub"],[[7,"colorHSV","x"],[7,"maskedHSV","x"]]]],[2,"hueDiff","=",[6,[7,"std","select"],["hueDiff",[6,[7,"std","sub"],["hueDiff",[5,"1"]]],[1,"hueDiff",">",[6,[7,"d","f32"],[[5,"0.5"]]]]]]],[2,"hueDiff","=",[6,[7,"std","select"],["hueDiff",[6,[7,"std","add"],["hueDiff",[5,"1"]]],[1,"hueDiff","<",[6,[7,"d","f32"],[[4,"-",[5,"0.5"]]]]]]]],[13,"lowerHueCheck",[1,"hueDiff",">=",[4,"-","hueLower"]]],[13,"upperHueCheck",[1,"hueDiff","<=","hueUpper"]],[12,"hueCheck",[3,"lowerHueCheck","&&","upperHueCheck"]],[13,"saturationDiff",[6,[7,"std","abs"],[[6,[7,"std","sub"],[[7,"colorHSV","y"],[7,"maskedHSV","y"]]]]]],[13,"saturationCheck",[1,"saturationDiff","<=","saturationTolerance"]],[13,"brightnessDiff",[6,[7,"std","abs"],[[6,[7,"std","sub"],[[7,"colorHSV","z"],[7,"maskedHSV","z"]]]]]],[13,"brightnessCheck",[1,"brightnessDiff","<=","brightnessTolerance"]],[13,"pixelIsGray",[1,[7,"colorHSV","y"],"<","lowSaturationThreshold"]],[13,"targetIsGray",[1,[7,"maskedHSV","y"],"<","lowSaturationThreshold"]],[13,"pixelIsBlack",[1,[7,"colorHSV","z"],"<","lowBrightnessThreshold"]],[13,"targetIsBlack",[1,[7,"maskedHSV","z"],"<","lowBrightnessThreshold"]],[13,"hueIsUnstable",[3,[3,[3,"pixelIsGray","||","targetIsGray"],"||","pixelIsBlack"],"||","targetIsBlack"]],[2,"hueCheck","=",[6,[7,"std","select"],["hueCheck",[6,[7,"d","bool"],[true]],"hueIsUnstable"]]],[13,"hsvCheck",[3,[3,"hueCheck","&&","saturationCheck"],"&&","brightnessCheck"]],[13,"maskCheck",[6,[7,"std","select"],["rgbCheck","hsvCheck",[1,"useHSV","==",[6,[7,"d","u32"],[[5,"1"]]]]]]],[2,"cumulativeMaskCheck","=",[1,"cumulativeMaskCheck","+",[6,[7,"d","u32"],["maskCheck"]]]],[2,"colorMaskDebug","=",[1,"colorMaskDebug","+",[7,"mask","debugMode"]]]]]],[13,"maskingLogic",[6,[7,"std","select"],[[1,"cumulativeMaskCheck",">",[5,"0"]],[1,"cumulativeMaskCheck","==",[5,"0"]],[1,"reverseHighlight","==",[5,"1"]]]]],[2,"color","=",[6,[7,"std","select"],["color",[6,[7,"d","vec4f"],[[7,"color","xyz"],[5,"0"]]],"maskingLogic"]]],[2,"color","=",[6,[7,"std","select"],["color",[6,[7,"d","vec4f"],[[5,"1"],[5,"0"],[5,"0"],[5,"0"]]],[3,"maskingLogic","&&",[1,"colorMaskDebug",">",[5,"0"]]]]]],[10,"color"]]],"externalNames":["d","std","textureBindGroupLayout","colorMaskBindGroupLayout","rgbToHSV"]},
+  ast: {"params":[{"type":"i","name":"input"}],"body":[0,[[12,"color",[6,"getPixelColorFromNonReversedVector",[[7,"input","uv"]]]],[13,"masks",[7,[7,[7,"colorMaskBindGroupLayout","$"],"colorMasks"],"masks"]],[13,"usedMaskCount",[7,[7,[7,"colorMaskBindGroupLayout","$"],"colorMasks"],"usedMaskCount"]],[13,"reverseHighlight",[7,[7,[7,"colorMaskBindGroupLayout","$"],"colorMasks"],"reverseHighlight"]],[12,"colorMaskDebug",[6,[7,"d","u32"],[[5,"0"]]]],[12,"cumulativeMaskCheck",[6,[7,"d","u32"],[[5,"0"]]]],[13,"colorHSL",[6,"RGBToHSL",[[7,"color","xyz"]]]],[14,[12,"i",[5,"0"]],[1,"i","<","COLOR_MASK_MAX_COUNT"],[102,"++","i"],[0,[[11,[1,"usedMaskCount","<=","i"],[17]],[13,"mask",[8,"masks","i"]],[13,"maskedColor",[7,"mask","baseColor"]],[13,"rgbToleranceRange",[7,"mask","rgbToleranceRange"]],[13,"maskedColorLower",[6,[7,"std","sub"],["maskedColor",[7,"rgbToleranceRange","lower"]]]],[13,"maskedColorUpper",[6,[7,"std","add"],["maskedColor",[7,"rgbToleranceRange","upper"]]]],[13,"upperCheck",[6,[7,"std","all"],[[6,[7,"std","le"],[[7,"color","xyz"],"maskedColorUpper"]]]]],[13,"lowerCheck",[6,[7,"std","all"],[[6,[7,"std","ge"],[[7,"color","xyz"],"maskedColorLower"]]]]],[13,"rgbCheck",[3,"upperCheck","&&","lowerCheck"]],[13,"saturationAndLightness",[7,"colorHSL","yz"]],[13,"hueStart",[7,"mask","hueStart"]],[13,"hueDiff",[1,[7,"colorHSL","x"],"-","hueStart"]],[13,"distance",[6,[7,"std","mod"],[[6,[7,"std","add"],["hueDiff",[5,"360"]]],[5,"360"]]]],[13,"hueCheck",[6,[7,"std","step"],["distance",[7,"mask","hueRange"]]]],[13,"checkVec",[6,[7,"std","mul"],[[6,[7,"std","step"],[[7,"mask","minLimits"],"saturationAndLightness"]],[6,[7,"std","step"],["saturationAndLightness",[7,"mask","maxLimits"]]]]]],[13,"saturationAndLightnessMask",[6,[7,"std","mul"],[[7,"checkVec","x"],[7,"checkVec","y"]]]],[13,"hslCheck",[6,[7,"std","mul"],["hueCheck","saturationAndLightnessMask"]]],[13,"maskCheck",[6,[7,"std","select"],[[6,[7,"d","u32"],["rgbCheck"]],"hslCheck",[1,[7,"mask","useHSV"],"==",[6,[7,"d","u32"],[[5,"1"]]]]]]],[2,"cumulativeMaskCheck","=",[1,"cumulativeMaskCheck","+","maskCheck"]],[2,"colorMaskDebug","=",[1,"colorMaskDebug","+",[7,"mask","debugMode"]]]]]],[13,"maskingLogic",[6,[7,"std","select"],[[1,"cumulativeMaskCheck",">",[5,"0"]],[1,"cumulativeMaskCheck","==",[5,"0"]],[1,"reverseHighlight","==",[5,"1"]]]]],[2,"color","=",[6,[7,"std","select"],["color",[6,[7,"d","vec4f"],[[7,"color","xyz"],[5,"0"]]],"maskingLogic"]]],[2,"color","=",[6,[7,"std","select"],["color",[6,[7,"d","vec4f"],[[5,"1"],[5,"0"],[5,"0"],[5,"0"]]],[3,"maskingLogic","&&",[1,"colorMaskDebug",">",[5,"0"]]]]]],[10,"color"]]],"externalNames":["getPixelColorFromNonReversedVector","colorMaskBindGroupLayout","d","RGBToHSL","COLOR_MASK_MAX_COUNT","std"]},
   get externals() {
     return {
-      d,
-      std,
-      textureBindGroupLayout,
+      getPixelColorFromNonReversedVector,
       colorMaskBindGroupLayout,
-      rgbToHSV
+      d,
+      RGBToHSL,
+      COLOR_MASK_MAX_COUNT,
+      std
     };
   }
 }) && $.f)({})), "colorMaskFragment");

package/lib/module/shaders/fragmentShaders/colorMaskFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["tgpu","d","std","textureBindGroupLayout","colorMaskBindGroupLayout","rgbToHSV","colorMaskFragment","globalThis","__TYPEGPU_AUTONAME__","a","fragmentFn","in","uv","vec2f","out","vec4f","$","__TYPEGPU_META__","WeakMap","set","f","input","texcoord","x","y","color","textureSample","texture","sampler","masks","colorMasks","usedMaskCount","reverseHighlight","colorMaskDebug","u32","cumulativeMaskCheck","colorHSV","xyz","i","mask","maskedColor","baseColor","rgbToleranceRange","useHSV","hueToleranceRange","hueUpper","upper","hueLower","lower","brightnessTolerance","saturationTolerance","lowSaturationThreshold","lowBrightnessThreshold","maskedColorLower","sub","maskedColorUpper","add","upperCheck","all","le","lowerCheck","ge","rgbCheck","maskedHSV","hueDiff","select","f32","lowerHueCheck","upperHueCheck","hueCheck","saturationDiff","abs","saturationCheck","brightnessDiff","z","brightnessCheck","pixelIsGray","targetIsGray","pixelIsBlack","targetIsBlack","hueIsUnstable","bool","hsvCheck","maskCheck","debugMode","maskingLogic","v","name","ast","{\"params\":[{\"type\":\"i\",\"name\":\"input\"}],\"body\":[0,[[13,\"texcoord\",[6,[7,\"d\",\"vec2f\"],[[7,[7,\"input\",\"uv\"],\"x\"],[1,[5,\"1\"],\"-\",[7,[7,\"input\",\"uv\"],\"y\"]]]]],[12,\"color\",[6,[7,\"std\",\"textureSample\"],[[7,[7,\"textureBindGroupLayout\",\"$\"],\"texture\"],[7,[7,\"textureBindGroupLayout\",\"$\"],\"sampler\"],\"texcoord\"]]],[13,\"masks\",[7,[7,[7,\"colorMaskBindGroupLayout\",\"$\"],\"colorMasks\"],\"masks\"]],[13,\"usedMaskCount\",[7,[7,[7,\"colorMaskBindGroupLayout\",\"$\"],\"colorMasks\"],\"usedMaskCount\"]],[13,\"reverseHighlight\",[7,[7,[7,\"colorMaskBindGroupLayout\",\"$\"],\"colorMasks\"],\"reverseHighlight\"]],[12,\"colorMaskDebug\",[6,[7,\"d\",\"u32\"],[[5,\"0\"]]]],[12,\"cumulativeMaskCheck\",[6,[7,\"d\",\"u32\"],[[5,\"0\"]]]],[13,\"colorHSV\",[6,\"rgbToHSV\",[[7,\"color\",\"xyz\"]]]],[14,[12,\"i\",[5,\"0\"]],[1,\"i\",\"<\",[5,\"16\"]],[102,\"++\",\"i\"],[0,[[11,[1,\"usedMaskCount\",\"<=\",\"i\"],[17]],[13,\"mask\",[8,\"masks\",\"i\"]],[13,\"maskedColor\",[7,\"mask\",\"baseColor\"]],[13,\"rgbToleranceRange\",[7,\"mask\",\"rgbToleranceRange\"]],[13,\"useHSV\",[7,\"mask\",\"useHSV\"]],[13,\"hueToleranceRange\",[7,\"mask\",\"hueToleranceRange\"]],[13,\"hueUpper\",[7,\"hueToleranceRange\",\"upper\"]],[13,\"hueLower\",[7,\"hueToleranceRange\",\"lower\"]],[13,\"brightnessTolerance\",[7,\"mask\",\"brightnessTolerance\"]],[13,\"saturationTolerance\",[7,\"mask\",\"saturationTolerance\"]],[13,\"lowSaturationThreshold\",[7,\"mask\",\"lowSaturationThreshold\"]],[13,\"lowBrightnessThreshold\",[7,\"mask\",\"lowBrightnessThreshold\"]],[13,\"maskedColorLower\",[6,[7,\"std\",\"sub\"],[\"maskedColor\",[7,\"rgbToleranceRange\",\"lower\"]]]],[13,\"maskedColorUpper\",[6,[7,\"std\",\"add\"],[\"maskedColor\",[7,\"rgbToleranceRange\",\"upper\"]]]],[13,\"upperCheck\",[6,[7,\"std\",\"all\"],[[6,[7,\"std\",\"le\"],[[7,\"color\",\"xyz\"],\"maskedColorUpper\"]]]]],[13,\"lowerCheck\",[6,[7,\"std\",\"all\"],[[6,[7,\"std\",\"ge\"],[[7,\"color\",\"xyz\"],\"maskedColorLower\"]]]]],[13,\"rgbCheck\",[3,\"upperCheck\",\"&&\",\"lowerCheck\"]],[13,\"maskedHSV\",[6,\"rgbToHSV\",[\"maskedColor\"]]],[12,\"hueDiff\",[6,[7,\"std\",\"sub\"],[[7,\"colorHSV\",\"x\"],[7,\"maskedHSV\",\"x\"]]]],[2,\"hueDiff\",\"=\",[6,[7,\"std\",\"select\"],[\"hueDiff\",[6,[7,\"std\",\"sub\"],[\"hueDiff\",[5,\"1\"]]],[1,\"hueDiff\",\">\",[6,[7,\"d\",\"f32\"],[[5,\"0.5\"]]]]]]],[2,\"hueDiff\",\"=\",[6,[7,\"std\",\"select\"],[\"hueDiff\",[6,[7,\"std\",\"add\"],[\"hueDiff\",[5,\"1\"]]],[1,\"hueDiff\",\"<\",[6,[7,\"d\",\"f32\"],[[4,\"-\",[5,\"0.5\"]]]]]]]],[13,\"lowerHueCheck\",[1,\"hueDiff\",\">=\",[4,\"-\",\"hueLower\"]]],[13,\"upperHueCheck\",[1,\"hueDiff\",\"<=\",\"hueUpper\"]],[12,\"hueCheck\",[3,\"lowerHueCheck\",\"&&\",\"upperHueCheck\"]],[13,\"saturationDiff\",[6,[7,\"std\",\"abs\"],[[6,[7,\"std\",\"sub\"],[[7,\"colorHSV\",\"y\"],[7,\"maskedHSV\",\"y\"]]]]]],[13,\"saturationCheck\",[1,\"saturationDiff\",\"<=\",\"saturationTolerance\"]],[13,\"brightnessDiff\",[6,[7,\"std\",\"abs\"],[[6,[7,\"std\",\"sub\"],[[7,\"colorHSV\",\"z\"],[7,\"maskedHSV\",\"z\"]]]]]],[13,\"brightnessCheck\",[1,\"brightnessDiff\",\"<=\",\"brightnessTolerance\"]],[13,\"pixelIsGray\",[1,[7,\"colorHSV\",\"y\"],\"<\",\"lowSaturationThreshold\"]],[13,\"targetIsGray\",[1,[7,\"maskedHSV\",\"y\"],\"<\",\"lowSaturationThreshold\"]],[13,\"pixelIsBlack\",[1,[7,\"colorHSV\",\"z\"],\"<\",\"lowBrightnessThreshold\"]],[13,\"targetIsBlack\",[1,[7,\"maskedHSV\",\"z\"],\"<\",\"lowBrightnessThreshold\"]],[13,\"hueIsUnstable\",[3,[3,[3,\"pixelIsGray\",\"||\",\"targetIsGray\"],\"||\",\"pixelIsBlack\"],\"||\",\"targetIsBlack\"]],[2,\"hueCheck\",\"=\",[6,[7,\"std\",\"select\"],[\"hueCheck\",[6,[7,\"d\",\"bool\"],[true]],\"hueIsUnstable\"]]],[13,\"hsvCheck\",[3,[3,\"hueCheck\",\"&&\",\"saturationCheck\"],\"&&\",\"brightnessCheck\"]],[13,\"maskCheck\",[6,[7,\"std\",\"select\"],[\"rgbCheck\",\"hsvCheck\",[1,\"useHSV\",\"==\",[6,[7,\"d\",\"u32\"],[[5,\"1\"]]]]]]],[2,\"cumulativeMaskCheck\",\"=\",[1,\"cumulativeMaskCheck\",\"+\",[6,[7,\"d\",\"u32\"],[\"maskCheck\"]]]],[2,\"colorMaskDebug\",\"=\",[1,\"colorMaskDebug\",\"+\",[7,\"mask\",\"debugMode\"]]]]]],[13,\"maskingLogic\",[6,[7,\"std\",\"select\"],[[1,\"cumulativeMaskCheck\",\">\",[5,\"0\"]],[1,\"cumulativeMaskCheck\",\"==\",[5,\"0\"]],[1,\"reverseHighlight\",\"==\",[5,\"1\"]]]]],[2,\"color\",\"=\",[6,[7,\"std\",\"select\"],[\"color\",[6,[7,\"d\",\"vec4f\"],[[7,\"color\",\"xyz\"],[5,\"0\"]]],\"maskingLogic\"]]],[2,\"color\",\"=\",[6,[7,\"std\",\"select\"],[\"color\",[6,[7,\"d\",\"vec4f\"],[[5,\"1\"],[5,\"0\"],[5,\"0\"],[5,\"0\"]]],[3,\"maskingLogic\",\"&&\",[1,\"colorMaskDebug\",\">\",[5,\"0\"]]]]]],[10,\"color\"]]],\"externalNames\":[\"d\",\"std\",\"textureBindGroupLayout\",\"colorMaskBindGroupLayout\",\"rgbToHSV\"]}","externals"],"sourceRoot":"../../../../src","sources":["shaders/fragmentShaders/colorMaskFragment.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tgpu","d","std","COLOR_MASK_MAX_COUNT","colorMaskBindGroupLayout","getPixelColorFromNonReversedVector","RGBToHSL","colorMaskFragment","globalThis","__TYPEGPU_AUTONAME__","a","fragmentFn","in","uv","vec2f","out","vec4f","$","__TYPEGPU_META__","WeakMap","set","f","input","color","masks","colorMasks","usedMaskCount","reverseHighlight","colorMaskDebug","u32","cumulativeMaskCheck","colorHSL","xyz","i","mask","maskedColor","baseColor","rgbToleranceRange","maskedColorLower","sub","lower","maskedColorUpper","add","upper","upperCheck","all","le","lowerCheck","ge","rgbCheck","saturationAndLightness","yz","hueStart","hueDiff","x","distance","mod","hueCheck","step","hueRange","checkVec","mul","minLimits","maxLimits","saturationAndLightnessMask","y","hslCheck","maskCheck","select","useHSV","debugMode","maskingLogic","v","name","ast","{\"params\":[{\"type\":\"i\",\"name\":\"input\"}],\"body\":[0,[[12,\"color\",[6,\"getPixelColorFromNonReversedVector\",[[7,\"input\",\"uv\"]]]],[13,\"masks\",[7,[7,[7,\"colorMaskBindGroupLayout\",\"$\"],\"colorMasks\"],\"masks\"]],[13,\"usedMaskCount\",[7,[7,[7,\"colorMaskBindGroupLayout\",\"$\"],\"colorMasks\"],\"usedMaskCount\"]],[13,\"reverseHighlight\",[7,[7,[7,\"colorMaskBindGroupLayout\",\"$\"],\"colorMasks\"],\"reverseHighlight\"]],[12,\"colorMaskDebug\",[6,[7,\"d\",\"u32\"],[[5,\"0\"]]]],[12,\"cumulativeMaskCheck\",[6,[7,\"d\",\"u32\"],[[5,\"0\"]]]],[13,\"colorHSL\",[6,\"RGBToHSL\",[[7,\"color\",\"xyz\"]]]],[14,[12,\"i\",[5,\"0\"]],[1,\"i\",\"<\",\"COLOR_MASK_MAX_COUNT\"],[102,\"++\",\"i\"],[0,[[11,[1,\"usedMaskCount\",\"<=\",\"i\"],[17]],[13,\"mask\",[8,\"masks\",\"i\"]],[13,\"maskedColor\",[7,\"mask\",\"baseColor\"]],[13,\"rgbToleranceRange\",[7,\"mask\",\"rgbToleranceRange\"]],[13,\"maskedColorLower\",[6,[7,\"std\",\"sub\"],[\"maskedColor\",[7,\"rgbToleranceRange\",\"lower\"]]]],[13,\"maskedColorUpper\",[6,[7,\"std\",\"add\"],[\"maskedColor\",[7,\"rgbToleranceRange\",\"upper\"]]]],[13,\"upperCheck\",[6,[7,\"std\",\"all\"],[[6,[7,\"std\",\"le\"],[[7,\"color\",\"xyz\"],\"maskedColorUpper\"]]]]],[13,\"lowerCheck\",[6,[7,\"std\",\"all\"],[[6,[7,\"std\",\"ge\"],[[7,\"color\",\"xyz\"],\"maskedColorLower\"]]]]],[13,\"rgbCheck\",[3,\"upperCheck\",\"&&\",\"lowerCheck\"]],[13,\"saturationAndLightness\",[7,\"colorHSL\",\"yz\"]],[13,\"hueStart\",[7,\"mask\",\"hueStart\"]],[13,\"hueDiff\",[1,[7,\"colorHSL\",\"x\"],\"-\",\"hueStart\"]],[13,\"distance\",[6,[7,\"std\",\"mod\"],[[6,[7,\"std\",\"add\"],[\"hueDiff\",[5,\"360\"]]],[5,\"360\"]]]],[13,\"hueCheck\",[6,[7,\"std\",\"step\"],[\"distance\",[7,\"mask\",\"hueRange\"]]]],[13,\"checkVec\",[6,[7,\"std\",\"mul\"],[[6,[7,\"std\",\"step\"],[[7,\"mask\",\"minLimits\"],\"saturationAndLightness\"]],[6,[7,\"std\",\"step\"],[\"saturationAndLightness\",[7,\"mask\",\"maxLimits\"]]]]]],[13,\"saturationAndLightnessMask\",[6,[7,\"std\",\"mul\"],[[7,\"checkVec\",\"x\"],[7,\"checkVec\",\"y\"]]]],[13,\"hslCheck\",[6,[7,\"std\",\"mul\"],[\"hueCheck\",\"saturationAndLightnessMask\"]]],[13,\"maskCheck\",[6,[7,\"std\",\"select\"],[[6,[7,\"d\",\"u32\"],[\"rgbCheck\"]],\"hslCheck\",[1,[7,\"mask\",\"useHSV\"],\"==\",[6,[7,\"d\",\"u32\"],[[5,\"1\"]]]]]]],[2,\"cumulativeMaskCheck\",\"=\",[1,\"cumulativeMaskCheck\",\"+\",\"maskCheck\"]],[2,\"colorMaskDebug\",\"=\",[1,\"colorMaskDebug\",\"+\",[7,\"mask\",\"debugMode\"]]]]]],[13,\"maskingLogic\",[6,[7,\"std\",\"select\"],[[1,\"cumulativeMaskCheck\",\">\",[5,\"0\"]],[1,\"cumulativeMaskCheck\",\"==\",[5,\"0\"]],[1,\"reverseHighlight\",\"==\",[5,\"1\"]]]]],[2,\"color\",\"=\",[6,[7,\"std\",\"select\"],[\"color\",[6,[7,\"d\",\"vec4f\"],[[7,\"color\",\"xyz\"],[5,\"0\"]]],\"maskingLogic\"]]],[2,\"color\",\"=\",[6,[7,\"std\",\"select\"],[\"color\",[6,[7,\"d\",\"vec4f\"],[[5,\"1\"],[5,\"0\"],[5,\"0\"],[5,\"0\"]]],[3,\"maskingLogic\",\"&&\",[1,\"colorMaskDebug\",\">\",[5,\"0\"]]]]]],[10,\"color\"]]],\"externalNames\":[\"getPixelColorFromNonReversedVector\",\"colorMaskBindGroupLayout\",\"d\",\"RGBToHSL\",\"COLOR_MASK_MAX_COUNT\",\"std\"]}","externals"],"sourceRoot":"../../../../src","sources":["shaders/fragmentShaders/colorMaskFragment.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/shaders/fragmentShaders/glareFlareFragment.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import tgpu from 'typegpu';
+import * as d from 'typegpu/data';
+import * as std from 'typegpu/std';
+import { glareFlareBindGroupLayout, sharedBindGroupLayout } from "../bindGroupLayouts.js";
+import { getPixelColorFromVector } from "../tgpuUtils.js";
+import { HSLToRGB, RGBToHSL } from "../colorConversions.js";
+export const glareFlareFragment = (globalThis.__TYPEGPU_AUTONAME__ ?? (a => a))(tgpu['~unstable'].fragmentFn({
+  in: {
+    uv: d.vec2f
+  },
+  out: d.vec4f
+})(($ => (globalThis.__TYPEGPU_META__ ??= new WeakMap()).set($.f = input => {
+  const uv = d.vec2f(input.uv.x, 1.0 - input.uv.y);
+  const centeredCoords = std.sub(std.mul(uv, 2.0), 1.0);
+  let color = getPixelColorFromVector(uv);
+  const rot = sharedBindGroupLayout.$.rot;
+  const center = std.add(d.vec2f(0.0), d.vec2f(rot.x, rot.y)); // do not change
+  let dist = std.distance(center, centeredCoords);
+
+  // Normalize UV coordinates to be between -1 and 1
+  let uv_norm = std.sub(std.mul(input.uv, 2.0), 1.0);
+
+  // Calculate distance from center and ensure it does not exceed 1
+  let angle = std.atan2(std.add(rot.y, uv_norm.y), std.sub(rot.x, uv_norm.x));
+  dist = std.clamp(dist, 0.0, 1.0);
+  // Parameters for flare components
+  let flare_intensity = glareFlareBindGroupLayout.$.glareFlare.flareIntensity;
+  let spot_intensity = glareFlareBindGroupLayout.$.glareFlare.flareIntensity;
+  let ring_intensity = glareFlareBindGroupLayout.$.glareFlare.ringIntensity;
+  let ray_intensity = glareFlareBindGroupLayout.$.glareFlare.rayIntensity;
+  let falloff = glareFlareBindGroupLayout.$.glareFlare.falloff;
+  let ray_count = glareFlareBindGroupLayout.$.glareFlare.rayCount;
+
+  // Central bright spot with distance-based falloff
+  let spot = spot_intensity / (dist * falloff + 0.1);
+
+  // Rings calculation, also respecting the texture boundary
+  let ring1 = std.sin(dist * 10.0) * ring_intensity / (dist * falloff + 0.5);
+  let ring2 = std.sin(dist * 20.0) * ring_intensity / (dist * falloff + 0.3);
+  const noise = std.abs(std.sin(rot.x)) + std.abs(std.cos(rot.y));
+  // Ray calculation: create a series of sharp radial spikes
+  let ray_angle = angle * ray_count + noise;
+
+  // Enhanced variability in ray length and size
+  let ray_length_factor = 0.25 + 0.95 * std.abs(std.sin(angle * 3.0 * noise)) * noise;
+  let ray_size_factor = 0.05 + 1.15 * std.abs(std.cos(angle * 13.0 * noise)) + noise;
+
+  // Apply variability to rays
+  let ray = std.pow(std.abs(std.sin(ray_angle)), 15.0 * ray_size_factor) * ray_intensity * (1.0 - dist * ray_length_factor) * noise;
+
+  // Combine all flare components
+  let flare = spot + ring1 + ring2 + ray;
+
+  // Calculate fade factor to black based on distance to the edge
+  let edge_fade = 1.0 - dist;
+
+  // Apply edge fade
+  const flareFaded = flare * edge_fade;
+  const flareFinal = std.clamp(flareFaded * flare_intensity, 0.0, 1.0);
+  const hslColor = RGBToHSL(color.xyz);
+  const lightness = std.clamp(hslColor.z + flareFinal, 0.0, 1.0);
+  const combined = HSLToRGB(d.vec3f(hslColor.xy, lightness));
+  // Final color with flare intensity, clamped to prevent oversaturation
+  // color = d.vec4f(std.mix(color.xyz, combined, glow), color.w);
+  return d.vec4f(combined, color.w);
+}, {
+  v: 1,
+  name: void 0,
+  ast: {"params":[{"type":"i","name":"input"}],"body":[0,[[13,"uv",[6,[7,"d","vec2f"],[[7,[7,"input","uv"],"x"],[1,[5,"1"],"-",[7,[7,"input","uv"],"y"]]]]],[13,"centeredCoords",[6,[7,"std","sub"],[[6,[7,"std","mul"],["uv",[5,"2"]]],[5,"1"]]]],[12,"color",[6,"getPixelColorFromVector",["uv"]]],[13,"rot",[7,[7,"sharedBindGroupLayout","$"],"rot"]],[13,"center",[6,[7,"std","add"],[[6,[7,"d","vec2f"],[[5,"0"]]],[6,[7,"d","vec2f"],[[7,"rot","x"],[7,"rot","y"]]]]]],[12,"dist",[6,[7,"std","distance"],["center","centeredCoords"]]],[12,"uv_norm",[6,[7,"std","sub"],[[6,[7,"std","mul"],[[7,"input","uv"],[5,"2"]]],[5,"1"]]]],[12,"angle",[6,[7,"std","atan2"],[[6,[7,"std","add"],[[7,"rot","y"],[7,"uv_norm","y"]]],[6,[7,"std","sub"],[[7,"rot","x"],[7,"uv_norm","x"]]]]]],[2,"dist","=",[6,[7,"std","clamp"],["dist",[5,"0"],[5,"1"]]]],[12,"flare_intensity",[7,[7,[7,"glareFlareBindGroupLayout","$"],"glareFlare"],"flareIntensity"]],[12,"spot_intensity",[7,[7,[7,"glareFlareBindGroupLayout","$"],"glareFlare"],"flareIntensity"]],[12,"ring_intensity",[7,[7,[7,"glareFlareBindGroupLayout","$"],"glareFlare"],"ringIntensity"]],[12,"ray_intensity",[7,[7,[7,"glareFlareBindGroupLayout","$"],"glareFlare"],"rayIntensity"]],[12,"falloff",[7,[7,[7,"glareFlareBindGroupLayout","$"],"glareFlare"],"falloff"]],[12,"ray_count",[7,[7,[7,"glareFlareBindGroupLayout","$"],"glareFlare"],"rayCount"]],[12,"spot",[1,"spot_intensity","/",[1,[1,"dist","*","falloff"],"+",[5,"0.1"]]]],[12,"ring1",[1,[1,[6,[7,"std","sin"],[[1,"dist","*",[5,"10"]]]],"*","ring_intensity"],"/",[1,[1,"dist","*","falloff"],"+",[5,"0.5"]]]],[12,"ring2",[1,[1,[6,[7,"std","sin"],[[1,"dist","*",[5,"20"]]]],"*","ring_intensity"],"/",[1,[1,"dist","*","falloff"],"+",[5,"0.3"]]]],[13,"noise",[1,[6,[7,"std","abs"],[[6,[7,"std","sin"],[[7,"rot","x"]]]]],"+",[6,[7,"std","abs"],[[6,[7,"std","cos"],[[7,"rot","y"]]]]]]],[12,"ray_angle",[1,[1,"angle","*","ray_count"],"+","noise"]],[12,"ray_length_factor",[1,[5,"0.25"],"+",[1,[1,[5,"0.95"],"*",[6,[7,"std","abs"],[[6,[7,"std","sin"],[[1,[1,"angle","*",[5,"3"]],"*","noise"]]]]]],"*","noise"]]],[12,"ray_size_factor",[1,[1,[5,"0.05"],"+",[1,[5,"1.15"],"*",[6,[7,"std","abs"],[[6,[7,"std","cos"],[[1,[1,"angle","*",[5,"13"]],"*","noise"]]]]]]],"+","noise"]],[12,"ray",[1,[1,[1,[6,[7,"std","pow"],[[6,[7,"std","abs"],[[6,[7,"std","sin"],["ray_angle"]]]],[1,[5,"15"],"*","ray_size_factor"]]],"*","ray_intensity"],"*",[1,[5,"1"],"-",[1,"dist","*","ray_length_factor"]]],"*","noise"]],[12,"flare",[1,[1,[1,"spot","+","ring1"],"+","ring2"],"+","ray"]],[12,"edge_fade",[1,[5,"1"],"-","dist"]],[13,"flareFaded",[1,"flare","*","edge_fade"]],[13,"flareFinal",[6,[7,"std","clamp"],[[1,"flareFaded","*","flare_intensity"],[5,"0"],[5,"1"]]]],[13,"hslColor",[6,"RGBToHSL",[[7,"color","xyz"]]]],[13,"lightness",[6,[7,"std","clamp"],[[1,[7,"hslColor","z"],"+","flareFinal"],[5,"0"],[5,"1"]]]],[13,"combined",[6,"HSLToRGB",[[6,[7,"d","vec3f"],[[7,"hslColor","xy"],"lightness"]]]]],[10,[6,[7,"d","vec4f"],["combined",[7,"color","w"]]]]]],"externalNames":["d","std","getPixelColorFromVector","sharedBindGroupLayout","glareFlareBindGroupLayout","RGBToHSL","HSLToRGB"]},
+  get externals() {
+    return {
+      d,
+      std,
+      getPixelColorFromVector,
+      sharedBindGroupLayout,
+      glareFlareBindGroupLayout,
+      RGBToHSL,
+      HSLToRGB
+    };
+  }
+}) && $.f)({})), "glareFlareFragment");
+//# sourceMappingURL=glareFlareFragment.js.map

package/lib/module/shaders/fragmentShaders/glareFlareFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tgpu","d","std","glareFlareBindGroupLayout","sharedBindGroupLayout","getPixelColorFromVector","HSLToRGB","RGBToHSL","glareFlareFragment","globalThis","__TYPEGPU_AUTONAME__","a","fragmentFn","in","uv","vec2f","out","vec4f","$","__TYPEGPU_META__","WeakMap","set","f","input","x","y","centeredCoords","sub","mul","color","rot","center","add","dist","distance","uv_norm","angle","atan2","clamp","flare_intensity","glareFlare","flareIntensity","spot_intensity","ring_intensity","ringIntensity","ray_intensity","rayIntensity","falloff","ray_count","rayCount","spot","ring1","sin","ring2","noise","abs","cos","ray_angle","ray_length_factor","ray_size_factor","ray","pow","flare","edge_fade","flareFaded","flareFinal","hslColor","xyz","lightness","z","combined","vec3f","xy","w","v","name","ast","{\"params\":[{\"type\":\"i\",\"name\":\"input\"}],\"body\":[0,[[13,\"uv\",[6,[7,\"d\",\"vec2f\"],[[7,[7,\"input\",\"uv\"],\"x\"],[1,[5,\"1\"],\"-\",[7,[7,\"input\",\"uv\"],\"y\"]]]]],[13,\"centeredCoords\",[6,[7,\"std\",\"sub\"],[[6,[7,\"std\",\"mul\"],[\"uv\",[5,\"2\"]]],[5,\"1\"]]]],[12,\"color\",[6,\"getPixelColorFromVector\",[\"uv\"]]],[13,\"rot\",[7,[7,\"sharedBindGroupLayout\",\"$\"],\"rot\"]],[13,\"center\",[6,[7,\"std\",\"add\"],[[6,[7,\"d\",\"vec2f\"],[[5,\"0\"]]],[6,[7,\"d\",\"vec2f\"],[[7,\"rot\",\"x\"],[7,\"rot\",\"y\"]]]]]],[12,\"dist\",[6,[7,\"std\",\"distance\"],[\"center\",\"centeredCoords\"]]],[12,\"uv_norm\",[6,[7,\"std\",\"sub\"],[[6,[7,\"std\",\"mul\"],[[7,\"input\",\"uv\"],[5,\"2\"]]],[5,\"1\"]]]],[12,\"angle\",[6,[7,\"std\",\"atan2\"],[[6,[7,\"std\",\"add\"],[[7,\"rot\",\"y\"],[7,\"uv_norm\",\"y\"]]],[6,[7,\"std\",\"sub\"],[[7,\"rot\",\"x\"],[7,\"uv_norm\",\"x\"]]]]]],[2,\"dist\",\"=\",[6,[7,\"std\",\"clamp\"],[\"dist\",[5,\"0\"],[5,\"1\"]]]],[12,\"flare_intensity\",[7,[7,[7,\"glareFlareBindGroupLayout\",\"$\"],\"glareFlare\"],\"flareIntensity\"]],[12,\"spot_intensity\",[7,[7,[7,\"glareFlareBindGroupLayout\",\"$\"],\"glareFlare\"],\"flareIntensity\"]],[12,\"ring_intensity\",[7,[7,[7,\"glareFlareBindGroupLayout\",\"$\"],\"glareFlare\"],\"ringIntensity\"]],[12,\"ray_intensity\",[7,[7,[7,\"glareFlareBindGroupLayout\",\"$\"],\"glareFlare\"],\"rayIntensity\"]],[12,\"falloff\",[7,[7,[7,\"glareFlareBindGroupLayout\",\"$\"],\"glareFlare\"],\"falloff\"]],[12,\"ray_count\",[7,[7,[7,\"glareFlareBindGroupLayout\",\"$\"],\"glareFlare\"],\"rayCount\"]],[12,\"spot\",[1,\"spot_intensity\",\"/\",[1,[1,\"dist\",\"*\",\"falloff\"],\"+\",[5,\"0.1\"]]]],[12,\"ring1\",[1,[1,[6,[7,\"std\",\"sin\"],[[1,\"dist\",\"*\",[5,\"10\"]]]],\"*\",\"ring_intensity\"],\"/\",[1,[1,\"dist\",\"*\",\"falloff\"],\"+\",[5,\"0.5\"]]]],[12,\"ring2\",[1,[1,[6,[7,\"std\",\"sin\"],[[1,\"dist\",\"*\",[5,\"20\"]]]],\"*\",\"ring_intensity\"],\"/\",[1,[1,\"dist\",\"*\",\"falloff\"],\"+\",[5,\"0.3\"]]]],[13,\"noise\",[1,[6,[7,\"std\",\"abs\"],[[6,[7,\"std\",\"sin\"],[[7,\"rot\",\"x\"]]]]],\"+\",[6,[7,\"std\",\"abs\"],[[6,[7,\"std\",\"cos\"],[[7,\"rot\",\"y\"]]]]]]],[12,\"ray_angle\",[1,[1,\"angle\",\"*\",\"ray_count\"],\"+\",\"noise\"]],[12,\"ray_length_factor\",[1,[5,\"0.25\"],\"+\",[1,[1,[5,\"0.95\"],\"*\",[6,[7,\"std\",\"abs\"],[[6,[7,\"std\",\"sin\"],[[1,[1,\"angle\",\"*\",[5,\"3\"]],\"*\",\"noise\"]]]]]],\"*\",\"noise\"]]],[12,\"ray_size_factor\",[1,[1,[5,\"0.05\"],\"+\",[1,[5,\"1.15\"],\"*\",[6,[7,\"std\",\"abs\"],[[6,[7,\"std\",\"cos\"],[[1,[1,\"angle\",\"*\",[5,\"13\"]],\"*\",\"noise\"]]]]]]],\"+\",\"noise\"]],[12,\"ray\",[1,[1,[1,[6,[7,\"std\",\"pow\"],[[6,[7,\"std\",\"abs\"],[[6,[7,\"std\",\"sin\"],[\"ray_angle\"]]]],[1,[5,\"15\"],\"*\",\"ray_size_factor\"]]],\"*\",\"ray_intensity\"],\"*\",[1,[5,\"1\"],\"-\",[1,\"dist\",\"*\",\"ray_length_factor\"]]],\"*\",\"noise\"]],[12,\"flare\",[1,[1,[1,\"spot\",\"+\",\"ring1\"],\"+\",\"ring2\"],\"+\",\"ray\"]],[12,\"edge_fade\",[1,[5,\"1\"],\"-\",\"dist\"]],[13,\"flareFaded\",[1,\"flare\",\"*\",\"edge_fade\"]],[13,\"flareFinal\",[6,[7,\"std\",\"clamp\"],[[1,\"flareFaded\",\"*\",\"flare_intensity\"],[5,\"0\"],[5,\"1\"]]]],[13,\"hslColor\",[6,\"RGBToHSL\",[[7,\"color\",\"xyz\"]]]],[13,\"lightness\",[6,[7,\"std\",\"clamp\"],[[1,[7,\"hslColor\",\"z\"],\"+\",\"flareFinal\"],[5,\"0\"],[5,\"1\"]]]],[13,\"combined\",[6,\"HSLToRGB\",[[6,[7,\"d\",\"vec3f\"],[[7,\"hslColor\",\"xy\"],\"lightness\"]]]]],[10,[6,[7,\"d\",\"vec4f\"],[\"combined\",[7,\"color\",\"w\"]]]]]],\"externalNames\":[\"d\",\"std\",\"getPixelColorFromVector\",\"sharedBindGroupLayout\",\"glareFlareBindGroupLayout\",\"RGBToHSL\",\"HSLToRGB\"]}","externals"],"sourceRoot":"../../../../src","sources":["shaders/fragmentShaders/glareFlareFragment.ts"],"mappings":"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","ignoreList":[]}