react-native-shine 0.4.1 → 0.5.0

package/lib/typescript/src/shaders/tgpuUtils.d.ts

@@ -1,6 +1,7 @@
 import * as d from 'typegpu/data';
 export declare const hueShift: import("typegpu").TgpuFn<(rgb: d.Vec3f, angle: d.F32) => d.Vec3f>;
 export declare const rgbToHSV: import("typegpu").TgpuFn<(rgb: d.Vec3f) => d.Vec3f>;
+export declare const hsvToRGB: import("typegpu").TgpuFn<(hsv: d.Vec3f) => d.Vec3f>;
 export declare const fmod: import("typegpu").TgpuFn<(number: d.F32, md: d.F32) => d.F32>;
 export declare const glareColorShift: import("typegpu").TgpuFn<(color: d.Vec3f, power: d.F32) => d.Vec3f>;
 export declare const overlayChannel: import("typegpu").TgpuFn<(base: d.F32, blend: d.F32) => d.F32>;

package/lib/typescript/src/shaders/tgpuUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tgpuUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/tgpuUtils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAElC,eAAO,MAAM,QAAQ,mEA6BnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qDA2BnB,CAAC;AAEH,eAAO,MAAM,IAAI,+DASf,CAAC;AAEH,eAAO,MAAM,eAAe,qEAc1B,CAAC;AAEH,eAAO,MAAM,cAAc,gEAYzB,CAAC;AAEH,eAAO,MAAM,eAAe,sEAS1B,CAAC;AAEH,mBAAmB;AACnB,eAAO,MAAM,OAAO,mDAQlB,CAAC;AAEH,eAAO,MAAM,0BAA0B,+DAcrC,CAAC;AAEH,eAAO,MAAM,UAAU,yEAMrB,CAAC"}
+{"version":3,"file":"tgpuUtils.d.ts","sourceRoot":"","sources":["../../../../src/shaders/tgpuUtils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAElC,eAAO,MAAM,QAAQ,mEA6BnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qDA6BnB,CAAC;AAEH,eAAO,MAAM,QAAQ,qDAanB,CAAC;AAEH,eAAO,MAAM,IAAI,+DASf,CAAC;AAEH,eAAO,MAAM,eAAe,qEAc1B,CAAC;AAEH,eAAO,MAAM,cAAc,gEAYzB,CAAC;AAEH,eAAO,MAAM,eAAe,sEAS1B,CAAC;AAEH,mBAAmB;AACnB,eAAO,MAAM,OAAO,mDAQlB,CAAC;AAEH,eAAO,MAAM,0BAA0B,+DAcrC,CAAC;AAEH,eAAO,MAAM,UAAU,yEAMrB,CAAC"}

package/lib/typescript/src/types/typeUtils.d.ts

@@ -9,6 +9,15 @@ export declare const colorMaskToTyped: (colorMask: ColorMask) => {
         upper: any;
         lower: any;
     };
+    useHSV: number;
+    hueToleranceRange: {
+        lower: number;
+        upper: number;
+    };
+    brightnessTolerance: number;
+    saturationTolerance: number;
+    lowSaturationThreshold: number;
+    lowBrightnessThreshold: number;
 };
 export declare const createHoloOptions: (options: Partial<HoloOptions>) => HoloOptions;
 export declare const createReverseHoloDetectionChannelFlags: (options?: Partial<ReverseHoloDetectionChannelFlags>) => {

package/lib/typescript/src/types/typeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../../../../src/types/typeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuB,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,qBAAqB,EAErB,WAAW,EACX,gCAAgC,EACjC,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,kBAAkB,GAC7B,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,YAoBF,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACvD,KAAK,CAAC,KACL,GACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,GAQvC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,WAAW,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,KACvD,SAcF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAW,SAAS;;;;;;CASpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,OAAO,CAAC,WAAW,CAAC,KAC5B,WAQF,CAAC;AAEF,eAAO,MAAM,sCAAsC,GACjD,UAAU,OAAO,CAAC,gCAAgC,CAAC;;;;;;;CA4BpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,EAAE,QAkB7C,CAAC"}
+{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../../../../src/types/typeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuB,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,qBAAqB,EAErB,WAAW,EACX,gCAAgC,EACjC,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,kBAAkB,GAC7B,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,YAoBF,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACvD,KAAK,CAAC,KACL,GACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,GAQvC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,WAAW,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,KACvD,SAqCF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAW,SAAS;;;;;;;;;;;;;;;CAkBpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,OAAO,CAAC,WAAW,CAAC,KAC5B,WAQF,CAAC;AAEF,eAAO,MAAM,sCAAsC,GACjD,UAAU,OAAO,CAAC,gCAAgC,CAAC;;;;;;;CA2BpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,EAAE,QAkB7C,CAAC"}

package/lib/typescript/src/types/types.d.ts

@@ -14,6 +14,15 @@ export type GlareOptions = {
 };
 export type ColorMask = {
     baseColor: vec3;
+    useHSV?: boolean;
+    hueToleranceRange: {
+        upper: number;
+        lower: number;
+    };
+    brightnessTolerance?: number;
+    lowBrightnessThreshold?: number;
+    saturationTolerance?: number;
+    lowSaturationThreshold?: number;
     rgbToleranceRange: {
         upper: vec3;
         lower: vec3;

package/lib/typescript/src/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACpC,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5C,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,IAAI,CAAC;IAChB,iBAAiB,EAAE;QACjB,KAAK,EAAE,IAAI,CAAC;QACZ,KAAK,EAAE,IAAI,CAAC;KACb,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,cAAc,CAAC;CAC9B,CAAC;AAGF,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;KACnD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACf,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAExB,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,IAAI,GACJ,SAAS,CAAC;AAId,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC3E,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAC5E,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,kBAAkB,CAAC,qBAAqB,CAAC,CAC1C,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,sBAAsB,GAAG,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/utils/vector.d.ts

@@ -25,6 +25,7 @@ export declare function transformV3d(v3d: V3d, transformer: Transformer): V3d;
 export declare function clamp(v: number, min?: number, max?: number): number;
 export declare function clampV3d(v3d: V3d, min: number, max: number): V3d;
 export declare function degToRad(deg: number): number;
+export declare function createV3d(x: number, y: number, z: number): V3d;
 export declare const zeroV3d: {
     x: number;
     y: number;

package/lib/typescript/src/utils/vector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vector.d.ts","sourceRoot":"","sources":["../../../../src/utils/vector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAG7D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAG7C;AAED,wBAAgB,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAKzD;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMzE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,OAAO,CAEnD;AAED,eAAO,MAAM,OAAO;;;CAAiB,CAAC;AAGtC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAGjD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAG/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAG5E;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMpE;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,SAAK,EAAE,GAAG,SAAI,GAAG,MAAM,CAG1D;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAID,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG5C;AAED,eAAO,MAAM,OAAO;;;;CAAuB,CAAC"}
+{"version":3,"file":"vector.d.ts","sourceRoot":"","sources":["../../../../src/utils/vector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAG7D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAG7C;AAED,wBAAgB,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAKzD;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAG7C;AAED,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMzE;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,OAAO,CAEnD;AAED,eAAO,MAAM,OAAO;;;CAAiB,CAAC;AAGtC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAMnD;AAED,eAAO,MAAM,WAAW,iBAAW,CAAC;AAEpC,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAGjD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,GAAG,GAAG,CAGrC;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAM1C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAG/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAG5E;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAG,GAAG,CAMpE;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,SAAK,EAAE,GAAG,SAAI,GAAG,MAAM,CAG1D;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAGhE;AAID,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG5C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAE9D;AAED,eAAO,MAAM,OAAO;;;;CAAuB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-shine",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Fast and efficient way of adding interactive effects that are run entirely on shaders using typeGPU.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/Content.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { PixelRatio, View } from 'react-native';
+import { PixelRatio, View, type ViewStyle } from 'react-native';
 import Animated, {
   SensorType,
   type SharedValue,
@@ -80,12 +80,13 @@ export interface SharedProps {
   height: number;
   glareOptions?: Partial<GlareOptions>;
   colorMaskOptions?: DeepPartiallyOptional<ColorMask, 'baseColor'>;
-  useTouchControl?: boolean;
   touchPosition?: SharedValue<V2d>;
   addReverseHolo?: boolean;
   reverseHoloDetectionChannelOptions?: Partial<ReverseHoloDetectionChannelFlags>;
   addHolo?: boolean;
   translateViewIn3d?: boolean;
+  style?: ViewStyle;
+  containerStyle?: ViewStyle;
 }
 
 interface ContentProps extends SharedProps {
@@ -113,9 +114,10 @@ export default function Content({
   maskTexture,
   root,
   touchPosition,
-  useTouchControl,
   width,
   translateViewIn3d = false,
+  style,
+  containerStyle,
 }: ContentProps) {
   const { device } = root;
   // const { ref, context } = useGPUContext();
@@ -152,8 +154,6 @@ export default function Content({
     []
   );
 
-  //TODO: add once again, when the wgpu issues are fixed :3
-
   const animatedStyle = useAnimatedStyle(() => {
     const rotX = rotation.value.x * 10;
     const rotY = rotation.value.y * 10;
@@ -166,6 +166,7 @@ export default function Content({
       ],
     };
   });
+
   // Subscribe to orientation changes and reset calibration on change
   useEffect(
     () =>
@@ -179,7 +180,7 @@ export default function Content({
   useDerivedValue(() => {
     'worklet';
 
-    if (useTouchControl) {
+    if (touchPosition) {
       rotation.value = touchPosition
         ? { x: touchPosition.value.x, y: touchPosition.value.y, z: 0 }
         : zeroV3d;
@@ -229,6 +230,7 @@ export default function Content({
       1
     );
   });
+
   // Render loop
   useEffect(() => {
     if (!context) return;
@@ -286,7 +288,9 @@ export default function Content({
       root,
       'colorMask',
       colorMaskToTyped(
-        createColorMask(colorMaskOptions ?? { baseColor: [-20, -20, -20] })
+        createColorMask(
+          colorMaskOptions ?? { baseColor: [-20, -20, -20], useHSV: false }
+        )
       )
     );
     const colorMaskBindGroup = createColorMaskBindGroup(root, colorMaskBuffer);
@@ -424,11 +428,16 @@ export default function Content({
             matrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1],
           },
         ],
+        ...containerStyle,
       }}
     >
       <Animated.View style={[translateViewIn3d && animatedStyle]}>
         <View>
-          <Canvas ref={ref} style={[{ width, height }]} transparent={true} />
+          <Canvas
+            ref={ref}
+            style={[{ width, height }, style]}
+            transparent={true}
+          />
         </View>
       </Animated.View>
     </View>

package/src/components/ShineGroup.tsx

@@ -19,7 +19,6 @@ export function ShineGroup({
   colorMaskOptions,
   maskURI,
   touchPosition,
-  useTouchControl = false,
   addHolo = false,
   addReverseHolo = false,
 }: ShineGroupProps) {
@@ -80,7 +79,6 @@ export function ShineGroup({
           colorMaskOptions={colorMaskOptions}
           maskURI={maskURI}
           touchPosition={touchPosition}
-          useTouchControl={useTouchControl}
           addReverseHolo={addReverseHolo}
           addHolo={addHolo}
         />

package/src/config/debugMode.ts

@@ -0,0 +1 @@
+export const debug = false;

package/src/enums/colorPresets.ts

@@ -0,0 +1,41 @@
+import type { vec3 } from '../types/types';
+
+export const ColorPresets = {
+  // --- Primary & Secondary ---
+  RED: [255, 0, 0], // #FF0000
+  GREEN: [0, 255, 0], // #00FF00
+  BLUE: [0, 0, 255], // #0000FF
+  YELLOW: [255, 255, 0], // #FFFF00
+  CYAN: [0, 255, 255], // #00FFFF
+  MAGENTA: [255, 0, 255], // #FF00FF
+
+  // --- Grayscale ---
+  WHITE: [255, 255, 255], // #FFFFFF
+  BLACK: [0, 0, 0], // #000000
+  GRAY: [128, 128, 128], // #808080
+  LIGHT_GRAY: [211, 211, 211], // #D3D3D3
+  DARK_GRAY: [105, 105, 105], // #696969
+
+  // --- Common Colors ---
+  ORANGE: [255, 165, 0], // #FFA500
+  PURPLE: [128, 0, 128], // #800080
+  BROWN: [165, 42, 42], // #A52A2A
+  PINK: [255, 192, 203], // #FFC0CB
+  LIME_GREEN: [50, 205, 50], // #32CD32
+  FOREST_GREEN: [34, 139, 34], // #228B22
+  OLIVE: [128, 128, 0], // #808000
+  TEAL: [0, 128, 128], // #008080
+  NAVY: [0, 0, 128], // #000080
+  ROYAL_BLUE: [65, 105, 225], // #4169E1
+  SKY_BLUE: [135, 206, 235], // #87CEEB
+  INDIGO: [75, 0, 130], // #4B0082
+  VIOLET: [238, 130, 238], // #EE82EE
+  MAROON: [128, 0, 0], // #800000
+
+  // --- Hues & Tints ---
+  GOLD: [255, 215, 0], // #FFD700
+  TOMATO: [255, 99, 71], // #FF6347
+  SALMON: [250, 128, 114], // #FA8072
+  BEIGE: [245, 245, 220], // #F5F5DC
+  POTATO: [222, 184, 135], // #DEB887
+} as const satisfies Record<string, vec3>;

package/src/index.tsx

@@ -16,3 +16,4 @@ export { ShineGroup } from './components/ShineGroup';
 export type { ShineProps } from './components/Shine';
 export * from './utils/vector';
 export type { V2d, V3d } from './types/vector';
+export * from './enums/colorPresets';

package/src/shaders/bindGroupLayouts.ts

@@ -39,6 +39,15 @@ export const colorMaskSchema = d.struct({
     upper: d.vec3f,
     lower: d.vec3f,
   }),
+  hueToleranceRange: d.struct({
+    upper: d.f32,
+    lower: d.f32,
+  }),
+  useHSV: d.align(16, d.u32),
+  brightnessTolerance: d.f32,
+  saturationTolerance: d.f32,
+  lowSaturationThreshold: d.f32,
+  lowBrightnessThreshold: d.f32,
 });
 
 export type ColorMaskSchema = typeof colorMaskSchema;

package/src/shaders/fragmentShaders/colorMaskFragment.ts

@@ -5,6 +5,7 @@ import {
   textureBindGroupLayout,
   colorMaskBindGroupLayout,
 } from '../bindGroupLayouts';
+import { rgbToHSV } from '../tgpuUtils';
 
 const colorMaskFragment = tgpu['~unstable'].fragmentFn({
   in: { uv: d.vec2f },
@@ -15,6 +16,16 @@ const colorMaskFragment = tgpu['~unstable'].fragmentFn({
   const mask = colorMaskBindGroupLayout.$.mask;
   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;
 
   let color = std.textureSample(
     textureBindGroupLayout.$.texture,
@@ -26,10 +37,41 @@ const colorMaskFragment = tgpu['~unstable'].fragmentFn({
   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));
-  if (upperCheck && lowerCheck) {
-    return d.vec4f(color.xyz, 0.0);
-  }
-  return d.vec4f(color.xyz, color.w);
+  const rgbCheck = upperCheck && lowerCheck;
+
+  const maskedHSV = rgbToHSV(maskedColor);
+  const colorHSV = rgbToHSV(color.xyz);
+
+  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;
+
+  //hue is unstable when either color is gray or black (low saturation or low brightness)
+  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));
+
+  color = std.select(color, d.vec4f(color.xyz, 0.0), maskCheck);
+  return color;
 });
 
 export default colorMaskFragment;

package/src/shaders/resourceManagement/bitmaps.ts

@@ -1,19 +1,20 @@
 import { Asset } from 'expo-asset';
+import { debug } from '../../config/debugMode';
 
 const getBitmapFromURI = async (uri: string): Promise<ImageBitmap> => {
   if (uriToBitmapMap.has(uri)) return uriToBitmapMap.get(uri)!;
-  console.log('bitmap not found in cache, fetching from URI');
+  if (debug) console.log('bitmap not found in cache, fetching from URI');
 
   const ast = Asset.fromURI(uri);
   await ast.downloadAsync();
   const fileURI = ast.localUri || ast.uri;
 
-  console.log('fetch completed, creating ImageBitmap');
+  if (debug) console.log('fetch completed, creating ImageBitmap');
   const response = await fetch(fileURI);
   const blob = await response.blob();
   const imageBitmap = await createImageBitmap(blob);
 
-  console.log('bitmap size: ', imageBitmap);
+  if (debug) console.log('bitmap size: ', imageBitmap);
   uriToBitmapMap.set(uri, imageBitmap);
   return imageBitmap;
 };

package/src/shaders/resourceManagement/bufferManager.ts

@@ -1,4 +1,5 @@
 import type { TgpuRoot, TgpuBuffer, ValidateBufferSchema } from 'typegpu';
+import { debug } from '../../config/debugMode';
 
 export type BufferUsageType = 'uniform' | 'storage' | 'vertex';
 
@@ -49,7 +50,15 @@ export class TypedBufferMap<
 
     const { schema, usage } = entry;
     if (this.buffers[key]) {
-      console.warn(`Buffer "${String(key)}" already exists. Skipping...`);
+      if (debug) console.warn(`Buffer "${String(key)}" already exists.`);
+
+      if (initValues) {
+        (this.buffers[key] as TgpuBuffer<any>).write(initValues);
+        if (debug)
+          console.log(
+            `Buffer "${String(key)}" updated with new initial values.`
+          );
+      }
       return this.buffers[key]!;
     }
 

package/src/shaders/tgpuUtils.ts

@@ -33,33 +33,50 @@ export const hueShift = tgpu.fn(
   return d.vec3f(r, g, b);
 });
 
-export const rgbToHSV = tgpu.fn(
+export const rgbToHSV = tgpu['~unstable'].fn(
   [d.vec3f],
   d.vec3f
 )((rgb) => {
-  const cMax = std.max(std.max(rgb.x, rgb.y), rgb.z);
-  const cMin = std.min(std.min(rgb.x, rgb.y), rgb.z);
-  const delta = std.sub(cMax, cMin);
-
-  const hueDeltaZero = d.f32(0.0);
-  const hueRmax = d.f32(60.0) * fmod((rgb.y - rgb.z) / delta, d.f32(6.0));
-  const hueGmax = d.f32(60.0) * ((rgb.z - rgb.x) / delta + d.f32(2.0));
-  const hueBmax = d.f32(60.0) * ((rgb.x - rgb.y) / delta + d.f32(4.0));
-
-  let hue = std.select(
-    hueDeltaZero,
-    hueRmax,
-    cMax === rgb.x && delta !== d.f32(0.0)
+  const K = d.vec4f(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+  const p = std.mix(
+    d.vec4f(rgb.y, rgb.z, K.w, K.z),
+    d.vec4f(rgb.z, rgb.y, K.x, K.y),
+    std.step(rgb.z, rgb.y)
   );
-  hue = std.select(hue, hueGmax, cMax === rgb.y && delta !== d.f32(0.0));
-  hue = std.select(hue, hueBmax, cMax === rgb.z && delta !== d.f32(0.0));
-  hue = std.select(hue, d.f32(0.0), delta === d.f32(0.0));
+  const q = std.mix(
+    d.vec4f(p.x, p.y, p.w, rgb.x),
+    d.vec4f(rgb.x, p.y, p.z, p.x),
+    std.step(p.x, rgb.x)
+  );
+
+  const d_val = std.sub(q.x, std.min(q.w, q.y));
+  const epsilon = d.f32(1.0e-10);
 
-  hue = std.mod(hue, d.f32(360.0));
-  const saturation = std.select(delta / cMax, d.f32(0.0), cMax === d.f32(0.0));
-  const value = cMax;
+  const h = std.abs(
+    std.add(
+      q.z,
+      std.div(std.sub(q.w, q.y), std.add(std.mul(6.0, d_val), epsilon))
+    )
+  );
+  const s = std.div(d_val, std.add(q.x, epsilon));
+  const v = q.x;
+
+  return d.vec3f(h, s, v);
+});
 
-  return d.vec3f(hue, saturation, value);
+export const hsvToRGB = tgpu['~unstable'].fn(
+  [d.vec3f],
+  d.vec3f
+)((hsv) => {
+  const K = d.vec4f(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+  const p = std.abs(
+    std.sub(std.mul(std.fract(std.add(hsv.xxx, K.xxx)), 6.0), K.zzz)
+  );
+  const rgb = std.mul(
+    hsv.z,
+    std.mix(K.xxx, std.saturate(std.sub(p, K.xxx)), hsv.y)
+  );
+  return rgb;
 });
 
 export const fmod = tgpu.fn(

package/src/types/typeUtils.ts

@@ -51,16 +51,39 @@ export const mapToF32 = <T extends Record<string, number>>(
 export const createColorMask = (
   colorMask: DeepPartiallyOptional<ColorMask, 'baseColor'>
 ): ColorMask => {
-  const { baseColor, rgbToleranceRange } = colorMask;
+  const {
+    baseColor,
+    rgbToleranceRange,
+    useHSV,
+    hueToleranceRange,
+    brightnessTolerance,
+    saturationTolerance,
+    lowBrightnessThreshold,
+    lowSaturationThreshold,
+  } = colorMask;
   const baseTolerance = {
     upper: [20, 20, 20] as vec3,
     lower: [20, 20, 20] as vec3,
   };
+  const baseHueTolerance = {
+    upper: 20,
+    lower: 20,
+  };
   const tolerance = { ...baseTolerance, ...rgbToleranceRange };
+  const hueTolerance = { ...baseHueTolerance, ...hueToleranceRange };
 
+  // TODO: add radian and degree angle handling
+  // '123deg' <- interpret as a numeric angle value
+  //     2     <- interpret as a radian value
   const mask: ColorMask = {
     baseColor: baseColor,
     rgbToleranceRange: tolerance,
+    useHSV: useHSV!!,
+    hueToleranceRange: hueTolerance,
+    brightnessTolerance: brightnessTolerance ?? 1.0,
+    saturationTolerance: saturationTolerance ?? 1.0,
+    lowBrightnessThreshold: lowBrightnessThreshold ?? 0.0,
+    lowSaturationThreshold: lowSaturationThreshold ?? 0.0,
   };
 
   return mask;
@@ -73,6 +96,15 @@ export const colorMaskToTyped = (colorMask: ColorMask) => {
       upper: div(numberArrToTyped(colorMask.rgbToleranceRange.upper), 255),
       lower: div(numberArrToTyped(colorMask.rgbToleranceRange.lower), 255),
     },
+    useHSV: d.u32(colorMask.useHSV ? 1 : 0),
+    hueToleranceRange: {
+      lower: div(f32(colorMask.hueToleranceRange.lower), 360),
+      upper: div(f32(colorMask.hueToleranceRange.upper), 360),
+    },
+    brightnessTolerance: f32(colorMask.brightnessTolerance),
+    saturationTolerance: f32(colorMask.saturationTolerance),
+    lowSaturationThreshold: f32(colorMask.lowSaturationThreshold),
+    lowBrightnessThreshold: f32(colorMask.lowBrightnessThreshold),
   };
   return result;
 };
@@ -116,7 +148,6 @@ export const createReverseHoloDetectionChannelFlags = (
     };
   }
 
-  console.log('createReverseHoloDetectionChannelFlags:', channelFlags);
   return channelFlags;
 };
 

package/src/types/types.ts

@@ -21,6 +21,12 @@ export type GlareOptions = {
 
 export type ColorMask = {
   baseColor: vec3;
+  useHSV?: boolean;
+  hueToleranceRange: { upper: number; lower: number };
+  brightnessTolerance?: number;
+  lowBrightnessThreshold?: number;
+  saturationTolerance?: number;
+  lowSaturationThreshold?: number;
   rgbToleranceRange: {
     upper: vec3;
     lower: vec3;

package/src/utils/vector.ts

@@ -129,4 +129,8 @@ export function degToRad(deg: number): number {
   return (deg * Math.PI) / 180;
 }
 
+export function createV3d(x: number, y: number, z: number): V3d {
+  return { x: x, y: y, z: z };
+}
+
 export const zeroV3d = { x: 0, y: 0, z: 0 };