@3driseai/3drise-core 1.0.1

package/dist/shaders/effects/presets.js

@@ -0,0 +1,288 @@
+import { generateInstanceId } from './defaults.js';
+// Note: Each entry's `values` keys must match its descriptor's uniform keys
+// (see registry/<type>.ts). Mismatches don't error — they silently leave
+// uniforms at their defaults. Copy keys from the descriptor when adding new
+// presets.
+export const EFFECT_PRESETS = [
+    // -------------------------------------------------------------------------
+    // Atmospheric / dreamy
+    // -------------------------------------------------------------------------
+    {
+        id: 'auroraVeil',
+        label: 'Aurora veil',
+        description: 'Slow vertical ribbon with cycling icy hues over a cyan glow.',
+        effects: [
+            { type: 'wave', scope: 'global', enabled: true,
+                values: { intensity: 0.6, frequency: 1.2, speed: 0.3, direction: 1 } },
+            { type: 'hueShift', scope: 'global', enabled: true,
+                values: { intensity: 1, speed: 0.25, spatial: 1.2 } },
+            { type: 'saturation', scope: 'global', enabled: true,
+                values: { intensity: 0.7 } },
+            { type: 'glow', scope: 'global', enabled: true,
+                values: { intensity: 0.4, color: '#7fdfff' } },
+        ],
+    },
+    {
+        id: 'cosmicDust',
+        label: 'Cosmic dust',
+        description: 'Domain-warped drift with sparse twinkles fading into the distance.',
+        effects: [
+            { type: 'noise', scope: 'global', enabled: true,
+                values: { intensity: 0.4, frequency: 0.6, speed: 0.2, noiseType: 8, axis: 3 } },
+            { type: 'sparkle', scope: 'global', enabled: true,
+                values: { intensity: 1.5, density: 0.05, speed: 4 } },
+            { type: 'depthFade', scope: 'global', enabled: true,
+                values: { intensity: 0.65, near: 0.92, far: 1.0 } },
+            { type: 'colorShift', scope: 'global', enabled: true,
+                values: { intensity: 0.4, targetColor: '#5a3a8a' } },
+        ],
+    },
+    {
+        id: 'vaporwave',
+        label: 'Vaporwave drift',
+        description: 'Slow horizontal drift with pink/teal palette and dreamy bloom.',
+        effects: [
+            { type: 'wave', scope: 'global', enabled: true,
+                values: { intensity: 0.25, frequency: 1, speed: 0.3, direction: 0 } },
+            { type: 'hueShift', scope: 'global', enabled: true,
+                values: { intensity: 0.7, speed: 0.15, spatial: 0.8 } },
+            { type: 'saturation', scope: 'global', enabled: true,
+                values: { intensity: 0.6 } },
+            { type: 'glow', scope: 'global', enabled: true,
+                values: { intensity: 0.5, color: '#ff88cc' } },
+            { type: 'colorShift', scope: 'global', enabled: true,
+                values: { intensity: 0.35, targetColor: '#88eedd' } },
+        ],
+    },
+    // -------------------------------------------------------------------------
+    // High-energy / chaotic
+    // -------------------------------------------------------------------------
+    {
+        id: 'neonTornado',
+        label: 'Neon tornado',
+        description: 'Tight Y-axis twist with cycling neon hues and a cyan glow.',
+        effects: [
+            { type: 'twist', scope: 'global', enabled: true,
+                values: { intensity: 2.5, speed: 1.0, axis: 1 } },
+            { type: 'jitter', scope: 'global', enabled: true,
+                values: { intensity: 0.03, speed: 18 } },
+            { type: 'hueShift', scope: 'global', enabled: true,
+                values: { intensity: 1, speed: 1.2, spatial: 0 } },
+            { type: 'saturation', scope: 'global', enabled: true,
+                values: { intensity: 1.5 } },
+            { type: 'glow', scope: 'global', enabled: true,
+                values: { intensity: 0.6, color: '#00ffff' } },
+        ],
+    },
+    {
+        id: 'stormFront',
+        label: 'Storm front',
+        description: 'Turbulent particles with strong flicker and pulsing storm-grey light.',
+        effects: [
+            { type: 'noise', scope: 'global', enabled: true,
+                values: { intensity: 0.7, frequency: 2.0, speed: 1.2, noiseType: 7, axis: 3 } },
+            { type: 'flicker', scope: 'global', enabled: true,
+                values: { intensity: 0.6, speed: 22 } },
+            { type: 'brightness', scope: 'global', enabled: true,
+                values: { intensity: 0.45 } },
+            { type: 'colorShift', scope: 'global', enabled: true,
+                values: { intensity: 0.5, targetColor: '#506470' } },
+            { type: 'pulse', scope: 'global', enabled: true,
+                values: { intensity: 0.3, speed: 4 } },
+        ],
+    },
+    {
+        id: 'glitchStatic',
+        label: 'Glitch / static',
+        description: 'CRT chaos: white noise, heavy jitter, desaturated flicker.',
+        effects: [
+            { type: 'noise', scope: 'global', enabled: true,
+                values: { intensity: 0.25, frequency: 8, speed: 2, noiseType: 4, axis: 3 } },
+            { type: 'jitter', scope: 'global', enabled: true,
+                values: { intensity: 0.08, speed: 40 } },
+            { type: 'flicker', scope: 'global', enabled: true,
+                values: { intensity: 0.5, speed: 35 } },
+            { type: 'saturation', scope: 'global', enabled: true,
+                values: { intensity: -0.4 } },
+            { type: 'brightness', scope: 'global', enabled: true,
+                values: { intensity: 0.3 } },
+        ],
+    },
+    {
+        id: 'cyberRain',
+        label: 'Cyber rain',
+        description: 'Vertical wave + ripples + neon green tint with glitchy flicker.',
+        effects: [
+            { type: 'wave', scope: 'global', enabled: true,
+                values: { intensity: 0.4, frequency: 6, speed: 2.5, direction: 1 } },
+            { type: 'ripple', scope: 'global', enabled: true,
+                values: { intensity: 0.15, frequency: 5, speed: 3, centerX: 0, centerY: 0 } },
+            { type: 'flicker', scope: 'global', enabled: true,
+                values: { intensity: 0.3, speed: 30 } },
+            { type: 'colorShift', scope: 'global', enabled: true,
+                values: { intensity: 0.6, targetColor: '#00ffaa' } },
+            { type: 'brightness', scope: 'global', enabled: true,
+                values: { intensity: 0.3 } },
+        ],
+    },
+    // -------------------------------------------------------------------------
+    // Cosmic / cosmic-physics
+    // -------------------------------------------------------------------------
+    {
+        id: 'blackhole',
+        label: 'Black hole',
+        description: 'Inverse-square pull, slow spiral, dimming toward the void.',
+        effects: [
+            { type: 'magnet', scope: 'global', enabled: true,
+                values: { intensity: 1.8, centerX: 0, centerY: 0, centerZ: 0, falloffPower: 2 } },
+            { type: 'spiral', scope: 'global', enabled: true,
+                values: { intensity: 0.4, radialSpeed: -0.05, speed: 0.6, centerX: 0, centerY: 0 } },
+            { type: 'colorShift', scope: 'global', enabled: true,
+                values: { intensity: 0.65, targetColor: '#0a0518' } },
+            { type: 'depthFade', scope: 'global', enabled: true,
+                values: { intensity: 0.7, near: 0.9, far: 1.0 } },
+        ],
+    },
+    {
+        id: 'galacticCore',
+        label: 'Galactic core',
+        description: 'Particles spiral toward a warm glowing center with sparkles.',
+        effects: [
+            { type: 'magnet', scope: 'global', enabled: true,
+                values: { intensity: 0.7, centerX: 0, centerY: 0, centerZ: 0, falloffPower: 1.5 } },
+            { type: 'spiral', scope: 'global', enabled: true,
+                values: { intensity: 0.5, radialSpeed: 0.0, speed: 0.4, centerX: 0, centerY: 0 } },
+            { type: 'glow', scope: 'global', enabled: true,
+                values: { intensity: 0.7, color: '#ffe6aa' } },
+            { type: 'hueShift', scope: 'global', enabled: true,
+                values: { intensity: 0.4, speed: 0.2, spatial: 0.5 } },
+            { type: 'sparkle', scope: 'global', enabled: true,
+                values: { intensity: 1.2, density: 0.06, speed: 5 } },
+        ],
+    },
+    {
+        id: 'solarFlare',
+        label: 'Solar flare',
+        description: 'Pulsing radial burst with hot orange glow and intense flicker.',
+        effects: [
+            { type: 'explode', scope: 'global', enabled: true,
+                values: { intensity: 0.5, centerX: 0, centerY: 0, centerZ: 0, speed: 1.0 } },
+            { type: 'flicker', scope: 'global', enabled: true,
+                values: { intensity: 0.5, speed: 20 } },
+            { type: 'glow', scope: 'global', enabled: true,
+                values: { intensity: 0.8, color: '#ff6622' } },
+            { type: 'saturation', scope: 'global', enabled: true,
+                values: { intensity: 1.0 } },
+            { type: 'brightness', scope: 'global', enabled: true,
+                values: { intensity: 0.4 } },
+        ],
+    },
+    // -------------------------------------------------------------------------
+    // Organic / liquid
+    // -------------------------------------------------------------------------
+    {
+        id: 'inkInWater',
+        label: 'Ink in water',
+        description: 'Turbulent diffusion with deep blue tint fading into darkness.',
+        effects: [
+            { type: 'noise', scope: 'global', enabled: true,
+                values: { intensity: 0.5, frequency: 0.5, speed: 0.3, noiseType: 7, axis: 3 } },
+            { type: 'colorShift', scope: 'global', enabled: true,
+                values: { intensity: 0.7, targetColor: '#0a2055' } },
+            { type: 'saturation', scope: 'global', enabled: true,
+                values: { intensity: 0.8 } },
+            { type: 'depthFade', scope: 'global', enabled: true,
+                values: { intensity: 0.55, near: 0.88, far: 1.0 } },
+        ],
+    },
+    {
+        id: 'plasmaLamp',
+        label: 'Plasma lamp',
+        description: 'Slow swirling perlin glow with cycling magenta-purple hues.',
+        effects: [
+            { type: 'noise', scope: 'global', enabled: true,
+                values: { intensity: 0.3, frequency: 0.8, speed: 0.4, noiseType: 0, axis: 3 } },
+            { type: 'colorShift', scope: 'global', enabled: true,
+                values: { intensity: 0.5, targetColor: '#aa44ff' } },
+            { type: 'hueShift', scope: 'global', enabled: true,
+                values: { intensity: 0.6, speed: 0.4, spatial: 0.3 } },
+            { type: 'glow', scope: 'global', enabled: true,
+                values: { intensity: 0.6, color: '#ff44aa' } },
+        ],
+    },
+    {
+        id: 'fireflies',
+        label: 'Fireflies at dusk',
+        description: 'Twinkling warm bugs over a violet twilight sky.',
+        effects: [
+            { type: 'jitter', scope: 'global', enabled: true,
+                values: { intensity: 0.06, speed: 6 } },
+            { type: 'sparkle', scope: 'global', enabled: true,
+                values: { intensity: 2, density: 0.18, speed: 4 } },
+            { type: 'flicker', scope: 'global', enabled: true,
+                values: { intensity: 0.3, speed: 8 } },
+            { type: 'glow', scope: 'global', enabled: true,
+                values: { intensity: 0.7, color: '#ffaa44' } },
+            { type: 'colorShift', scope: 'global', enabled: true,
+                values: { intensity: 0.3, targetColor: '#3a1a55' } },
+        ],
+    },
+    // -------------------------------------------------------------------------
+    // Party / playful
+    // -------------------------------------------------------------------------
+    {
+        id: 'discoInferno',
+        label: 'Disco inferno',
+        description: 'Pulsing brightness, radial rainbow, dense sparkles, supersaturated.',
+        effects: [
+            { type: 'pulse', scope: 'global', enabled: true,
+                values: { intensity: 0.6, speed: 3 } },
+            { type: 'rainbow', scope: 'global', enabled: true,
+                values: { intensity: 0.85, speed: 1.5, spatial: 1.0, direction: 3 } },
+            { type: 'saturation', scope: 'global', enabled: true,
+                values: { intensity: 1.3 } },
+            { type: 'sparkle', scope: 'global', enabled: true,
+                values: { intensity: 1.5, density: 0.2, speed: 10 } },
+        ],
+    },
+    // -------------------------------------------------------------------------
+    // Pointer-driven
+    // -------------------------------------------------------------------------
+    {
+        id: 'pointerComet',
+        label: 'Pointer comet',
+        description: 'Cursor pushes particles outward and leaves a sparkling glowing trail. Move your mouse over the canvas.',
+        pointerRadius: 0.7,
+        effects: [
+            // Baseline so something is visible even before the user moves the cursor.
+            { type: 'wave', scope: 'global', enabled: true,
+                values: { intensity: 0.1, frequency: 2, speed: 0.3, direction: 2 } },
+            { type: 'displacement', scope: 'pointer', enabled: true,
+                values: { intensity: 1.2 } },
+            { type: 'sparkle', scope: 'pointer', enabled: true,
+                values: { intensity: 2.5, density: 0.4, speed: 8 } },
+            { type: 'glow', scope: 'pointer', enabled: true,
+                values: { intensity: 1.0, color: '#ffeebb' } },
+            { type: 'scale', scope: 'pointer', enabled: true,
+                values: { intensity: 0.7, minScale: 1, maxScale: 3 } },
+        ],
+    },
+];
+export function instantiatePreset(preset) {
+    return preset.effects.map((entry) => ({
+        type: entry.type,
+        instanceId: generateInstanceId(),
+        scope: entry.scope,
+        enabled: entry.enabled,
+        values: { ...entry.values },
+    }));
+}
+export function listPresets() {
+    return EFFECT_PRESETS;
+}
+export function getPreset(id) {
+    return EFFECT_PRESETS.find((p) => p.id === id);
+}
+export function getRandomPreset() {
+    return EFFECT_PRESETS[Math.floor(Math.random() * EFFECT_PRESETS.length)];
+}

package/dist/shaders/effects/registry/brightness.d.ts

@@ -0,0 +1,3 @@
+import type { EffectDescriptor } from "../types";
+export declare const brightnessEffect: EffectDescriptor;
+//# sourceMappingURL=brightness.d.ts.map

package/dist/shaders/effects/registry/brightness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brightness.d.ts","sourceRoot":"","sources":["../../../../src/shaders/effects/registry/brightness.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,gBAAgB,EAAE,gBAe9B,CAAC"}

package/dist/shaders/effects/registry/brightness.js

@@ -0,0 +1,16 @@
+export const brightnessEffect = {
+    id: 'brightness',
+    label: 'Brightness',
+    stage: 'fragment',
+    allowedScopes: ['global', 'pointer'],
+    uniforms: {
+        intensity: {
+            glslType: 'float',
+            default: 0.5,
+            control: { kind: 'slider', label: 'Intensity', min: -1, max: 5, step: 0.01 },
+        },
+    },
+    fragmentBody: /*glsl*/ `
+    outColor.rgb *= 1.0 + {{prefix}}intensity * effectScopeFactor;
+  `,
+};

package/dist/shaders/effects/registry/colorShift.d.ts

@@ -0,0 +1,3 @@
+import type { EffectDescriptor } from "../types";
+export declare const colorShiftEffect: EffectDescriptor;
+//# sourceMappingURL=colorShift.d.ts.map

package/dist/shaders/effects/registry/colorShift.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorShift.d.ts","sourceRoot":"","sources":["../../../../src/shaders/effects/registry/colorShift.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,gBAAgB,EAAE,gBAoB9B,CAAC"}

package/dist/shaders/effects/registry/colorShift.js

@@ -0,0 +1,21 @@
+export const colorShiftEffect = {
+    id: 'colorShift',
+    label: 'Color shift',
+    stage: 'fragment',
+    allowedScopes: ['global', 'pointer'],
+    uniforms: {
+        intensity: {
+            glslType: 'float',
+            default: 0.5,
+            control: { kind: 'slider', label: 'Intensity', min: 0, max: 1, step: 0.01 },
+        },
+        targetColor: {
+            glslType: 'vec3',
+            default: '#ff6600',
+            control: { kind: 'color', label: 'Target color' },
+        },
+    },
+    fragmentBody: /*glsl*/ `
+    outColor.rgb = mix(outColor.rgb, {{prefix}}targetColor, {{prefix}}intensity * effectScopeFactor);
+  `,
+};

package/dist/shaders/effects/registry/depthFade.d.ts

@@ -0,0 +1,3 @@
+import type { EffectDescriptor } from "../types";
+export declare const depthFadeEffect: EffectDescriptor;
+//# sourceMappingURL=depthFade.d.ts.map

package/dist/shaders/effects/registry/depthFade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"depthFade.d.ts","sourceRoot":"","sources":["../../../../src/shaders/effects/registry/depthFade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,eAAe,EAAE,gBA4B7B,CAAC"}

package/dist/shaders/effects/registry/depthFade.js

@@ -0,0 +1,29 @@
+export const depthFadeEffect = {
+    id: 'depthFade',
+    label: 'Depth fade',
+    stage: 'fragment',
+    allowedScopes: ['global', 'pointer'],
+    uniforms: {
+        intensity: {
+            glslType: 'float',
+            default: 1.0,
+            control: { kind: 'slider', label: 'Intensity', min: 0, max: 1, step: 0.01 },
+        },
+        near: {
+            glslType: 'float',
+            default: 0.95,
+            control: { kind: 'slider', label: 'Near (full alpha)', min: 0, max: 1, step: 0.005 },
+        },
+        far: {
+            glslType: 'float',
+            default: 1.0,
+            control: { kind: 'slider', label: 'Far (zero alpha)', min: 0, max: 1, step: 0.005 },
+        },
+    },
+    fragmentBody: /*glsl*/ `
+    // Fade alpha based on NDC depth (gl_FragCoord.z ∈ [0,1] from near to far plane).
+    // Particles further from the camera fade out — atmospheric / fog effect.
+    float depthFadeT = smoothstep({{prefix}}near, {{prefix}}far, gl_FragCoord.z);
+    outColor.a *= mix(1.0, 1.0 - depthFadeT, {{prefix}}intensity * effectScopeFactor);
+  `,
+};

package/dist/shaders/effects/registry/displacement.d.ts

@@ -0,0 +1,3 @@
+import type { EffectDescriptor } from "../types";
+export declare const displacementEffect: EffectDescriptor;
+//# sourceMappingURL=displacement.d.ts.map

package/dist/shaders/effects/registry/displacement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"displacement.d.ts","sourceRoot":"","sources":["../../../../src/shaders/effects/registry/displacement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,kBAAkB,EAAE,gBAgBhC,CAAC"}

package/dist/shaders/effects/registry/displacement.js

@@ -0,0 +1,17 @@
+export const displacementEffect = {
+    id: 'displacement',
+    label: 'Displacement (push from pointer)',
+    stage: 'vertex',
+    allowedScopes: ['pointer'],
+    uniforms: {
+        intensity: {
+            glslType: 'float',
+            default: 0.5,
+            control: { kind: 'slider', label: 'Intensity', min: 0, max: 5, step: 0.01 },
+        },
+    },
+    vertexBody: /*glsl*/ `
+    vec2 dir = normalize(morphedPos.xy - scaledPointer);
+    morphedPos.xy += dir * {{prefix}}intensity * effectScopeFactor * 2.0;
+  `,
+};

package/dist/shaders/effects/registry/explode.d.ts

@@ -0,0 +1,3 @@
+import type { EffectDescriptor } from "../types";
+export declare const explodeEffect: EffectDescriptor;
+//# sourceMappingURL=explode.d.ts.map

package/dist/shaders/effects/registry/explode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"explode.d.ts","sourceRoot":"","sources":["../../../../src/shaders/effects/registry/explode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,aAAa,EAAE,gBA0C3B,CAAC"}

package/dist/shaders/effects/registry/explode.js

@@ -0,0 +1,43 @@
+export const explodeEffect = {
+    id: 'explode',
+    label: 'Explode / implode',
+    stage: 'vertex',
+    allowedScopes: ['global', 'pointer'],
+    uniforms: {
+        intensity: {
+            glslType: 'float',
+            default: 0.3,
+            control: { kind: 'slider', label: 'Intensity', min: -3, max: 3, step: 0.01 },
+        },
+        centerX: {
+            glslType: 'float',
+            default: 0,
+            control: { kind: 'slider', label: 'Center X', min: -5, max: 5, step: 0.05 },
+        },
+        centerY: {
+            glslType: 'float',
+            default: 0,
+            control: { kind: 'slider', label: 'Center Y', min: -5, max: 5, step: 0.05 },
+        },
+        centerZ: {
+            glslType: 'float',
+            default: 0,
+            control: { kind: 'slider', label: 'Center Z', min: -5, max: 5, step: 0.05 },
+        },
+        speed: {
+            glslType: 'float',
+            default: 0.5,
+            control: { kind: 'slider', label: 'Speed', min: -5, max: 5, step: 0.05 },
+        },
+    },
+    vertexBody: /*glsl*/ `
+    // Pulses particles outward (positive intensity) or inward (negative)
+    // along the radial direction from the center, oscillating with sin(u_time).
+    vec3 explodeCenter = vec3({{prefix}}centerX, {{prefix}}centerY, {{prefix}}centerZ);
+    vec3 fromCenter = morphedPos - explodeCenter;
+    float dist = length(fromCenter);
+    vec3 dir = (dist > 0.0001) ? (fromCenter / dist) : vec3(0.0, 1.0, 0.0);
+    float wave = sin(u_time * {{prefix}}speed) * 0.5 + 0.5;
+    morphedPos += dir * {{prefix}}intensity * wave * effectScopeFactor;
+  `,
+};

package/dist/shaders/effects/registry/flicker.d.ts

@@ -0,0 +1,3 @@
+import type { EffectDescriptor } from "../types";
+export declare const flickerEffect: EffectDescriptor;
+//# sourceMappingURL=flicker.d.ts.map

package/dist/shaders/effects/registry/flicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flicker.d.ts","sourceRoot":"","sources":["../../../../src/shaders/effects/registry/flicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,aAAa,EAAE,gBA0B3B,CAAC"}

package/dist/shaders/effects/registry/flicker.js

@@ -0,0 +1,27 @@
+export const flickerEffect = {
+    id: 'flicker',
+    label: 'Flicker',
+    stage: 'fragment',
+    allowedScopes: ['global', 'pointer'],
+    uniforms: {
+        intensity: {
+            glslType: 'float',
+            default: 0.4,
+            control: { kind: 'slider', label: 'Intensity', min: 0, max: 1, step: 0.01 },
+        },
+        speed: {
+            glslType: 'float',
+            default: 12.0,
+            control: { kind: 'slider', label: 'Speed', min: 0, max: 60, step: 0.5 },
+        },
+    },
+    fragmentBody: /*glsl*/ `
+    // Chaotic per-particle brightness flicker (firefly / failing-bulb feel).
+    // Time stepped so flickers feel discrete; per-particle seed via vTexCoords.
+    float flickStep = floor(u_time * {{prefix}}speed);
+    float flickSeed = dot(vTexCoords, vec2(45.31, 12.83)) + flickStep * 7.91;
+    float flickRand = fract(sin(flickSeed) * 18472.831);
+    // Map [0,1] → [-1,1] so flicker dims AND brightens
+    outColor.rgb *= 1.0 + (flickRand * 2.0 - 1.0) * {{prefix}}intensity * effectScopeFactor;
+  `,
+};

package/dist/shaders/effects/registry/glow.d.ts

@@ -0,0 +1,3 @@
+import type { EffectDescriptor } from "../types";
+export declare const glowEffect: EffectDescriptor;
+//# sourceMappingURL=glow.d.ts.map

package/dist/shaders/effects/registry/glow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glow.d.ts","sourceRoot":"","sources":["../../../../src/shaders/effects/registry/glow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,UAAU,EAAE,gBAoBxB,CAAC"}

package/dist/shaders/effects/registry/glow.js

@@ -0,0 +1,21 @@
+export const glowEffect = {
+    id: 'glow',
+    label: 'Glow',
+    stage: 'fragment',
+    allowedScopes: ['global', 'pointer'],
+    uniforms: {
+        intensity: {
+            glslType: 'float',
+            default: 0.5,
+            control: { kind: 'slider', label: 'Intensity', min: 0, max: 5, step: 0.01 },
+        },
+        color: {
+            glslType: 'vec3',
+            default: '#ffffff',
+            control: { kind: 'color', label: 'Color' },
+        },
+    },
+    fragmentBody: /*glsl*/ `
+    outColor.rgb += {{prefix}}color * {{prefix}}intensity * effectScopeFactor;
+  `,
+};

package/dist/shaders/effects/registry/grayscale.d.ts

@@ -0,0 +1,3 @@
+import type { EffectDescriptor } from "../types";
+export declare const grayscaleEffect: EffectDescriptor;
+//# sourceMappingURL=grayscale.d.ts.map

package/dist/shaders/effects/registry/grayscale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grayscale.d.ts","sourceRoot":"","sources":["../../../../src/shaders/effects/registry/grayscale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,eAAe,EAAE,gBAwG7B,CAAC"}

package/dist/shaders/effects/registry/grayscale.js

@@ -0,0 +1,105 @@
+export const grayscaleEffect = {
+    id: 'grayscale',
+    label: 'Grayscale',
+    stage: 'fragment',
+    allowedScopes: ['global', 'pointer'],
+    uniforms: {
+        intensity: {
+            glslType: 'float',
+            default: 1.0,
+            control: { kind: 'slider', label: 'Intensity', min: 0, max: 1, step: 0.01 },
+        },
+        contrast: {
+            glslType: 'float',
+            default: 1.0,
+            control: { kind: 'slider', label: 'Contrast', min: 0, max: 3, step: 0.01 },
+        },
+        brightness: {
+            glslType: 'float',
+            default: 0.0,
+            control: { kind: 'slider', label: 'Brightness', min: -1, max: 1, step: 0.01 },
+        },
+        mode: {
+            glslType: 'float',
+            default: 0,
+            control: {
+                kind: 'select',
+                label: 'Mode',
+                options: [
+                    { value: 0, label: 'Static' },
+                    { value: 1, label: 'Wave' },
+                    { value: 2, label: 'Pulse' },
+                    { value: 3, label: 'Ripple' },
+                ],
+            },
+        },
+        waveFrequency: {
+            glslType: 'float',
+            default: 3.0,
+            control: { kind: 'slider', label: 'Wave frequency', min: 0, max: 20, step: 0.1 },
+        },
+        waveSpeed: {
+            glslType: 'float',
+            default: 1.0,
+            control: { kind: 'slider', label: 'Wave speed', min: 0, max: 5, step: 0.05 },
+        },
+        waveDirection: {
+            glslType: 'float',
+            default: 0,
+            control: {
+                kind: 'select',
+                label: 'Wave direction',
+                options: [
+                    { value: 0, label: 'Horizontal' },
+                    { value: 1, label: 'Vertical' },
+                    { value: 2, label: 'Diagonal' },
+                ],
+            },
+        },
+        pulseSpeed: {
+            glslType: 'float',
+            default: 2.0,
+            control: { kind: 'slider', label: 'Pulse speed', min: 0, max: 10, step: 0.1 },
+        },
+        rippleSpeed: {
+            glslType: 'float',
+            default: 2.0,
+            control: { kind: 'slider', label: 'Ripple speed', min: 0, max: 10, step: 0.1 },
+        },
+        centerX: {
+            glslType: 'float',
+            default: 0,
+            control: { kind: 'slider', label: 'Center X', min: -5, max: 5, step: 0.1 },
+        },
+        centerY: {
+            glslType: 'float',
+            default: 0,
+            control: { kind: 'slider', label: 'Center Y', min: -5, max: 5, step: 0.1 },
+        },
+    },
+    fragmentBody: /*glsl*/ `
+    {
+      float grayscaleFactor = 0.0;
+      if ({{prefix}}mode < 0.5) {
+        grayscaleFactor = {{prefix}}intensity;
+      } else if ({{prefix}}mode < 1.5) {
+        float wavePos =
+          ({{prefix}}waveDirection < 0.5) ? vTexCoords.x :
+          ({{prefix}}waveDirection < 1.5) ? vTexCoords.y :
+                                            vTexCoords.x + vTexCoords.y;
+        grayscaleFactor = (sin(wavePos * {{prefix}}waveFrequency + u_time * {{prefix}}waveSpeed) * 0.5 + 0.5)
+                        * {{prefix}}intensity;
+      } else if ({{prefix}}mode < 2.5) {
+        grayscaleFactor = (sin(u_time * {{prefix}}pulseSpeed) * 0.5 + 0.5) * {{prefix}}intensity;
+      } else {
+        vec2 grayscaleRippleCenter = vec2({{prefix}}centerX, {{prefix}}centerY);
+        float rd = distance(vTexCoords, grayscaleRippleCenter);
+        grayscaleFactor = (sin(rd * 5.0 - u_time * {{prefix}}rippleSpeed) * 0.5 + 0.5) * {{prefix}}intensity;
+      }
+      float gray = dot(outColor.rgb, vec3(0.299, 0.587, 0.114));
+      gray = (gray - 0.5) * {{prefix}}contrast + 0.5 + {{prefix}}brightness;
+      vec3 grayscaleColor = vec3(gray);
+      outColor.rgb = mix(outColor.rgb, grayscaleColor, grayscaleFactor * effectScopeFactor);
+    }
+  `,
+};

package/dist/shaders/effects/registry/hueShift.d.ts

@@ -0,0 +1,3 @@
+import type { EffectDescriptor } from "../types";
+export declare const hueShiftEffect: EffectDescriptor;
+//# sourceMappingURL=hueShift.d.ts.map

package/dist/shaders/effects/registry/hueShift.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hueShift.d.ts","sourceRoot":"","sources":["../../../../src/shaders/effects/registry/hueShift.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,cAAc,EAAE,gBAuC5B,CAAC"}