@rings-webgpu/core 1.0.10 → 1.0.12

package/dist/rings.umd.max.js

@@ -2120,7 +2120,7 @@
   }
 
   var __defProp$2 = Object.defineProperty;
-  var __decorateClass$j = (decorators, target, key, kind) => {
+  var __decorateClass$m = (decorators, target, key, kind) => {
     var result = void 0 ;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
@@ -2223,10 +2223,10 @@
       return struct.__size;
     }
   };
-  __decorateClass$j([
+  __decorateClass$m([
     NonSerialize
   ], _Struct.prototype, "__refection");
-  __decorateClass$j([
+  __decorateClass$m([
     NonSerialize
   ], _Struct.prototype, "__size");
   let Struct = _Struct;
@@ -5032,18 +5032,20 @@ fn dir_to_faceId(pt:vec3<f32>) -> i32 {
     }
   }
 
-  let VertexAttributes_vert = `
+  let VertexAttributes_vert = (
+    /*wgsl*/
+    `
     var<private> PI: f32 = 3.14159265359;
     #if USE_METAHUMAN
         ${MorphTarget_shader.getMorphTargetShaderBinding(3, 0)}
-        ${SkeletonAnimation_shader.groupBindingAndFunctions(3, 2)}
+        ${SkeletonAnimation_shader.groupBindingAndFunctions(3, 2)} 
     #else
         #if USE_MORPHTARGETS
             ${MorphTarget_shader.getMorphTargetShaderBinding(3, 0)}
         #endif
 
         #if USE_SKELETON
-            ${SkeletonAnimation_shader.groupBindingAndFunctions(3, 0)}
+            ${SkeletonAnimation_shader.groupBindingAndFunctions(3, 0)} 
         #endif
     #endif
 
@@ -5078,6 +5080,10 @@ fn dir_to_faceId(pt:vec3<f32>) -> i32 {
                 #endif
             #endif
         #else
+            #if USE_TANGENT
+                @location(auto) TANGENT: vec4<f32>,
+            #endif
+
             #if USE_SKELETON
                 #if USE_TANGENT
                     @location(auto) joints0: vec4<f32>,
@@ -5124,6 +5130,7 @@ fn dir_to_faceId(pt:vec3<f32>) -> i32 {
     #if USE_TANGENT
         @location(auto) varying_Tangent: vec4<f32>,
     #endif
+   
 
     @builtin(position) member: vec4<f32>
     };
@@ -5173,23 +5180,24 @@ fn dir_to_faceId(pt:vec3<f32>) -> i32 {
         clipPosition.z = log2Depth(clipPosition.w, globalUniform.near, globalUniform.far);
     #endif
 
-    ORI_CameraWorldDir = normalize(ORI_CAMERAMATRIX[3].xyz - worldPos.xyz);
+    ORI_CameraWorldDir = normalize(ORI_CAMERAMATRIX[3].xyz - worldPos.xyz) ;
 
-    ORI_VertexOut.index = f32(vertex.index);
+    ORI_VertexOut.index = f32(vertex.index) ;
 
-    ORI_VertexOut.varying_UV0 = vertex.uv.xy;
+    ORI_VertexOut.varying_UV0 = vertex.uv.xy ;
 
     ORI_VertexOut.varying_UV1 = vertex.TEXCOORD_1.xy;
 
-    ORI_VertexOut.varying_ViewPos = viewPosition;
-    ORI_VertexOut.varying_Clip = clipPosition;
-    ORI_VertexOut.varying_WPos = worldPos;
+    ORI_VertexOut.varying_ViewPos = viewPosition ;
+    ORI_VertexOut.varying_Clip = clipPosition ;
+    ORI_VertexOut.varying_WPos = worldPos ;
     ORI_VertexOut.varying_WPos.w = f32(vertex.index);
-    ORI_VertexOut.varying_WNormal = normalize(ORI_NORMALMATRIX * vertexNormal.xyz);
+    ORI_VertexOut.varying_WNormal = normalize(ORI_NORMALMATRIX * vertexNormal.xyz) ;
 
-    ORI_VertexOut.member = clipPosition;
+    ORI_VertexOut.member = clipPosition ;
     }
-`;
+`
+  );
 
   let VideoUniform_frag = `
 struct MaterialUniform {
@@ -5308,68 +5316,90 @@ var<uniform> materialUniform: MaterialUniform;
 `
   );
 
-  let Common_frag = `
-    #include "GlobalUniform"
-    #include "FragmentVarying"
-    #include "FragmentOutput"
-    #include "ShadingInput"
-    #include "ColorUtil_frag"
-    #include "BitUtil"
-
-    var<private> ORI_FragmentOutput: FragmentOutput;
-    var<private> ORI_VertexVarying: FragmentVarying;
-    var<private> ORI_ShadingInput: ShadingInput;
-    var<private> viewDir:vec3<f32>;
-    var<private> modelIndex:u32;
+  let Common_frag = (
+    /*wgsl*/
+    `
+  #include "GlobalUniform"
+  #include "FragmentVarying"
+  #include "FragmentOutput"
+  #include "ShadingInput"
+  #include "ColorUtil_frag"
+  #include "BitUtil"
 
-    @fragment
-    fn FragMain( vertex_varying:FragmentVarying ) -> FragmentOutput {
-        modelIndex = u32(round(vertex_varying.index));
-        ORI_VertexVarying = vertex_varying;
-        ORI_VertexVarying.vWorldNormal = normalize(vertex_varying.vWorldNormal);
+  var<private> ORI_FragmentOutput: FragmentOutput;
+  var<private> ORI_VertexVarying: FragmentVarying;
+  var<private> ORI_ShadingInput: ShadingInput;
+  var<private> viewDir:vec3<f32>;
+  var<private> modelIndex:u32;
+  
+  @fragment
+  fn FragMain( vertex_varying:FragmentVarying ) -> FragmentOutput {
         ORI_FragmentOutput.color = vec4<f32>(1.0, 0.0, 0.0, 1.0);
-        viewDir = normalize(globalUniform.CameraPos.xyz - ORI_VertexVarying.vWorldPos.xyz);
-        frag();
+    ORI_VertexVarying = vertex_varying;
+    ORI_VertexVarying.vWorldNormal = normalize(vertex_varying.vWorldNormal);
+    ORI_FragmentOutput.color = vec4<f32>(1.0, 0.0, 0.0, 1.0);
+    viewDir = normalize(globalUniform.CameraPos.xyz - ORI_VertexVarying.vWorldPos.xyz) ;
 
-        #if USE_DEBUG
-            debugFragmentOut();
-        #endif
+    frag();
+    
+    #if USE_DEBUG
+      debugFragmentOut();
+    #endif
 
-        #if USE_OUTDEPTH
-            #if USE_LOGDEPTH
-                ORI_FragmentOutput.out_depth = log2DepthFixPersp(ORI_VertexVarying.fragPosition.w, globalUniform.near, globalUniform.far);
-            #else
-                ORI_FragmentOutput.out_depth = ORI_ShadingInput.FragDepth;
-            #endif
-        #endif
+    #if USE_DEFAULTFRAGOUT
+      // let finalMatrix = globalUniform.projMat * globalUniform.viewMat ;
+      // let nMat = mat3x3<f32>(finalMatrix[0].xyz,finalMatrix[1].xyz,finalMatrix[2].xyz) ;
+      // let ORI_NORMALMATRIX = transpose(inverse( nMat ));
+      // var vNormal = normalize(ORI_NORMALMATRIX * (ORI_VertexVarying.vWorldNormal));
+
+      // let gBuffer = packNHMDGBuffer(
+      //   ORI_VertexVarying.fragCoord.z,
+      //   ORI_ShadingInput.BaseColor.rgb,
+      //   ORI_ShadingInput.BaseColor.rgb,
+      //   vec3f(ORI_ShadingInput.Roughness,ORI_ShadingInput.Metallic,ORI_ShadingInput.AmbientOcclusion),
+      //   ORI_ShadingInput.Normal,
+      //   ORI_ShadingInput.Opacity
+      // ) ;
+    #endif
 
-        return ORI_FragmentOutput;
-    }
+    #if USE_OUTDEPTH
+      #if USE_LOGDEPTH
+        ORI_FragmentOutput.out_depth = log2DepthFixPersp(ORI_VertexVarying.fragPosition.w, globalUniform.near, globalUniform.far);
+      #else
+        ORI_FragmentOutput.out_depth = ORI_ShadingInput.FragDepth ;
+      #endif
+    #endif
 
-    fn packNHMDGBuffer(depth:f32, albedo:vec3f,hdrLighting:vec3f,rmao:vec3f,normal:vec3f,alpha:f32) -> vec4f {
-        var gBuffer : vec4f;
-        var octUVNormal = (octEncode(normalize( (normal) )) + 1.0) * 0.5;
-        var yc = f32(r11g11b9_to_float(vec3f(octUVNormal,rmao.r)));
-        #if USE_CASTREFLECTION
-            var rgbm = EncodeRGBM(hdrLighting);
-            var zc = f32(pack4x8unorm(vec4f(rgbm.rgb,0.0))) ;
-            var wc = f32(pack4x8unorm(vec4f(rmao.rg,rgbm.a,0.0)));
-        #else
-            var zc = f32(vec4fToFloat_7bits(vec4f(albedo.rgb,alpha)));
-            var wc = f32(r22g8_to_float(vec2f(f32(modelIndex)/f_r22g8.r,rmao.g)));
-        #endif
+    return ORI_FragmentOutput ;
+  }
 
-        gBuffer.x = depth ;
-        gBuffer.y = yc;
-        gBuffer.z = zc;
-        gBuffer.w = wc;
-        return gBuffer;
-    }
 
-    fn transformUV( uv:vec2f , offsetScale:vec4f ) -> vec2f{
-        return uv * offsetScale.zw + offsetScale.xy;
-    }
-`;
+  fn packNHMDGBuffer(depth:f32, albedo:vec3f,hdrLighting:vec3f,rmao:vec3f,normal:vec3f,alpha:f32) -> vec4f  {
+      var gBuffer : vec4f ;
+      var octUVNormal = (octEncode(normalize( (normal) )) + 1.0) * 0.5 ;
+      var yc = f32(r11g11b9_to_float(vec3f(octUVNormal,rmao.r))) ;
+      #if USE_CASTREFLECTION
+        var rgbm = EncodeRGBM(hdrLighting);
+        var zc = f32(pack4x8unorm(vec4f(rgbm.rgb,0.0))) ;
+        var wc = f32(pack4x8unorm(vec4f(rmao.rg,rgbm.a,0.0)));
+      #else
+        var zc = f32(vec4fToFloat_7bits(vec4f(albedo.rgb,alpha)));
+        var wc = f32(r22g8_to_float(vec2f(f32(modelIndex)/f_r22g8.r,rmao.g)));
+      #endif
+
+      gBuffer.x = depth  ;
+      gBuffer.y = yc ;
+      gBuffer.z = zc ;
+      gBuffer.w = wc ;
+      return gBuffer ;
+  }
+
+  fn transformUV( uv:vec2f , offsetScale:vec4f ) -> vec2f{
+     return uv * offsetScale.zw + offsetScale.xy ;
+  }
+
+`
+  );
 
   let Common_vert = (
     /*wgsl*/
@@ -5739,6 +5769,7 @@ var<uniform> materialUniform: MaterialUniform;
   let FragmentOutput = `
     #if USE_CASTREFLECTION
         struct FragmentOutput {
+            @location(auto) color: vec4<f32>,
             @location(auto) gBuffer: vec4<f32>,
             #if USE_OUTDEPTH
                 @builtin(frag_depth) out_depth: f32
@@ -5811,202 +5842,219 @@ var<uniform> materialUniform: MaterialUniform;
     } 
 `;
 
-  let ShadowMapping_frag = `
-    @group(1) @binding(auto) var shadowMapSampler: sampler;
+  let ShadowMapping_frag = (
+    /*wgsl*/
+    `
+    @group(1) @binding(auto) var shadowMapSampler: sampler_comparison;
     @group(1) @binding(auto) var shadowMap: texture_depth_2d_array;
-    @group(1) @binding(auto) var pointShadowMapSampler: sampler;
+    @group(1) @binding(auto) var pointShadowMapSampler: sampler_comparison;
     @group(1) @binding(auto) var pointShadowMap: texture_depth_cube_array;
 
     var<private> directShadowVisibility: array<f32, 8>;
     var<private> pointShadows: array<f32, 8>;
-    var<private> shadowWeight: f32 = 1.0;
+    var<private> shadowWeight: f32 = 1.0 ;
 
     fn useShadow(){
-        directShadowVisibility = array<f32, 8>(1.0,1.0,1.0,1.0,1.0,1.0,1.0,1.0);
+        directShadowVisibility = array<f32, 8>( 1.0,1.0,1.0,1.0,1.0,1.0,1.0,1.0) ;
         pointShadows = array<f32, 8>(1.0,1.0,1.0,1.0,1.0,1.0,1.0,1.0) ;
         directShadowMaping(globalUniform.shadowBias);
         pointShadowMapCompare(globalUniform.pointShadowBias);
     }
 
     fn calcBasicBias(shadowWorldSize:f32, shadowDepthTexSize:f32, near:f32, far:f32) -> f32{
-        var bias = shadowWorldSize / shadowDepthTexSize;
-        bias = bias / (far - near);
-        return bias * 2.0;
+      var bias = shadowWorldSize / shadowDepthTexSize;
+      bias = bias / (far - near);
+      return bias * 2.0;
     }
 
-    const dirCount:i32 = 8;
-    const pointCount:i32 = 8;
-    const csmCount:i32 = ${CSM.Cascades};
+    const dirCount:i32 = 8 ;
+    const pointCount:i32 = 8 ;
+    const csmCount:i32 = ${CSM.Cascades} ;
     var<private> csmLevel:i32 = -1;
+    fn directShadowMaping(shadowBias: f32)  {
 
-    fn directShadowMaping(shadowBias: f32) {
         let enableCSM:bool = globalUniform.enableCSM > 0.5;
-        for(var i:i32 = 0; i < dirCount; i = i+1){
-            if(i >= globalUniform.nDirShadowStart && i < globalUniform.nDirShadowEnd){
-                let ldx = globalUniform.shadowLights[u32(i) / 4u][u32(i) % 4u];
-                let light = lightBuffer[u32(ldx)] ;
-                var shadowIndex = i32(light.castShadow);
-                var visibility = 1.0;
-                var shadowMatrix:mat4x4<f32>;
-                #if USE_CSM
-                    if(enableCSM && shadowIndex == 0){
-                        var totalWeight = 0.0;
-                        visibility = 0.0;
-                        var validCount = 0;
-                        for(var csm:i32 = 0; csm < csmCount; csm ++){
-                            var csmShadowBias = globalUniform.csmShadowBias[csm] * shadowBias;
-                            shadowMatrix = globalUniform.csmMatrix[csm];
-                            let csmShadowResult = directShadowMapingIndex(light, shadowMatrix, csm, csmShadowBias);
-                            if(csmShadowResult.y < 0.5){
-                                validCount ++;
-                                var uv = 2.0 * csmShadowResult.zw - vec2<f32>(1.0);
-                                uv = saturate(vec2<f32>(1.0) - abs(uv));
-                                uv /= clamp(globalUniform.csmMargin, 0.01, 0.5);
-                                var weight:f32 = min(uv.x, 1.0);
-                                weight = min(weight, uv.y);
-
-                                if(validCount == 1 && csm == csmCount - 1){
-                                    visibility = 1.0 - weight + csmShadowResult.x * weight;
-                                    totalWeight = 1.0;
-                                }else{
-                                    weight *= 1.0 - totalWeight;
-                                    visibility += csmShadowResult.x * weight;
-                                    totalWeight += weight;
-                                };
-
-                                if(validCount >= 2 || totalWeight >= 0.99){
-                                    csmLevel = csm;
-                                    break;
-                                };
-                            }
-                        }
-
-                        totalWeight += 0.0001;
-                        if(validCount == 0){
-                            visibility = 1.0;
-                        }else{
-                            visibility = visibility / totalWeight ;
-                        };
-                    } else {
-                        shadowMatrix = globalUniform.shadowMatrix[shadowIndex];
-                        if(enableCSM) {
-                            shadowIndex += csmCount - 1;
-                        }
-                            visibility = directShadowMapingIndex(light, shadowMatrix, shadowIndex, shadowBias).x;
+        for (var i: i32 = 0; i < dirCount ; i = i + 1) {
+          if( i >= globalUniform.nDirShadowStart && i < globalUniform.nDirShadowEnd ){
+            let ldx = globalUniform.shadowLights[u32(i) / 4u][u32(i) % 4u];
+            let light = lightBuffer[u32(ldx)] ;
+            var shadowIndex = i32(light.castShadow);
+            var visibility = 1.0;
+            var shadowMatrix:mat4x4<f32>;
+            #if USE_CSM
+              if(enableCSM && shadowIndex == 0){
+                var totalWeight = 0.0;
+                visibility = 0.0;
+                var validCount = 0;
+                for(var csm:i32 = 0; csm < csmCount; csm ++){
+                  var csmShadowBias = globalUniform.csmShadowBias[csm] * shadowBias;
+                  shadowMatrix = globalUniform.csmMatrix[csm];
+                  let csmShadowResult = directShadowMapingIndex(light, shadowMatrix, csm, csmShadowBias);
+                  if(csmShadowResult.y < 0.5){
+                    validCount ++;
+
+                    var uv = 2.0 * csmShadowResult.zw - vec2<f32>(1.0);
+                    uv = saturate(vec2<f32>(1.0) - abs(uv));
+                    uv /= clamp(globalUniform.csmMargin, 0.01, 0.5);
+                    var weight:f32 = min(uv.x, 1.0);
+                    weight = min(weight, uv.y);
+
+                    if(validCount == 1 && csm == csmCount - 1){
+                      visibility = 1.0 - weight + csmShadowResult.x * weight;
+                      totalWeight = 1.0;
+                    }else{
+                      weight *= 1.0 - totalWeight;
+                      visibility += csmShadowResult.x * weight;
+                      totalWeight += weight;
                     }
-                #else
-                    shadowMatrix = globalUniform.shadowMatrix[shadowIndex];
-                    visibility = directShadowMapingIndex(light, shadowMatrix, shadowIndex, shadowBias).x;
-                #endif
-                    directShadowVisibility[i] = visibility;
-            }
+                    // if(weight < 1.0){
+                    //   visibility += 0.1;
+                    // }
+                    if(validCount >= 2 || totalWeight >= 0.99){
+                      csmLevel = csm;
+                      break;
+                    }
+                  }
+                }
+                totalWeight += 0.0001;
+                if(validCount == 0){
+                  visibility = 1.0;
+                }else{
+                  visibility = visibility / totalWeight ;
+                }
+              }else{
+                shadowMatrix = globalUniform.shadowMatrix[shadowIndex];
+                if(enableCSM) {
+                  shadowIndex += csmCount - 1;
+                }
+                visibility = directShadowMapingIndex(light, shadowMatrix, shadowIndex, shadowBias).x;
+              }
+            #else
+              shadowMatrix = globalUniform.shadowMatrix[shadowIndex];
+              visibility = directShadowMapingIndex(light, shadowMatrix, shadowIndex, shadowBias).x;
+            #endif 
+            directShadowVisibility[i] = visibility;
+          }
         }
+
     }
 
-    fn directShadowMapingIndex(light:LightData, matrix:mat4x4<f32>, depthTexIndex:i32, shadowBias:f32) -> vec4<f32> {
-        var visibility = 1.0;
-        var isOutSideArea:f32 = 1.0;
-        var varying_shadowUV:vec2<f32> = vec2<f32>(0.0);
-        #if USE_SHADOWMAPING
-            var shadowPosTmp = matrix * vec4<f32>(ORI_VertexVarying.vWorldPos.xyz, 1.0);
-            var shadowPos = shadowPosTmp.xyz / shadowPosTmp.w;
-            varying_shadowUV = shadowPos.xy * vec2<f32>(0.5, -0.5) + vec2<f32>(0.5, 0.5);
-            if (varying_shadowUV.x <= 1.0
-            && varying_shadowUV.x >= 0.0
-            && varying_shadowUV.y <= 1.0
-            && varying_shadowUV.y >= 0.0
-            && shadowPosTmp.z <= 1.0
-            && shadowPosTmp.z >= 0.0){
-                visibility = 0.0;
-                isOutSideArea = 0.0;
-                var uvOnePixel = 1.0 / vec2<f32>(globalUniform.shadowMapSize) ;
-                var totalWeight = 0.0;
-                var bias = -0.005 * max(dot(fragData.N, -light.direction) , 0.0 ); 
-                bias = clamp(bias, 0, 0.01) + -shadowBias;
-                let bound = 1;
-                for (var y = -bound; y <= bound; y++) {
-                    for(var x = -bound; x <= bound; x++) {
-                        var offset = vec2<f32>(f32(x), f32(y)) ;
-                        var offsetUV = offset * uvOnePixel ;
-                        var weight = min(length(offset),1.0) ;
-                        var depth = textureSampleLevel(shadowMap, shadowMapSampler, varying_shadowUV + offsetUV , depthTexIndex, 0);
-                        if ((shadowPos.z - bias ) < depth) {
-                            visibility += weight ;
-                            totalWeight += weight;
-                        }else{
-                            totalWeight += 1.0;
-                        };
-                    }
+    fn directShadowMapingIndex(light:LightData, matrix:mat4x4<f32>, depthTexIndex:i32, shadowBias:f32) -> vec4<f32>
+    {
+      var visibility = 1.0;
+      var isOutSideArea:f32 = 1.0;
+      var varying_shadowUV:vec2<f32> = vec2<f32>(0.0);
+      #if USE_SHADOWMAPING
+        var shadowPosTmp = matrix * vec4<f32>(ORI_VertexVarying.vWorldPos.xyz, 1.0);
+        var shadowPos = shadowPosTmp.xyz / shadowPosTmp.w;
+        varying_shadowUV = shadowPos.xy * vec2<f32>(0.5, -0.5) + vec2<f32>(0.5, 0.5);
+        if (varying_shadowUV.x <= 1.0
+          && varying_shadowUV.x >= 0.0
+          && varying_shadowUV.y <= 1.0
+          && varying_shadowUV.y >= 0.0
+          && shadowPosTmp.z <= 1.0
+          && shadowPosTmp.z >= 0.0)
+        {
+          visibility = 0.0;
+          isOutSideArea = 0.0;
+          var uvOnePixel = 1.0 / vec2<f32>(globalUniform.shadowMapSize) ;
+          var totalWeight = 0.0;
+          // var NoL = (dot(normalize(ORI_VertexVarying.vWorldNormal), normalize(-light.direction)));
+          // let v = max(NoL, 0.0) ;
+          // var bias = max(0.05 * (dot(normalize(fragData.N), normalize(-light.direction)) ), -shadowBias); 
+          var bias = -0.005 * max(dot(fragData.N, -light.direction) , 0.0 ); 
+          bias = clamp(bias, 0, 0.01) + -shadowBias;
+
+          // var bias = shadowBias / v;
+          let bound = 1 ;
+          for (var y = -bound; y <= bound; y++) {
+            for (var x = -bound; x <= bound; x++) {
+                var offset = vec2<f32>(f32(x), f32(y)) ;
+                var offsetUV = offset * uvOnePixel ;
+                var weight = min(length(offset),1.0) ;
+                var depth = textureSampleCompareLevel(shadowMap, shadowMapSampler, varying_shadowUV + offsetUV , depthTexIndex, shadowPos.z - bias);
+                if (depth < 0.5) {
+                  totalWeight += 1.0;
+                }else{
+                  visibility += weight;
+                  totalWeight += weight;
                 }
-                visibility /= totalWeight;
             }
-            #endif
-            return vec4<f32>(visibility, isOutSideArea, varying_shadowUV);
-    }
-
-    fn pointShadowMapCompare(shadowBias: f32) {
-        let worldPos = ORI_VertexVarying.vWorldPos.xyz;
-        let offset = 0.1;
-        for(var i: i32 = 0; i < pointCount ; i = i + 1){
-            if( i >= globalUniform.nPointShadowStart && i < globalUniform.nPointShadowEnd ){
-                let ldx = globalUniform.shadowLights[u32(i) / 4u][u32(i) % 4u];
-                let light = lightBuffer[u32(ldx)];
-
-                #if USE_SHADOWMAPING
-                    let lightPos = light.position.xyz;
-                    var shadow = 0.0;
-                    let frgToLight = worldPos - lightPos.xyz;
-                    var dir: vec3<f32> = normalize(frgToLight);
-                    var len = length(frgToLight);
-                    var bias = max(shadowBias * globalUniform.far * (1.0 - dot(ORI_ShadingInput.Normal, dir)), 0.005);
-
-                #if USE_PCF_SHADOW
-                    let samples = 4.0;
-                    let sampleOffset = offset / (samples * 0.5);
-                    for (var x: f32 = -offset; x < offset; x += sampleOffset) {
-                        for (var y: f32 = -offset; y < offset; y += sampleOffset) {
-                            for (var z: f32 = -offset; z < offset; z += sampleOffset) {
-                                let offsetDir = normalize(dir.xyz + vec3<f32>(x, y, z));
-                                var depth = textureSampleLevel(pointShadowMap, pointShadowMapSampler, offsetDir, light.castShadow, 0);
-                                depth *= globalUniform.far;
-                                if ((len - bias) > depth) {
-                                    shadow += 1.0 * dot(offsetDir, dir.xyz);
-                                }
-                            }
-                        }
-                    }
-                    shadow = min(max(shadow / (samples * samples * samples), 0.0), 1.0);
-                #endif
+          }
+          visibility /= totalWeight;
+      }
+      #endif
+      return vec4<f32>(visibility, isOutSideArea, varying_shadowUV);
+    }
 
-            #if USE_SOFT_SHADOW
-                let vDis = length(globalUniform.CameraPos.xyz - worldPos.xyz);
-                let sampleRadies = globalUniform.shadowSoft;
-                let samples = 20;
-                for (var j:i32 = 0; j < samples; j += 1) {
-                    let offsetDir = normalize(dir.xyz + sampleOffsetDir[j] * sampleRadies);
-                    var depth = textureSampleLevel(pointShadowMap, pointShadowMapSampler, offsetDir, light.castShadow, 0);
-                    depth *= globalUniform.far;
-                    if ((len - bias) > depth) {
-                        shadow += 1.0 * dot(offsetDir, dir.xyz);
+    fn pointShadowMapCompare(shadowBias: f32){
+      let worldPos = ORI_VertexVarying.vWorldPos.xyz;
+      let offset = 0.1;
+
+      for (var i: i32 = 0; i < pointCount ; i = i + 1) {
+        if( i >= globalUniform.nPointShadowStart && i < globalUniform.nPointShadowEnd ){
+          let ldx = globalUniform.shadowLights[u32(i) / 4u][u32(i) % 4u];
+          let light = lightBuffer[u32(ldx)] ;
+
+          #if USE_SHADOWMAPING
+              let lightPos = light.position.xyz;
+              var shadow = 0.0;
+              let frgToLight = worldPos - lightPos.xyz;
+              var dir: vec3<f32> = normalize(frgToLight);
+              var len = length(frgToLight);
+              var bias = max(shadowBias * globalUniform.far * (1.0 - dot(ORI_ShadingInput.Normal, dir)), 0.005);
+  
+          #if USE_PCF_SHADOW
+              let samples = 4.0;
+              let sampleOffset = offset / (samples * 0.5);
+              for (var x: f32 = -offset; x < offset; x += sampleOffset) {
+                for (var y: f32 = -offset; y < offset; y += sampleOffset) {
+                  for (var z: f32 = -offset; z < offset; z += sampleOffset) {
+                    let compareZ = (len - bias) / globalUniform.far;
+                    var depth = textureSampleCompareLevel(pointShadowMap, pointShadowMapSampler, dir.xyz, light.castShadow, compareZ);
+                    if (depth < 0.5) {
+                      shadow = 1.0;
                     }
+                    for (var j = 0; j < pointCount ; j+=1 ){
+                        if(i32(light.castShadow) == j){
+                            pointShadows[j] = 1.0 - shadow;
+                        }
+                    }
+                  }
                 }
-                shadow = min(max(shadow / f32(samples), 0.0), 1.0);
+              }
+              shadow = min(max(shadow / (samples * samples * samples), 0.0), 1.0);
             #endif
-
-            #if USE_HARD_SHADOW
-                var depth = textureSampleLevel(pointShadowMap, pointShadowMapSampler, dir.xyz, light.castShadow, 0);
+  
+          #if USE_SOFT_SHADOW
+              let vDis = length(globalUniform.CameraPos.xyz - worldPos.xyz);
+              let sampleRadies = globalUniform.shadowSoft;
+              let samples = 20;
+              for (var j: i32 = 0; j < samples; j += 1) {
+                let offsetDir = normalize(dir.xyz + sampleOffsetDir[j] * sampleRadies);
+                var depth = textureSampleCompareLevel(pointShadowMap, pointShadowMapSampler, offsetDir, light.castShadow, 0);
                 depth *= globalUniform.far;
                 if ((len - bias) > depth) {
-                    shadow = 1.0;
-                }
-            #endif
-                for (var j=0; j < pointCount; j+=1) {
-                    if(i32(light.castShadow) == j){
-                        pointShadows[j] = 1.0 - shadow;
-                    }
+                  shadow += 1.0 * dot(offsetDir, dir.xyz);
                 }
-            #endif
-            }
+              }
+              shadow = min(max(shadow / f32(samples), 0.0), 1.0);
+          #endif
+  
+          #if USE_HARD_SHADOW
+              var depth = textureSampleCompareLevel(pointShadowMap, pointShadowMapSampler, dir.xyz, light.castShadow, 0);
+              depth *= globalUniform.far;
+              if ((len - bias) > depth) {
+                shadow = 1.0;
+              }
+          #endif
+              for (var j = 0; j < pointCount ; j+=1 ) {
+                  if(i32(light.castShadow) == j){
+                    pointShadows[j] = 1.0 - shadow ;
+                  }
+              }
+          #endif
+        }
         }
     }
 
@@ -6019,7 +6067,8 @@ var<uniform> materialUniform: MaterialUniform;
         vec3<f32>(0.0, 1.0, 1.0), vec3<f32>(0.0, -1.0, 1.0), vec3<f32>(0.0, -1.0, -1.0), vec3<f32>(0.0, 1.0, -1.0),
       );
     #endif
-`;
+`
+  );
 
   let Irradiance_frag = `
     #include "IrradianceVolumeData_frag"
@@ -9514,6 +9563,186 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
 }
 `;
 
+  const FatLine_VS = (
+    /* wgsl */
+    `
+    #include "GlobalUniform"
+    
+    // Instance attributes stored in storage buffer
+    // Extended with prevDir and nextDir for Line Join support
+struct InstanceData {
+    start: vec3<f32>,
+    _padding1: f32,
+    end: vec3<f32>,
+    _padding2: f32,
+    colorStart: vec3<f32>,
+    _padding3: f32,
+    colorEnd: vec3<f32>,
+    _padding4: f32,
+};
+
+    struct VertexInput {
+        @builtin(instance_index) instanceIndex: u32,
+        @location(0) position: vec3<f32>,  // Quad vertices
+        @location(1) uv: vec2<f32>,        // UV coordinates
+    };
+
+    struct VertexOutput {
+        @builtin(position) position: vec4<f32>,
+        @location(0) vUv: vec2<f32>,
+        @location(1) vColor: vec3<f32>,
+    };
+
+    struct MaterialUniform {
+        baseColor: vec4<f32>,
+        lineWidth: f32,
+        opacity: f32,
+        resolution: vec2<f32>,
+        modelMatrix: mat4x4<f32>,
+    };
+
+    @group(1) @binding(0) var<uniform> materialUniform: MaterialUniform;
+    @group(1) @binding(1) var<storage, read> instances: array<InstanceData>;
+
+    @vertex
+    fn VertMain(input: VertexInput) -> VertexOutput {
+        var output: VertexOutput;
+        
+        let instance = instances[input.instanceIndex];
+        
+        // Transform from local space to world space, then to view space
+        let start_world = materialUniform.modelMatrix * vec4<f32>(instance.start, 1.0);
+        let end_world = materialUniform.modelMatrix * vec4<f32>(instance.end, 1.0);
+        
+        let start_view = globalUniform.viewMat * start_world;
+        let end_view = globalUniform.viewMat * end_world;
+        
+        // Project to clip space
+        var clip_start = globalUniform.projMat * start_view;
+        var clip_end = globalUniform.projMat * end_view;
+        
+        // Perspective division to NDC space
+        let ndc_start = clip_start.xyz / clip_start.w;
+        let ndc_end = clip_end.xyz / clip_end.w;
+        
+        // Calculate screen-space direction
+        var dir = ndc_end.xy - ndc_start.xy;
+        
+        // Account for aspect ratio
+        let aspect = materialUniform.resolution.x / materialUniform.resolution.y;
+        dir.x *= aspect;
+        dir = normalize(dir);
+        
+        // Calculate perpendicular offset
+        var offset = vec2<f32>(dir.y, -dir.x);
+        
+        // Undo aspect ratio adjustment for both dir and offset
+        dir.x /= aspect;
+        offset.x /= aspect;
+        
+        // Flip offset direction based on position.x
+        if (input.position.x < 0.0) {
+            offset *= -1.0;
+        }
+        
+        // Handle endcaps
+        if (input.position.y < 0.0) {
+            offset += -dir;
+        } else if (input.position.y > 1.0) {
+            offset += dir;
+        }
+        
+        // Apply line width
+        offset *= materialUniform.lineWidth;
+        offset /= materialUniform.resolution.y;  // Convert to clip space
+        
+        // Select start or end point
+        var clip = select(clip_end, clip_start, input.position.y < 0.5);
+        
+        // Shift the depth of the projected points so the line segments
+        // overlap neatly and face the camera properly (billboard effect)
+        let clipPose = select(ndc_end, ndc_start, input.position.y < 0.5);
+        clip.z = clipPose.z * clip.w;
+        
+        // Perspective correction
+        offset *= clip.w;
+        clip.x += offset.x;
+        clip.y += offset.y;
+        
+        output.position = clip;
+        output.vUv = input.uv;
+        output.vColor = select(instance.colorEnd, instance.colorStart, input.position.y < 0.5);
+        
+        return output;
+    }
+`
+  );
+  const FatLine_FS = (
+    /* wgsl */
+    `
+    struct FragmentOutput {
+        @location(0) color: vec4<f32>,
+        @location(1) gBuffer: vec4<f32>,
+    };
+
+    struct VertexOutput {
+        @builtin(position) position: vec4<f32>,
+        @location(0) vUv: vec2<f32>,
+        @location(1) vColor: vec3<f32>,
+    };
+
+    struct MaterialUniform {
+        baseColor: vec4<f32>,
+        lineWidth: f32,
+        opacity: f32,
+        resolution: vec2<f32>,
+        modelMatrix: mat4x4<f32>,
+    };
+
+    @group(1) @binding(0) var<uniform> materialUniform: MaterialUniform;
+
+    @fragment
+    fn FragMain(input: VertexOutput) -> FragmentOutput {
+        var output: FragmentOutput;
+        
+        var alpha = materialUniform.opacity;
+        
+        // Round endcap rendering with anti-aliasing
+        let a = input.vUv.x;
+        let b = select(input.vUv.y - 1.0, input.vUv.y + 1.0, input.vUv.y > 0.0);
+        let len2 = a * a + b * b;
+        
+        // Calculate derivative (must be in uniform control flow)
+        let dlen = fwidth(len2);
+        
+        // Round endcap rendering - simple approach
+        if (abs(input.vUv.y) > 1.0) {
+            // Determine circle center: (0, 1) for top, (0, -1) for bottom
+            var basePoint = select(
+                vec2<f32>(0.0, -1.0),  // Bottom endcap
+                vec2<f32>(0.0, 1.0),   // Top endcap
+                input.vUv.y > 0.0
+            );
+            
+            // Distance from UV to circle center
+            // var dist = length(input.vUv - basePoint);
+            var dist2 = (input.vUv.x - basePoint.x) * (input.vUv.x - basePoint.x) + (input.vUv.y - basePoint.y) * (input.vUv.y - basePoint.y);
+            
+            // Discard pixels outside circle (radius = 1.0)
+            if (dist2 > 1.0) {
+                discard;
+            }
+        }
+        
+        let color = input.vColor * materialUniform.baseColor.rgb;
+        output.color = vec4<f32>(color, alpha);
+        output.gBuffer = vec4<f32>(0.0, 0.0, 0.0, 0.0); // No GBuffer data for lines
+        
+        return output;
+    }
+`
+  );
+
   class ShaderLib {
     static init() {
       ShaderLib.register("MathShader", MathShader);
@@ -9583,6 +9812,8 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
       );
       ShaderLib.register("ZPass_shader_vs", ZPassShader_vs);
       ShaderLib.register("ZPass_shader_fs", ZPassShader_fs);
+      ShaderLib.register("FatLine_VS", FatLine_VS);
+      ShaderLib.register("FatLine_FS", FatLine_FS);
     }
     static register(keyName, code) {
       if (!ShaderLib[keyName.toLowerCase()]) {
@@ -21669,9 +21900,9 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
   }
 
   var __defProp$1 = Object.defineProperty;
-  var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
-  var __decorateClass$i = (decorators, target, key, kind) => {
-    var result = __getOwnPropDesc$i(target, key) ;
+  var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
+  var __decorateClass$l = (decorators, target, key, kind) => {
+    var result = __getOwnPropDesc$l(target, key) ;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(target, key, result) ) || result;
@@ -22256,221 +22487,16 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
       this._combineShaderRefection = void 0;
     }
   }
-  __decorateClass$i([
+  __decorateClass$l([
     EditorInspector
   ], RenderNode.prototype, "materials");
-  __decorateClass$i([
+  __decorateClass$l([
     EditorInspector
   ], RenderNode.prototype, "castShadow");
-  __decorateClass$i([
+  __decorateClass$l([
     EditorInspector
   ], RenderNode.prototype, "castGI");
 
-  class Shader {
-    computes;
-    passShader;
-    constructor() {
-      this.computes = [];
-      this.passShader = /* @__PURE__ */ new Map();
-    }
-    addRenderPass(renderShader, index = -1) {
-      let subShader = this.passShader.get(renderShader.passType) || [];
-      if (index == -1) {
-        subShader.push(renderShader);
-      } else {
-        subShader.splice(index, -1, renderShader);
-      }
-      this.passShader.set(renderShader.passType, subShader);
-    }
-    removeShader(renderShader, index = -1) {
-      let subShader = this.passShader.get(
-        renderShader.passType
-      );
-      if (subShader) {
-        if (index == -1) {
-          let index2 = subShader.indexOf(renderShader);
-          if (index2 != -1) {
-            subShader.splice(index2);
-          }
-        } else {
-          subShader.splice(index, 1);
-        }
-      }
-    }
-    removeShaderByIndex(passType, index = -1) {
-      let subShader = this.passShader.get(passType);
-      if (subShader) {
-        if (index == -1) {
-          this.passShader.delete(passType);
-        } else {
-          subShader.splice(index, 1);
-        }
-      }
-    }
-    getSubShaders(passType) {
-      return this.passShader.get(passType) || [];
-    }
-    hasSubShaders(passType) {
-      let subs = this.passShader.get(passType);
-      return subs.length > 0;
-    }
-    getDefaultShaders() {
-      return this.passShader.get(PassType.COLOR);
-    }
-    getDefaultColorShader() {
-      return this.passShader.get(PassType.COLOR)[0];
-    }
-    setDefine(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setDefine(arg0, arg1);
-        }
-      }
-    }
-    hasDefine(arg0) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          let has = rd.hasDefine(arg0);
-          if (has) return has;
-        }
-      }
-      return false;
-    }
-    deleteDefine(arg0) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.deleteDefine(arg0);
-        }
-      }
-    }
-    setUniform(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setUniform(arg0, arg1);
-        }
-      }
-    }
-    setUniformFloat(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setUniformFloat(arg0, arg1);
-        }
-      }
-    }
-    setUniformVector2(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setUniformVector2(arg0, arg1);
-        }
-      }
-    }
-    setUniformVector3(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setUniformVector3(arg0, arg1);
-        }
-      }
-    }
-    setUniformVector4(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setUniformVector4(arg0, arg1);
-        }
-      }
-    }
-    setUniformColor(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setUniformColor(arg0, arg1);
-        }
-      }
-    }
-    getUniform(arg0) {
-      return this.getDefaultColorShader().getUniform(arg0);
-    }
-    getUniformFloat(arg0) {
-      return this.getDefaultColorShader().getUniformFloat(arg0);
-    }
-    getUniformVector2(arg0) {
-      return this.getDefaultColorShader().getUniformVector2(arg0);
-    }
-    getUniformVector3(arg0) {
-      return this.getDefaultColorShader().getUniformVector3(arg0);
-    }
-    getUniformVector4(arg0) {
-      return this.getDefaultColorShader().getUniformVector4(arg0);
-    }
-    getUniformColor(arg0) {
-      return this.getDefaultColorShader().getUniformColor(arg0);
-    }
-    setTexture(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setTexture(arg0, arg1);
-        }
-      }
-      this.setDefine(`USE_${arg0.toLocaleUpperCase()}`, true);
-    }
-    getTexture(arg0) {
-      return this.getDefaultColorShader().textures[arg0];
-    }
-    setUniformBuffer(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setUniformBuffer(arg0, arg1);
-        }
-      }
-    }
-    getUniformBuffer(arg0) {
-      return this.getDefaultColorShader().getBuffer(arg0);
-    }
-    setStorageBuffer(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setStorageBuffer(arg0, arg1);
-        }
-      }
-    }
-    getStorageBuffer(arg0) {
-      return this.getDefaultColorShader().getBuffer(arg0);
-    }
-    setStructStorageBuffer(arg0, arg1) {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.setStructStorageBuffer(arg0, arg1);
-        }
-      }
-    }
-    getStructStorageBuffer(arg0) {
-      return this.getDefaultColorShader().getBuffer(arg0);
-    }
-    noticeValueChange() {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.noticeValueChange();
-        }
-      }
-    }
-    destroy() {
-      this.getDefaultColorShader().destroy();
-    }
-    clone() {
-      let newShader = new Shader();
-      let sourceShaderPassList = this.getDefaultShaders();
-      for (const shadePass of sourceShaderPassList) {
-        newShader.addRenderPass(shadePass);
-      }
-      return newShader;
-    }
-    applyUniform() {
-      for (const pass of this.passShader) {
-        for (const rd of pass[1]) {
-          rd.applyUniform();
-        }
-      }
-    }
-  }
-
   class Material {
     instanceID;
     name;
@@ -22954,11 +22980,222 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
 `
   );
 
-  class GSplatMaterial extends Material {
+  class Shader {
+    computes;
+    passShader;
+    constructor() {
+      this.computes = [];
+      this.passShader = /* @__PURE__ */ new Map();
+    }
+    addRenderPass(renderShader, index = -1) {
+      let subShader = this.passShader.get(renderShader.passType) || [];
+      if (index == -1) {
+        subShader.push(renderShader);
+      } else {
+        subShader.splice(index, -1, renderShader);
+      }
+      this.passShader.set(renderShader.passType, subShader);
+    }
+    removeShader(renderShader, index = -1) {
+      let subShader = this.passShader.get(
+        renderShader.passType
+      );
+      if (subShader) {
+        if (index == -1) {
+          let index2 = subShader.indexOf(renderShader);
+          if (index2 != -1) {
+            subShader.splice(index2);
+          }
+        } else {
+          subShader.splice(index, 1);
+        }
+      }
+    }
+    removeShaderByIndex(passType, index = -1) {
+      let subShader = this.passShader.get(passType);
+      if (subShader) {
+        if (index == -1) {
+          this.passShader.delete(passType);
+        } else {
+          subShader.splice(index, 1);
+        }
+      }
+    }
+    getSubShaders(passType) {
+      return this.passShader.get(passType) || [];
+    }
+    hasSubShaders(passType) {
+      let subs = this.passShader.get(passType);
+      return subs.length > 0;
+    }
+    getDefaultShaders() {
+      return this.passShader.get(PassType.COLOR);
+    }
+    getDefaultColorShader() {
+      return this.passShader.get(PassType.COLOR)[0];
+    }
+    setDefine(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setDefine(arg0, arg1);
+        }
+      }
+    }
+    hasDefine(arg0) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          let has = rd.hasDefine(arg0);
+          if (has) return has;
+        }
+      }
+      return false;
+    }
+    deleteDefine(arg0) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.deleteDefine(arg0);
+        }
+      }
+    }
+    setUniform(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setUniform(arg0, arg1);
+        }
+      }
+    }
+    setUniformFloat(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setUniformFloat(arg0, arg1);
+        }
+      }
+    }
+    setUniformVector2(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setUniformVector2(arg0, arg1);
+        }
+      }
+    }
+    setUniformVector3(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setUniformVector3(arg0, arg1);
+        }
+      }
+    }
+    setUniformVector4(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setUniformVector4(arg0, arg1);
+        }
+      }
+    }
+    setUniformColor(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setUniformColor(arg0, arg1);
+        }
+      }
+    }
+    getUniform(arg0) {
+      return this.getDefaultColorShader().getUniform(arg0);
+    }
+    getUniformFloat(arg0) {
+      return this.getDefaultColorShader().getUniformFloat(arg0);
+    }
+    getUniformVector2(arg0) {
+      return this.getDefaultColorShader().getUniformVector2(arg0);
+    }
+    getUniformVector3(arg0) {
+      return this.getDefaultColorShader().getUniformVector3(arg0);
+    }
+    getUniformVector4(arg0) {
+      return this.getDefaultColorShader().getUniformVector4(arg0);
+    }
+    getUniformColor(arg0) {
+      return this.getDefaultColorShader().getUniformColor(arg0);
+    }
+    setTexture(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setTexture(arg0, arg1);
+        }
+      }
+      this.setDefine(`USE_${arg0.toLocaleUpperCase()}`, true);
+    }
+    getTexture(arg0) {
+      return this.getDefaultColorShader().textures[arg0];
+    }
+    setUniformBuffer(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setUniformBuffer(arg0, arg1);
+        }
+      }
+    }
+    getUniformBuffer(arg0) {
+      return this.getDefaultColorShader().getBuffer(arg0);
+    }
+    setStorageBuffer(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setStorageBuffer(arg0, arg1);
+        }
+      }
+    }
+    getStorageBuffer(arg0) {
+      return this.getDefaultColorShader().getBuffer(arg0);
+    }
+    setStructStorageBuffer(arg0, arg1) {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.setStructStorageBuffer(arg0, arg1);
+        }
+      }
+    }
+    getStructStorageBuffer(arg0) {
+      return this.getDefaultColorShader().getBuffer(arg0);
+    }
+    noticeValueChange() {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.noticeValueChange();
+        }
+      }
+    }
+    destroy() {
+      this.getDefaultColorShader().destroy();
+    }
+    clone() {
+      let newShader = new Shader();
+      let sourceShaderPassList = this.getDefaultShaders();
+      for (const shadePass of sourceShaderPassList) {
+        newShader.addRenderPass(shadePass);
+      }
+      return newShader;
+    }
+    applyUniform() {
+      for (const pass of this.passShader) {
+        for (const rd of pass[1]) {
+          rd.applyUniform();
+        }
+      }
+    }
+  }
+
+  var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
+  var __decorateClass$k = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
+    for (var i = decorators.length - 1, decorator; i >= 0; i--)
+      if (decorator = decorators[i])
+        result = (decorator(result)) || result;
+    return result;
+  };
+  exports.GSplatShader = class GSplatShader extends Shader {
     constructor() {
       super();
-      ShaderLib.register("gsplat_vs_dc", GSplat_VS);
-      ShaderLib.register("gsplat_fs_dc", GSplat_FS);
       const pass = new RenderShaderPass("gsplat_vs_dc", "gsplat_fs_dc");
       pass.passType = PassType.COLOR;
       pass.setShaderEntry("VertMain", "FragMain");
@@ -22968,9 +23205,29 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
       pass.shaderState.transparent = true;
       pass.shaderState.blendMode = BlendMode.NORMAL;
       pass.shaderState.writeMasks = [15, 15];
-      const shader = new Shader();
-      shader.addRenderPass(pass);
-      this.shader = shader;
+      this.addRenderPass(pass);
+      this.setDefault();
+    }
+    /**
+     * Set default uniform values
+     */
+    setDefault() {
+      const pass = this.getDefaultColorShader();
+      const identityMatrix = new Matrix4();
+      pass.setUniform("modelMatrix", identityMatrix.rawData);
+      pass.setUniform("pixelCull", new Float32Array([2, 0, 0, 0]));
+    }
+  };
+  exports.GSplatShader = __decorateClass$k([
+    RegisterShader(exports.GSplatShader, "GSplatShader")
+  ], exports.GSplatShader);
+
+  class GSplatMaterial extends Material {
+    constructor() {
+      super();
+      ShaderLib.register("gsplat_vs_dc", GSplat_VS);
+      ShaderLib.register("gsplat_fs_dc", GSplat_FS);
+      this.shader = new exports.GSplatShader();
     }
     setSplatTextures(splatColor, transformA, transformB, texParams, splatOrder) {
       const pass = this.shader.getDefaultColorShader();
@@ -23979,9 +24236,9 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
     }
   }
 
-  var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
-  var __decorateClass$h = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
+  var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
+  var __decorateClass$j = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -24734,7 +24991,7 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
       super.destroy(force);
     }
   };
-  exports.GSplatRenderer = __decorateClass$h([
+  exports.GSplatRenderer = __decorateClass$j([
     RegisterComponent(exports.GSplatRenderer, "GSplatRenderer")
   ], exports.GSplatRenderer);
 
@@ -25045,9 +25302,9 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
     }
   }
 
-  var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
-  var __decorateClass$g = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
+  var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
+  var __decorateClass$i = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -25312,7 +25569,7 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
       super.destroy(force);
     }
   };
-  exports.Object3D = __decorateClass$g([
+  exports.Object3D = __decorateClass$i([
     DecorateObject3D
   ], exports.Object3D);
   function DecorateObject3D(ctor, _) {
@@ -26641,9 +26898,9 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
   }
 
   var __defProp = Object.defineProperty;
-  var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
-  var __decorateClass$f = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target;
+  var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
+  var __decorateClass$h = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (kind ? decorator(target, key, result) : decorator(result)) || result;
@@ -26752,13 +27009,13 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
       super.destroy(force);
     }
   };
-  __decorateClass$f([
+  __decorateClass$h([
     EditorInspector
   ], exports.MeshRenderer.prototype, "geometry", 1);
-  __decorateClass$f([
+  __decorateClass$h([
     EditorInspector
   ], exports.MeshRenderer.prototype, "material", 1);
-  exports.MeshRenderer = __decorateClass$f([
+  exports.MeshRenderer = __decorateClass$h([
     RegisterComponent(exports.MeshRenderer, "MeshRenderer")
   ], exports.MeshRenderer);
 
@@ -27255,9 +27512,9 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
     }
   }
 
-  var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
-  var __decorateClass$e = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target;
+  var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
+  var __decorateClass$g = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -27281,7 +27538,7 @@ fn SH9(dir: vec3<f32>, coefficients: array<vec4f, 9>) -> vec4<f32> {
       this.setUniformFloat(`height`, 100);
     }
   };
-  exports.QuadShader = __decorateClass$e([
+  exports.QuadShader = __decorateClass$g([
     RegisterShader(exports.QuadShader, "QuadShader")
   ], exports.QuadShader);
 
@@ -34555,9 +34812,9 @@ fn CsMain( @builtin(workgroup_id) workgroup_id : vec3<u32> , @builtin(global_inv
     }
   }
 
-  var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
-  var __decorateClass$d = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target;
+  var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
+  var __decorateClass$f = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -34599,13 +34856,13 @@ fn CsMain( @builtin(workgroup_id) workgroup_id : vec3<u32> , @builtin(global_inv
     debug() {
     }
   };
-  exports.DirectLight = __decorateClass$d([
+  exports.DirectLight = __decorateClass$f([
     RegisterComponent(exports.DirectLight, "DirectLight")
   ], exports.DirectLight);
 
-  var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
-  var __decorateClass$c = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
+  var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
+  var __decorateClass$e = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -34663,13 +34920,13 @@ fn CsMain( @builtin(workgroup_id) workgroup_id : vec3<u32> , @builtin(global_inv
     debugDraw(show) {
     }
   };
-  exports.PointLight = __decorateClass$c([
+  exports.PointLight = __decorateClass$e([
     RegisterComponent(exports.PointLight, "PointLight")
   ], exports.PointLight);
 
-  var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
-  var __decorateClass$b = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
+  var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
+  var __decorateClass$d = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -34734,7 +34991,7 @@ fn CsMain( @builtin(workgroup_id) workgroup_id : vec3<u32> , @builtin(global_inv
     debugDraw(show) {
     }
   };
-  exports.SpotLight = __decorateClass$b([
+  exports.SpotLight = __decorateClass$d([
     RegisterComponent(exports.SpotLight, "SpotLight")
   ], exports.SpotLight);
 
@@ -40534,7 +40791,7 @@ fn CsMain( @builtin(workgroup_id) workgroup_id : vec3<u32> , @builtin(global_inv
     }
   }
 
-  const version = "1.0.10";
+  const version = "1.0.12";
 
   class Engine3D {
     /**
@@ -45047,9 +45304,9 @@ fn frag(){
     }
   }
 
-  var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
-  var __decorateClass$a = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target;
+  var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
+  var __decorateClass$c = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -45073,7 +45330,7 @@ fn frag(){
       shaderState.depthCompare = GPUCompareFunction.less;
     }
   };
-  exports.SkyShader = __decorateClass$a([
+  exports.SkyShader = __decorateClass$c([
     RegisterShader(exports.SkyShader, "SkyShader")
   ], exports.SkyShader);
 
@@ -45871,9 +46128,9 @@ fn frag(){
     }
   }
 
-  var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
-  var __decorateClass$9 = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target;
+  var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
+  var __decorateClass$b = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -46077,7 +46334,7 @@ fn frag(){
       this._currentClipState.weight = 1;
     }
   };
-  exports.SkeletonAnimationComponent = __decorateClass$9([
+  exports.SkeletonAnimationComponent = __decorateClass$b([
     RegisterComponent(exports.SkeletonAnimationComponent, "SkeletonAnimationComponent")
   ], exports.SkeletonAnimationComponent);
   class SkeletonAnimationCrossFadeState {
@@ -46113,9 +46370,9 @@ fn frag(){
     }
   }
 
-  var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
-  var __decorateClass$8 = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target;
+  var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
+  var __decorateClass$a = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -46526,7 +46783,7 @@ fn frag(){
       return dst;
     }
   };
-  exports.AnimatorComponent = __decorateClass$8([
+  exports.AnimatorComponent = __decorateClass$a([
     RegisterComponent(exports.AnimatorComponent, "AnimatorComponent")
   ], exports.AnimatorComponent);
   class PropertyAnimationClipState {
@@ -47283,9 +47540,9 @@ fn frag(){
     }
   }
 
-  var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
-  var __decorateClass$7 = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
+  var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
+  var __decorateClass$9 = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -47434,7 +47691,7 @@ fn frag(){
       super.nodeUpdate(view, passType, renderPassState, clusterLightingBuffer);
     }
   };
-  exports.SkinnedMeshRenderer2 = __decorateClass$7([
+  exports.SkinnedMeshRenderer2 = __decorateClass$9([
     RegisterComponent(exports.SkinnedMeshRenderer2, "SkinnedMeshRenderer2")
   ], exports.SkinnedMeshRenderer2);
 
@@ -52567,9 +52824,9 @@ fn frag(){
     }
   }
 
-  var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
-  var __decorateClass$6 = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
+  var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
+  var __decorateClass$8 = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -52646,10 +52903,86 @@ fn frag(){
     debugDraw(show) {
     }
   };
-  exports.Light = __decorateClass$6([
+  exports.Light = __decorateClass$8([
     RegisterComponent(exports.Light, "Light")
   ], exports.Light);
 
+  var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
+  var __decorateClass$7 = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
+    for (var i = decorators.length - 1, decorator; i >= 0; i--)
+      if (decorator = decorators[i])
+        result = (decorator(result)) || result;
+    return result;
+  };
+  exports.FatLineRenderer = class FatLineRenderer extends RenderNode {
+    _fatLineMaterial = null;
+    _fatLineGeometry = null;
+    constructor() {
+      super();
+    }
+    onEnable() {
+      super.onEnable();
+    }
+    onDisable() {
+      super.onDisable();
+    }
+    cloneTo(obj) {
+      const component = obj.addComponent(exports.FatLineRenderer);
+      component.copyComponent(this);
+    }
+    copyComponent(from) {
+      super.copyComponent(from);
+      return this;
+    }
+    /**
+     * Set FatLine geometry
+     */
+    set geometry(value) {
+      super.geometry = value;
+      this._fatLineGeometry = value;
+      if (value) {
+        this.instanceCount = value.instanceCount;
+        if (this._fatLineMaterial && value.instanceBuffer) {
+          this._fatLineMaterial.setInstanceBuffer(value.instanceBuffer);
+        }
+      }
+    }
+    get geometry() {
+      return this._fatLineGeometry;
+    }
+    /**
+     * Set FatLine material
+     */
+    set material(value) {
+      this.materials = [value];
+      this._fatLineMaterial = value;
+      if (this._fatLineGeometry && this._fatLineGeometry.instanceBuffer) {
+        value.setInstanceBuffer(this._fatLineGeometry.instanceBuffer);
+      }
+    }
+    get material() {
+      return this._fatLineMaterial;
+    }
+    /**
+     * Override nodeUpdate to automatically update FatLine-specific uniforms
+     */
+    nodeUpdate(view, passType, renderPassState, clusterLightingBuffer) {
+      if (this._fatLineMaterial && this.object3D) {
+        this._fatLineMaterial.setModelMatrix(this.object3D.transform.worldMatrix);
+        const width = webGPUContext.presentationSize[0];
+        const height = webGPUContext.presentationSize[1];
+        if (width > 0 && height > 0) {
+          this._fatLineMaterial.resolution = new Vector2(width, height);
+        }
+      }
+      super.nodeUpdate(view, passType, renderPassState, clusterLightingBuffer);
+    }
+  };
+  exports.FatLineRenderer = __decorateClass$7([
+    RegisterComponent(exports.FatLineRenderer, "FatLineRenderer")
+  ], exports.FatLineRenderer);
+
   class Probe extends exports.Object3D {
     index = 0;
     drawCallFrame = -1;
@@ -52948,9 +53281,9 @@ fn frag(){
     }
   }
 
-  var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
-  var __decorateClass$5 = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
+  var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
+  var __decorateClass$6 = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -52976,13 +53309,13 @@ fn frag(){
       }
     }
   };
-  exports.MeshFilter = __decorateClass$5([
+  exports.MeshFilter = __decorateClass$6([
     RegisterComponent(exports.MeshFilter, "MeshFilter")
   ], exports.MeshFilter);
 
-  var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
-  var __decorateClass$4 = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
+  var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
+  var __decorateClass$5 = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -53108,7 +53441,7 @@ fn frag(){
       super.nodeUpdate(view, passType, renderPassState, clusterLightingBuffer);
     }
   };
-  exports.SkinnedMeshRenderer = __decorateClass$4([
+  exports.SkinnedMeshRenderer = __decorateClass$5([
     RegisterComponent(exports.SkinnedMeshRenderer, "SkinnedMeshRenderer")
   ], exports.SkinnedMeshRenderer);
 
@@ -53940,6 +54273,230 @@ fn frag(){
     }
   }
 
+  class FatLineGeometry extends GeometryBase {
+    _instanceBuffer;
+    _instanceData;
+    _instanceCount = 0;
+    constructor() {
+      super();
+      this.initBaseGeometry();
+    }
+    /**
+     * Initialize base quad geometry (shared by all line segments)
+     * This is similar to ThreeJS LineSegmentsGeometry base geometry
+     */
+    initBaseGeometry() {
+      const positions = new Float32Array([
+        -1,
+        2,
+        0,
+        1,
+        2,
+        0,
+        // Top endcap
+        -1,
+        1,
+        0,
+        1,
+        1,
+        0,
+        // Top of line segment
+        -1,
+        0,
+        0,
+        1,
+        0,
+        0,
+        // Bottom of line segment
+        -1,
+        -1,
+        0,
+        1,
+        -1,
+        0
+        // Bottom endcap
+      ]);
+      const uvs = new Float32Array([
+        -1,
+        2,
+        1,
+        2,
+        -1,
+        1,
+        1,
+        1,
+        -1,
+        -1,
+        1,
+        -1,
+        -1,
+        -2,
+        1,
+        -2
+      ]);
+      const indices = new Uint16Array([
+        0,
+        2,
+        1,
+        2,
+        3,
+        1,
+        // First quad
+        2,
+        4,
+        3,
+        4,
+        5,
+        3,
+        // Second quad
+        4,
+        6,
+        5,
+        6,
+        7,
+        5
+        // Third quad
+      ]);
+      this.setIndices(indices);
+      this.setAttribute(VertexAttributeName.position, positions);
+      this.setAttribute(VertexAttributeName.uv, uvs);
+      this.addSubGeometry({
+        indexStart: 0,
+        indexCount: indices.length,
+        vertexStart: 0,
+        vertexCount: positions.length / 3,
+        firstStart: 0,
+        index: 0,
+        topology: 0
+      });
+    }
+    /**
+     * Set line positions from continuous points array
+     * @param positions Array of positions [x1,y1,z1, x2,y2,z2, ...]
+     */
+    setPositions(positions) {
+      const posArray = positions instanceof Float32Array ? positions : new Float32Array(positions);
+      const numPoints = posArray.length / 3;
+      const numSegments = numPoints - 1;
+      if (numSegments <= 0) {
+        console.warn("FatLineGeometry: Need at least 2 points");
+        return this;
+      }
+      const instanceData = new Float32Array(numSegments * 16);
+      for (let i = 0; i < numSegments; i++) {
+        const i0 = i * 3;
+        const i1 = (i + 1) * 3;
+        instanceData[i * 16 + 0] = posArray[i0 + 0];
+        instanceData[i * 16 + 1] = posArray[i0 + 1];
+        instanceData[i * 16 + 2] = posArray[i0 + 2];
+        instanceData[i * 16 + 3] = 0;
+        instanceData[i * 16 + 4] = posArray[i1 + 0];
+        instanceData[i * 16 + 5] = posArray[i1 + 1];
+        instanceData[i * 16 + 6] = posArray[i1 + 2];
+        instanceData[i * 16 + 7] = 0;
+        instanceData[i * 16 + 8] = 1;
+        instanceData[i * 16 + 9] = 1;
+        instanceData[i * 16 + 10] = 1;
+        instanceData[i * 16 + 11] = 0;
+        instanceData[i * 16 + 12] = 1;
+        instanceData[i * 16 + 13] = 1;
+        instanceData[i * 16 + 14] = 1;
+        instanceData[i * 16 + 15] = 0;
+      }
+      this._instanceData = instanceData;
+      this._instanceCount = numSegments;
+      this.computeBoundingBox(posArray);
+      return this;
+    }
+    /**
+     * Set colors for line segments
+     * @param colors Array of colors [r1,g1,b1, r2,g2,b2, ...] for each point
+     */
+    setColors(colors) {
+      const colorArray = colors instanceof Float32Array ? colors : new Float32Array(colors);
+      if (!this._instanceData) {
+        console.warn(
+          "FatLineGeometry: Must call setPositions() before setColors()"
+        );
+        return this;
+      }
+      const numPoints = colorArray.length / 3;
+      const numSegments = numPoints - 1;
+      if (numSegments !== this._instanceCount) {
+        console.warn(
+          "FatLineGeometry: Color array length doesn't match segment count"
+        );
+        return this;
+      }
+      for (let i = 0; i < numSegments; i++) {
+        const i0 = i * 3;
+        const i1 = (i + 1) * 3;
+        this._instanceData[i * 16 + 8] = colorArray[i0 + 0];
+        this._instanceData[i * 16 + 9] = colorArray[i0 + 1];
+        this._instanceData[i * 16 + 10] = colorArray[i0 + 2];
+        this._instanceData[i * 16 + 12] = colorArray[i1 + 0];
+        this._instanceData[i * 16 + 13] = colorArray[i1 + 1];
+        this._instanceData[i * 16 + 14] = colorArray[i1 + 2];
+      }
+      return this;
+    }
+    /**
+     * Compute bounding box from positions
+     */
+    computeBoundingBox(positions) {
+      const min = new Vector3(Infinity, Infinity, Infinity);
+      const max = new Vector3(-Infinity, -Infinity, -Infinity);
+      for (let i = 0; i < positions.length; i += 3) {
+        const x = positions[i];
+        const y = positions[i + 1];
+        const z = positions[i + 2];
+        min.x = Math.min(min.x, x);
+        min.y = Math.min(min.y, y);
+        min.z = Math.min(min.z, z);
+        max.x = Math.max(max.x, x);
+        max.y = Math.max(max.y, y);
+        max.z = Math.max(max.z, z);
+      }
+      const size = Vector3.sub(max, min);
+      this.bounds = new BoundingBox(Vector3.ZERO.clone(), size);
+      this.bounds.setFromMinMax(min, max);
+    }
+    /**
+     * Get instance data for GPU upload
+     */
+    get instanceData() {
+      return this._instanceData;
+    }
+    /**
+     * Get number of line segments (instances)
+     */
+    get instanceCount() {
+      return this._instanceCount;
+    }
+    /**
+     * Get or create instance buffer
+     */
+    get instanceBuffer() {
+      if (!this._instanceBuffer && this._instanceData) {
+        this._instanceBuffer = new StorageGPUBuffer(
+          this._instanceData.byteLength
+        );
+        this._instanceBuffer.setFloat32Array("", this._instanceData);
+        this._instanceBuffer.apply();
+      }
+      return this._instanceBuffer;
+    }
+    /**
+     * Update instance buffer with new data
+     */
+    updateInstanceBuffer() {
+      if (this._instanceBuffer && this._instanceData) {
+        this._instanceBuffer.setFloat32Array("", this._instanceData);
+        this._instanceBuffer.apply();
+      }
+    }
+  }
+
   class VertexBufferLayout {
     name;
     offset;
@@ -59210,9 +59767,9 @@ fn frag(){
     }
   }
 
-  var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
-  var __decorateClass$3 = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
+  var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
+  var __decorateClass$4 = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -59331,13 +59888,13 @@ fn frag(){
       }
     }
   };
-  exports.LitSSSShader = __decorateClass$3([
+  exports.LitSSSShader = __decorateClass$4([
     RegisterShader(exports.LitSSSShader, "LitSSSShader")
   ], exports.LitSSSShader);
 
-  var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
-  var __decorateClass$2 = (decorators, target, key, kind) => {
-    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
+  var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
+  var __decorateClass$3 = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
     for (var i = decorators.length - 1, decorator; i >= 0; i--)
       if (decorator = decorators[i])
         result = (decorator(result)) || result;
@@ -59433,7 +59990,7 @@ fn frag(){
       }
     }
   };
-  exports.LitShader = __decorateClass$2([
+  exports.LitShader = __decorateClass$3([
     RegisterShader(exports.LitShader, "LitShader")
   ], exports.LitShader);
 
@@ -59592,6 +60149,47 @@ fn frag(){
     }
   }
 
+  var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
+  var __decorateClass$2 = (decorators, target, key, kind) => {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
+    for (var i = decorators.length - 1, decorator; i >= 0; i--)
+      if (decorator = decorators[i])
+        result = (decorator(result)) || result;
+    return result;
+  };
+  exports.FatLineShader = class FatLineShader extends Shader {
+    constructor() {
+      super();
+      const colorShader = new RenderShaderPass("FatLine_VS", "FatLine_FS");
+      colorShader.setShaderEntry(`VertMain`, `FragMain`);
+      this.addRenderPass(colorShader);
+      const shaderState = colorShader.shaderState;
+      shaderState.acceptShadow = false;
+      shaderState.castShadow = false;
+      shaderState.receiveEnv = false;
+      shaderState.acceptGI = false;
+      shaderState.useLight = false;
+      shaderState.cullMode = GPUCullMode.none;
+      shaderState.depthWriteEnabled = true;
+      this.setDefault();
+    }
+    /**
+     * Set default uniform values
+     */
+    setDefault() {
+      this.setUniformColor(`baseColor`, new Color(1, 1, 1, 1));
+      this.setUniformFloat(`lineWidth`, 1);
+      this.setUniformFloat(`opacity`, 1);
+      this.setUniformVector2(`resolution`, new Vector2(1920, 1080));
+      const identityMatrix = new Matrix4();
+      const pass = this.getDefaultColorShader();
+      pass.setUniform(`modelMatrix`, identityMatrix.rawData);
+    }
+  };
+  exports.FatLineShader = __decorateClass$2([
+    RegisterShader(exports.FatLineShader, "FatLineShader")
+  ], exports.FatLineShader);
+
   var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
   var __decorateClass$1 = (decorators, target, key, kind) => {
     var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
@@ -59928,6 +60526,78 @@ fn frag(){
     }
   }
 
+  class FatLineMaterial extends Material {
+    constructor() {
+      super();
+      this.shader = new exports.FatLineShader();
+      this.transparent = true;
+    }
+    /**
+     * Set instance buffer for line segments
+     * This should be called after setting the geometry
+     */
+    setInstanceBuffer(buffer) {
+      this.shader.setStorageBuffer("instances", buffer);
+    }
+    /**
+     * Set model matrix for transforming line segments
+     * This should be updated each frame if the object moves
+     */
+    setModelMatrix(matrix) {
+      const pass = this.shader.getDefaultColorShader();
+      pass.setUniform("modelMatrix", matrix.rawData);
+    }
+    /**
+     * Set base color (tint color)
+     */
+    set baseColor(color) {
+      this.shader.setUniformColor(`baseColor`, color);
+    }
+    /**
+     * Get base color (tint color)
+     */
+    get baseColor() {
+      return this.shader.getUniformColor("baseColor");
+    }
+    /**
+     * Set line width in pixels
+     */
+    set lineWidth(value) {
+      this.shader.setUniformFloat(`lineWidth`, value);
+    }
+    /**
+     * Get line width in pixels
+     */
+    get lineWidth() {
+      return this.shader.getUniformFloat("lineWidth");
+    }
+    /**
+     * Set opacity (0-1)
+     */
+    set opacity(value) {
+      this.shader.setUniformFloat(`opacity`, value);
+    }
+    /**
+     * Get opacity (0-1)
+     */
+    get opacity() {
+      return this.shader.getUniformFloat("opacity");
+    }
+    /**
+     * Set viewport resolution for correct pixel-space calculations
+     * This should be set automatically by the renderer
+     */
+    set resolution(value) {
+      this.shader.setUniformVector2(`resolution`, value);
+    }
+    /**
+     * Get viewport resolution
+     */
+    get resolution() {
+      return this.shader.getUniformVector2("resolution");
+    }
+  }
+
   class LambertMaterial extends Material {
     /**
      * @constructor
@@ -65838,6 +66508,10 @@ fn frag(){
   exports.FXAAPost = FXAAPost;
   exports.FXAAShader = FXAAShader;
   exports.FastMathShader = FastMathShader;
+  exports.FatLineGeometry = FatLineGeometry;
+  exports.FatLineMaterial = FatLineMaterial;
+  exports.FatLine_FS = FatLine_FS;
+  exports.FatLine_VS = FatLine_VS;
   exports.FeatureTable = FeatureTable;
   exports.FileLoader = FileLoader;
   exports.FirstPersonCameraController = FirstPersonCameraController;