@3driseai/3drise-core 1.0.1

package/dist/shaders/LavaMaterial.d.ts

@@ -0,0 +1,69 @@
+import { Vector3 } from "three";
+export interface LavaMaterialUniforms {
+    u_time: {
+        value: number;
+    };
+    u_speed: {
+        value: number;
+    };
+    u_cellScale: {
+        value: number;
+    };
+    u_warpStrength: {
+        value: number;
+    };
+    u_boilAmplitude: {
+        value: number;
+    };
+    u_crackIntensity: {
+        value: number;
+    };
+    u_spotIntensity: {
+        value: number;
+    };
+    u_rimIntensity: {
+        value: number;
+    };
+    u_brightness: {
+        value: number;
+    };
+    u_rimColor: {
+        value: Vector3;
+    };
+    u_color1: {
+        value: Vector3;
+    };
+    u_color2: {
+        value: Vector3;
+    };
+    u_color3: {
+        value: Vector3;
+    };
+    u_color4: {
+        value: Vector3;
+    };
+    u_color5: {
+        value: Vector3;
+    };
+}
+declare const LavaMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    u_speed: number;
+    u_cellScale: number;
+    u_warpStrength: number;
+    u_boilAmplitude: number;
+    u_crackIntensity: number;
+    u_spotIntensity: number;
+    u_rimIntensity: number;
+    u_brightness: number;
+    u_rimColor: Vector3;
+    u_color1: Vector3;
+    u_color2: Vector3;
+    u_color3: Vector3;
+    u_color4: Vector3;
+    u_color5: Vector3;
+}> & {
+    key: string;
+};
+export { LavaMaterial };
+//# sourceMappingURL=LavaMaterial.d.ts.map

package/dist/shaders/LavaMaterial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LavaMaterial.d.ts","sourceRoot":"","sources":["../../src/shaders/LavaMaterial.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,WAAW,oBAAoB;IACjC,MAAM,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,OAAO,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,cAAc,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,eAAe,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,gBAAgB,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,eAAe,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,cAAc,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,YAAY,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,UAAU,EAAE;QACR,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,QAAQ,EAAE;QACN,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,QAAQ,EAAE;QACN,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,QAAQ,EAAE;QACN,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,QAAQ,EAAE;QACN,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,QAAQ,EAAE;QACN,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;CACL;AAyGD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;CAgBc,CAAC;AAGjC,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/shaders/LavaMaterial.js

@@ -0,0 +1,127 @@
+import { Vector3 } from "three";
+import { extend } from "@react-three/fiber";
+import { shaderMaterial } from "@react-three/drei";
+import { NOISE_GLSL } from "./sunNoise.js";
+// Vertex shader
+const vertexShader = /*glsl*/ `
+  uniform float u_time;
+  uniform float u_speed;
+  uniform float u_boilAmplitude;
+  varying vec3 vPosition;
+  varying vec3 vNormal;
+  varying vec3 vViewDir;
+
+  ${NOISE_GLSL}
+
+  void main() {
+    vPosition = position;
+    vNormal = normalize(normalMatrix * normal);
+
+    float t = u_time * u_speed;
+    float boil = fbm(position * 1.1 + vec3(0.0, t * 0.04, t * 0.03));
+    vec3 displaced = position + normal * boil * u_boilAmplitude;
+
+    vec4 mv = modelViewMatrix * vec4(displaced, 1.0);
+    vViewDir = normalize(-mv.xyz);
+    gl_Position = projectionMatrix * mv;
+  }
+`;
+// Fragment shader
+const fragmentShader = /*glsl*/ `
+  uniform float u_time;
+  uniform float u_speed;
+  uniform float u_cellScale;
+  uniform float u_warpStrength;
+  uniform float u_crackIntensity;
+  uniform float u_spotIntensity;
+  uniform float u_rimIntensity;
+  uniform float u_brightness;
+  uniform vec3 u_rimColor;
+  uniform vec3 u_color1;
+  uniform vec3 u_color2;
+  uniform vec3 u_color3;
+  uniform vec3 u_color4;
+  uniform vec3 u_color5;
+  varying vec3 vPosition;
+  varying vec3 vNormal;
+  varying vec3 vViewDir;
+
+  ${NOISE_GLSL}
+
+  vec3 sunRamp(float t) {
+    t = clamp(t, 0.0, 1.0);
+    vec3 col = mix(u_color1, u_color2, smoothstep(0.00, 0.28, t));
+    col = mix(col, u_color3, smoothstep(0.28, 0.55, t));
+    col = mix(col, u_color4, smoothstep(0.55, 0.78, t));
+    col = mix(col, u_color5, smoothstep(0.78, 1.00, t));
+    return col;
+  }
+
+  void main() {
+    float t = u_time * u_speed;
+
+    vec3 p = vPosition * u_cellScale;
+
+    // Double domain warp: plasma smears and curls instead of scrolling.
+    vec3 q = vec3(
+      fbm(p + vec3(0.0, 0.0,  t * 0.07)),
+      fbm(p + vec3(5.2, 1.3,  t * 0.06)),
+      fbm(p + vec3(2.8, 8.3, -t * 0.06))
+    );
+
+    vec3 r = vec3(
+      fbm(p + 1.8 * u_warpStrength * q + vec3(1.7, 9.2, t * 0.12)),
+      fbm(p + 1.8 * u_warpStrength * q + vec3(8.3, 2.8, t * 0.11)),
+      fbm(p + 1.8 * u_warpStrength * q + vec3(4.1, 5.6, t * 0.10))
+    );
+
+    float flow = fbm(p + 2.0 * u_warpStrength * r + vec3(0.0, 0.0, t * 0.04));
+    flow = flow * 0.5 + 0.5;
+
+    // Bright filament cracks between convection cells.
+    float cracks = ridgedFbm(p * 0.9 + r * 1.2 + vec3(0.0, t * 0.05, 0.0));
+    cracks = smoothstep(1.05, 1.55, cracks);
+
+    // Sunspots: rare dark patches with a dimmed penumbra ring.
+    float spotField = fbm(vPosition * 1.1 + vec3(13.7, 7.1, t * 0.015));
+    float spots = smoothstep(0.42, 0.72, spotField);
+    float penumbra = smoothstep(0.30, 0.42, spotField) - spots;
+
+    float temp = flow * 0.85 + length(q) * 0.18;
+    temp += cracks * u_crackIntensity;
+    temp -= spots * 0.85 * u_spotIntensity;
+    temp -= penumbra * 0.35 * u_spotIntensity;
+
+    vec3 col = sunRamp(temp);
+
+    float fresnel = pow(1.0 - clamp(dot(normalize(vNormal), normalize(vViewDir)), 0.0, 1.0), 2.5);
+    col += u_rimColor * fresnel * u_rimIntensity;
+    col += vec3(1.0, 0.85, 0.55) * cracks * u_crackIntensity * 0.6;
+
+    col *= u_brightness;
+    col = col / (1.0 + 0.18 * col);
+
+    gl_FragColor = vec4(col, 1.0);
+  }
+`;
+// Create the shader material with uniforms
+const LavaMaterial = shaderMaterial({
+    u_time: 0,
+    u_speed: 0.1,
+    u_cellScale: 1.3,
+    u_warpStrength: 1.0,
+    u_boilAmplitude: 0.028,
+    u_crackIntensity: 0.3,
+    u_spotIntensity: 1.0,
+    u_rimIntensity: 1.6,
+    u_brightness: 1.0,
+    u_rimColor: new Vector3(1.0, 0.45, 0.08),
+    u_color1: new Vector3(0.18, 0.005, 0.0),
+    u_color2: new Vector3(0.62, 0.07, 0.005),
+    u_color3: new Vector3(1.0, 0.34, 0.02),
+    u_color4: new Vector3(1.0, 0.72, 0.18),
+    u_color5: new Vector3(1.0, 0.97, 0.78)
+}, vertexShader, fragmentShader);
+// Extend the material for use in React Three Fiber
+extend({ LavaMaterial });
+export { LavaMaterial };

package/dist/shaders/LineEffectsMaterials.d.ts

@@ -0,0 +1,97 @@
+export declare const PlasmaLineMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    u_speed: number;
+    uIntensity: number;
+    uDensity: number;
+}> & {
+    key: string;
+};
+export declare const ElectricLineMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    u_speed: number;
+    uIntensity: number;
+    uDensity: number;
+}> & {
+    key: string;
+};
+export declare const ParticlesLineMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    u_speed: number;
+    uIntensity: number;
+    uDensity: number;
+}> & {
+    key: string;
+};
+export declare const RainbowLineMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    u_speed: number;
+    uIntensity: number;
+    uDensity: number;
+}> & {
+    key: string;
+};
+export declare const LavaLineMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    u_speed: number;
+    uIntensity: number;
+    uDensity: number;
+}> & {
+    key: string;
+};
+export declare const FrostLineMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    u_speed: number;
+    uIntensity: number;
+    uDensity: number;
+}> & {
+    key: string;
+};
+export declare const PlasmaLineGlowMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    uGlowIntensity: number;
+}> & {
+    key: string;
+};
+export declare const ElectricLineGlowMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    uGlowIntensity: number;
+}> & {
+    key: string;
+};
+export declare const ParticlesLineGlowMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    uGlowIntensity: number;
+}> & {
+    key: string;
+};
+export declare const RainbowLineGlowMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    uGlowIntensity: number;
+}> & {
+    key: string;
+};
+export declare const LavaLineGlowMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    uGlowIntensity: number;
+}> & {
+    key: string;
+};
+export declare const FrostLineGlowMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    uMode: number;
+    uGlowIntensity: number;
+}> & {
+    key: string;
+};
+//# sourceMappingURL=LineEffectsMaterials.d.ts.map

package/dist/shaders/LineEffectsMaterials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineEffectsMaterials.d.ts","sourceRoot":"","sources":["../../src/shaders/LineEffectsMaterials.ts"],"names":[],"mappings":"AAkNA,eAAO,MAAM,kBAAkB;;;;;;;;CAA8G,CAAC;AAC9I,eAAO,MAAM,oBAAoB;;;;;;;;CAA8G,CAAC;AAChJ,eAAO,MAAM,qBAAqB;;;;;;;;CAA8G,CAAC;AACjJ,eAAO,MAAM,mBAAmB;;;;;;;;CAA8G,CAAC;AAC/I,eAAO,MAAM,gBAAgB;;;;;;;;CAA8G,CAAC;AAC5I,eAAO,MAAM,iBAAiB;;;;;;;;CAA8G,CAAC;AAI7I,eAAO,MAAM,sBAAsB;;;;;;CAAsF,CAAC;AAC1H,eAAO,MAAM,wBAAwB;;;;;;CAAsF,CAAC;AAC5H,eAAO,MAAM,yBAAyB;;;;;;CAAsF,CAAC;AAC7H,eAAO,MAAM,uBAAuB;;;;;;CAAsF,CAAC;AAC3H,eAAO,MAAM,oBAAoB;;;;;;CAAsF,CAAC;AACxH,eAAO,MAAM,qBAAqB;;;;;;CAAsF,CAAC"}

package/dist/shaders/LineEffectsMaterials.js

@@ -0,0 +1,242 @@
+import { extend } from "@react-three/fiber";
+import { shaderMaterial } from "@react-three/drei";
+// ─────────────────────────────────────────────────────────────────────────────
+//  Shared GLSL — extracted from LineEffects.tsx
+//  These shaders expect:
+//    uniforms : u_time, uMode, u_speed, uIntensity, uDensity
+//    attributes: aT (float 0→1 along edge), aSegId (float edge index)
+//    geometry  : dense point cloud sampled from EdgesGeometry
+// ─────────────────────────────────────────────────────────────────────────────
+const LINE_VERT = /* glsl */ `
+uniform float u_time;
+uniform float uMode;
+uniform float u_speed;
+uniform float uDensity;
+
+attribute float aT;
+attribute float aSegId;
+
+varying float vT;
+varying float vSeg;
+varying vec3  vPos;
+varying float vJitter;
+
+float hash(float n){ return fract(sin(n)*43758.5453); }
+float noise(float x){
+  float i=floor(x); float f=fract(x);
+  float u=f*f*(3.0-2.0*f);
+  return mix(hash(i),hash(i+1.0),u);
+}
+
+void main(){
+  vT   = aT;
+  vSeg = aSegId;
+  vPos = position;
+
+  float jitter = 0.0;
+
+  if(uMode == 1.0){ // electric
+    float t2 = u_time*u_speed*12.0 + aSegId*7.3;
+    jitter   = noise(t2 + aT*5.0)*0.06 - 0.03;
+    jitter  += noise(u_time*u_speed*20.0 + aSegId*3.7 + aT*9.0)*0.04 - 0.02;
+  }
+  if(uMode == 4.0){ // lava
+    float t2 = u_time*u_speed*4.0 + aSegId*5.1;
+    jitter   = noise(t2 + aT*4.0)*0.03 - 0.015;
+  }
+  if(uMode == 5.0){ // frost
+    float t2 = u_time*u_speed*2.0 + aSegId*4.3;
+    jitter   = (noise(t2 + aT*6.0) - 0.5)*0.025;
+  }
+
+  vJitter  = jitter;
+  vec3 p   = position + normalize(position) * jitter;
+
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(p, 1.0);
+
+  float ptSize = 3.0;
+  if(uMode == 2.0) ptSize = 5.0;
+  if(uMode == 5.0) ptSize = 4.0;
+  gl_PointSize = ptSize;
+}`;
+const LINE_FRAG = /* glsl */ `
+uniform float u_time;
+uniform float uMode;
+uniform float u_speed;
+uniform float uIntensity;
+uniform float uDensity;
+
+varying float vT;
+varying float vSeg;
+varying vec3  vPos;
+varying float vJitter;
+
+float hash(float n){ return fract(sin(n)*43758.5453); }
+float noise(float x){
+  float i=floor(x); float f=fract(x);
+  float u=f*f*(3.0-2.0*f);
+  return mix(hash(i),hash(i+1.0),u);
+}
+vec3 hsv(float h,float s,float v){
+  vec3 c=clamp(abs(mod(h*6.0+vec3(0,4,2),6.0)-3.0)-1.0,0.0,1.0);
+  return v*mix(vec3(1.0),c,s);
+}
+
+void main(){
+  vec3  col   = vec3(0.0);
+  float alpha = 1.0;
+  float t     = u_time*u_speed;
+  float dens  = uDensity;
+
+  /* ── 0 · PLASMA ──────────────────────────────── */
+  if(uMode == 0.0){
+    float w1 = sin(vT*15.0*dens - t*3.0 + vSeg*1.5)*0.5+0.5;
+    float w2 = sin(vT*28.0*dens + t*2.0 + vSeg*2.3)*0.5+0.5;
+    float w3 = sin(vT*7.0 *dens - t*1.2 + vSeg*0.7)*0.5+0.5;
+    float plasma = w1*0.5+w2*0.3+w3*0.2;
+    col   = hsv(fract(plasma*0.7+t*0.08+vSeg*0.04),0.9,1.0);
+    col   = pow(col,vec3(0.65));
+    float pulse = sin(vT*8.0*dens-t*5.0+vSeg*1.1)*0.25+0.75;
+    alpha = pulse*uIntensity;
+
+  /* ── 1 · ELECTRIC ────────────────────────────── */
+  }else if(uMode == 1.0){
+    float bolt    = abs(vJitter)*50.0;
+    float core    = exp(-bolt*bolt*6.0);
+    float glow    = exp(-bolt*bolt*0.5)*0.5;
+    float flicker = sin(t*70.0+vSeg*11.3)*0.4+0.6;
+    float strike  = smoothstep(0.35,0.85,noise(t*7.0+vSeg*2.1));
+    col  = vec3(0.15,0.4,1.0)*glow + vec3(0.75,0.9,1.0)*core;
+    col += vec3(0.0,0.05,0.2)*0.4;
+    col *= (0.5+0.5*flicker)*(0.2+0.8*strike)*uIntensity*1.5;
+    alpha = (glow+core)*(0.4+0.6*strike);
+
+  /* ── 2 · PARTICLES ───────────────────────────── */
+  }else if(uMode == 2.0){
+    float spd   = 1.2+hash(vSeg)*1.5;
+    float phase = hash(vSeg*7.13);
+    float trail = fract(vT - t*spd*0.5 - phase);
+    float head  = exp(-trail*7.0*dens);
+    float tail  = exp(-trail*2.0*dens)*0.25;
+    float bright= head+tail;
+    col  = mix(vec3(0.3,0.6,1.0),hsv(fract(hash(vSeg*3.7)+t*0.04),0.8,1.0),0.7);
+    col  = col*bright*uIntensity*2.5 + vec3(1.0)*exp(-trail*25.0)*0.9;
+    alpha= bright*1.3;
+    float d = length(gl_PointCoord-0.5)*2.0;
+    alpha  *= smoothstep(1.0,0.2,d);
+
+  /* ── 3 · RAINBOW ─────────────────────────────── */
+  }else if(uMode == 3.0){
+    float w1 = sin(vT*12.0*dens-t*4.0+vSeg*1.1)*0.5+0.5;
+    float w2 = sin(vT*20.0*dens+t*3.0+vSeg*2.7)*0.5+0.5;
+    float w3 = sin(vT*6.0 *dens-t*1.5+vPos.x*3.0+vPos.y*2.0)*0.5+0.5;
+    float interf = abs(sin(vT*35.0*dens-t*6.0+vSeg*3.0));
+    col  = hsv(fract(w1*0.4+w2*0.35+w3*0.25+t*0.06),1.0,1.0);
+    col  = pow(col,vec3(0.5));
+    col  = col*(0.5+0.5*interf)+vec3(1.0)*0.1*(1.0-interf);
+    alpha= (0.7+0.3*interf)*uIntensity;
+
+  /* ── 4 · LAVA ─────────────────────────────────── */
+  }else if(uMode == 4.0){
+    float flow   = fract(vT*dens*0.5-t*0.8+vSeg*0.3+vJitter*10.0);
+    float heat   = pow(sin(flow*3.14159),0.4);
+    float w2     = sin(vT*20.0*dens-t*2.0+vSeg*1.9)*0.5+0.5;
+    float bubble = smoothstep(0.6,1.0,noise(t*3.0+vSeg*5.0+vT*8.0));
+    col  = mix(vec3(0.15,0.02,0.0),vec3(1.0,0.08,0.0),heat);
+    col  = mix(col,vec3(1.0,0.45,0.0),w2*0.5);
+    col  = mix(col,vec3(1.0,0.9,0.2),bubble*heat);
+    col *= uIntensity;
+    alpha= 0.85+0.15*bubble;
+
+  /* ── 5 · FROST ───────────────────────────────── */
+  }else{
+    float ct    = vT*dens;
+    float wave  = sin(ct*10.0-t*1.5+vSeg*2.0)*0.5+0.5;
+    float wave2 = sin(ct*22.0+t*0.8 +vSeg*3.1)*0.5+0.5;
+    float shim  = sin(ct*40.0-t*3.0 +vSeg*1.7)*0.5+0.5;
+    float ice   = wave*0.5+wave2*0.3+shim*0.2;
+    float spark = pow(shim,8.0)*noise(t*15.0+vSeg*6.3+vT*12.0);
+    col  = mix(vec3(0.6,0.85,1.0),vec3(0.85,0.95,1.0),ice);
+    col  = mix(col,vec3(1.0),pow(shim,3.0));
+    col += vec3(1.0)*spark*2.0;
+    float d2 = length(gl_PointCoord-0.5)*2.0;
+    alpha = (0.5+0.5*ice+spark)*uIntensity*smoothstep(1.0,0.0,d2*0.7);
+  }
+
+  gl_FragColor = vec4(col, clamp(alpha, 0.0, 1.5));
+}`;
+// ─────────────────────────────────────────────────────────────────────────────
+//  Glow pass GLSL — wide soft bloom rendered on the sparse (cloudLow) geometry
+// ─────────────────────────────────────────────────────────────────────────────
+const GLOW_VERT = /* glsl */ `
+attribute float aSegId;
+attribute float aT;
+uniform   float u_time;
+uniform   float uMode;
+varying   float vT;
+varying   float vSeg;
+void main(){
+  vT   = aT;
+  vSeg = aSegId;
+  gl_Position  = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  gl_PointSize = 12.0;
+}`;
+const GLOW_FRAG = /* glsl */ `
+uniform float u_time;
+uniform float uMode;
+uniform float uGlowIntensity;
+varying float vT;
+varying float vSeg;
+float hash(float n){ return fract(sin(n)*43758.5453); }
+vec3 hsv(float h,float s,float v){
+  vec3 c=clamp(abs(mod(h*6.0+vec3(0,4,2),6.0)-3.0)-1.0,0.0,1.0);
+  return v*mix(vec3(1.0),c,s);
+}
+void main(){
+  float d = length(gl_PointCoord-0.5)*2.0;
+  float g = exp(-d*d*2.5)*uGlowIntensity;
+  float hue = fract(vT*0.3+u_time*0.05+vSeg*0.04);
+  vec3 col;
+  if      (uMode==0.0) col=hsv(hue,0.9,1.0);
+  else if (uMode==1.0) col=vec3(0.2,0.5,1.0);
+  else if (uMode==2.0) col=hsv(fract(hash(vSeg*3.7)+u_time*0.04),0.8,1.0);
+  else if (uMode==3.0) col=hsv(hue,1.0,1.0);
+  else if (uMode==4.0) col=vec3(1.0,0.2,0.0);
+  else                 col=vec3(0.7,0.9,1.0);
+  gl_FragColor=vec4(col*g,g);
+}`;
+// ─────────────────────────────────────────────────────────────────────────────
+//  Main pass materials  (one per effect — uMode baked in as the default value)
+// ─────────────────────────────────────────────────────────────────────────────
+export const PlasmaLineMaterial = shaderMaterial({ u_time: 0, uMode: 0, u_speed: 0.8, uIntensity: 1.2, uDensity: 1.0 }, LINE_VERT, LINE_FRAG);
+export const ElectricLineMaterial = shaderMaterial({ u_time: 0, uMode: 1, u_speed: 1.8, uIntensity: 1.5, uDensity: 0.8 }, LINE_VERT, LINE_FRAG);
+export const ParticlesLineMaterial = shaderMaterial({ u_time: 0, uMode: 2, u_speed: 1.2, uIntensity: 1.2, uDensity: 1.0 }, LINE_VERT, LINE_FRAG);
+export const RainbowLineMaterial = shaderMaterial({ u_time: 0, uMode: 3, u_speed: 0.6, uIntensity: 1.0, uDensity: 1.2 }, LINE_VERT, LINE_FRAG);
+export const LavaLineMaterial = shaderMaterial({ u_time: 0, uMode: 4, u_speed: 0.5, uIntensity: 1.1, uDensity: 0.8 }, LINE_VERT, LINE_FRAG);
+export const FrostLineMaterial = shaderMaterial({ u_time: 0, uMode: 5, u_speed: 0.3, uIntensity: 0.8, uDensity: 1.4 }, LINE_VERT, LINE_FRAG);
+// ─────────────────────────────────────────────────────────────────────────────
+//  Glow pass materials  (one per effect — separate draw call on sparse geometry)
+// ─────────────────────────────────────────────────────────────────────────────
+export const PlasmaLineGlowMaterial = shaderMaterial({ u_time: 0, uMode: 0, uGlowIntensity: 0.30 }, GLOW_VERT, GLOW_FRAG);
+export const ElectricLineGlowMaterial = shaderMaterial({ u_time: 0, uMode: 1, uGlowIntensity: 0.15 }, GLOW_VERT, GLOW_FRAG);
+export const ParticlesLineGlowMaterial = shaderMaterial({ u_time: 0, uMode: 2, uGlowIntensity: 0.20 }, GLOW_VERT, GLOW_FRAG);
+export const RainbowLineGlowMaterial = shaderMaterial({ u_time: 0, uMode: 3, uGlowIntensity: 0.35 }, GLOW_VERT, GLOW_FRAG);
+export const LavaLineGlowMaterial = shaderMaterial({ u_time: 0, uMode: 4, uGlowIntensity: 0.40 }, GLOW_VERT, GLOW_FRAG);
+export const FrostLineGlowMaterial = shaderMaterial({ u_time: 0, uMode: 5, uGlowIntensity: 0.50 }, GLOW_VERT, GLOW_FRAG);
+// ─────────────────────────────────────────────────────────────────────────────
+//  Register with R3F so they are usable as JSX tags
+// ─────────────────────────────────────────────────────────────────────────────
+extend({
+    PlasmaLineMaterial,
+    ElectricLineMaterial,
+    ParticlesLineMaterial,
+    RainbowLineMaterial,
+    LavaLineMaterial,
+    FrostLineMaterial,
+    PlasmaLineGlowMaterial,
+    ElectricLineGlowMaterial,
+    ParticlesLineGlowMaterial,
+    RainbowLineGlowMaterial,
+    LavaLineGlowMaterial,
+    FrostLineGlowMaterial,
+});

package/dist/shaders/LineMaterial.d.ts

@@ -0,0 +1,37 @@
+import { Vector3, Vector2, Color } from "three";
+export interface LineMaterialUniforms {
+    u_time: {
+        value: number;
+    };
+    u_pointer: {
+        value: Vector2;
+    };
+    uColor: {
+        value: Color;
+    };
+    intersectionPoint: {
+        value: Vector3;
+    };
+    targetPoint: {
+        value: Vector3;
+    };
+    rippleRadius: {
+        value: number;
+    };
+    animationProgress: {
+        value: number;
+    };
+}
+declare const LineMaterial: import("@react-three/fiber").ConstructorRepresentation<import("three").ShaderMaterial & {
+    u_time: number;
+    u_pointer: Vector2;
+    uColor: Color;
+    intersectionPoint: Vector3;
+    targetPoint: Vector3;
+    rippleRadius: number;
+    animationProgress: number;
+}> & {
+    key: string;
+};
+export { LineMaterial };
+//# sourceMappingURL=LineMaterial.d.ts.map

package/dist/shaders/LineMaterial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineMaterial.d.ts","sourceRoot":"","sources":["../../src/shaders/LineMaterial.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAGhD,MAAM,WAAW,oBAAoB;IACjC,MAAM,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,SAAS,EAAE;QACP,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC;KAChB,CAAC;IACF,iBAAiB,EAAE;QACf,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,WAAW,EAAE;QACT,KAAK,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,YAAY,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,iBAAiB,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAmDD,QAAA,MAAM,YAAY;;;;;;;;;;CAQc,CAAC;AAGjC,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/shaders/LineMaterial.js

@@ -0,0 +1,64 @@
+import { Vector3, Vector2, Color } from "three";
+import { extend } from "@react-three/fiber";
+import { shaderMaterial } from "@react-three/drei";
+// Vertex shader
+// Tutorial: https://www.youtube.com/watch?v=f4s1h2YETNY
+const vertexShader = /*glsl*/ `
+  varying vec2 vUv;
+  uniform vec3 u_pointer;
+  uniform float u_time;
+  uniform float animationProgress;
+  attribute vec3 targetPoint;
+  uniform vec3 intersectionPoint;
+  uniform float rippleRadius;
+  varying float vProgress;
+  varying float vDistance;
+
+  void main() {
+    vUv = uv;     
+    vProgress = smoothstep(-1., 1., sin(vUv.x*10. + u_time));    
+    float smoothFactor =  0.5;
+    vec3 displacedPosition = position;
+    if (animationProgress < 1.0) { 
+      displacedPosition = mix(position, targetPoint, animationProgress);
+    } else {
+      displacedPosition = targetPoint;
+    }
+
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(displacedPosition, 1.0);
+
+    
+  }
+`;
+// Fragment shader
+const fragmentShader = /*glsl*/ `
+  uniform float u_time;
+  uniform vec3 u_pointer;
+  uniform vec3 uColor;
+  varying vec2 vUv;
+  varying float vProgress;
+  varying float vDistance;
+  void main() {    
+    float maxDist = 0.05;      
+    float hideCorners1 = smoothstep(0.0, 0.1, vUv.x);
+    float hideCorners2 = smoothstep(1., 0.9, vUv.x);
+    vec3 finalColor = mix(uColor, uColor*0.5, vProgress);
+
+    
+    gl_FragColor.rgba = vec4(finalColor.x + (u_pointer.x * 1.), finalColor.y , finalColor.z + (u_pointer.y * 1.), hideCorners1*hideCorners2 );
+
+  }
+`;
+// Create the shader material with uniforms
+const LineMaterial = shaderMaterial({
+    u_time: 0,
+    u_pointer: new Vector2(),
+    uColor: new Color(0.1, 0.5, 0.6),
+    intersectionPoint: new Vector3(),
+    targetPoint: new Vector3(),
+    rippleRadius: 1,
+    animationProgress: 0.0,
+}, vertexShader, fragmentShader);
+// Extend the material for use in React Three Fiber
+extend({ LineMaterial });
+export { LineMaterial };