@arcgis/core 4.22.0-next.20211005 → 4.22.0-next.20211010

package/chunks/RibbonLine.glsl.js

@@ -2,7 +2,7 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.22/esri/copyright.txt for details.
 */
-import e from"../views/3d/support/debugFlags.js";import{Slice as t}from"../views/3d/webgl-engine/core/shaderLibrary/Slice.glsl.js";import{RibbonVertexPosition as i}from"../views/3d/webgl-engine/core/shaderLibrary/attributes/RibbonVertexPosition.glsl.js";import{OutputDepth as n}from"../views/3d/webgl-engine/core/shaderLibrary/output/OutputDepth.glsl.js";import{ReadLinearDepth as r}from"../views/3d/webgl-engine/core/shaderLibrary/output/ReadLinearDepth.glsl.js";import{LineStipple as a}from"../views/3d/webgl-engine/core/shaderLibrary/shading/LineStipple.glsl.js";import{multipassTerrainTest as o}from"../views/3d/webgl-engine/core/shaderLibrary/shading/MultipassTerrainTest.glsl.js";import{PiUtils as l}from"../views/3d/webgl-engine/core/shaderLibrary/shading/PiUtils.glsl.js";import{symbolAlphaCutoff as s}from"../views/3d/webgl-engine/core/shaderLibrary/util/AlphaDiscard.glsl.js";import{ColorConversion as p}from"../views/3d/webgl-engine/core/shaderLibrary/util/ColorConversion.glsl.js";import{glsl as d}from"../views/3d/webgl-engine/core/shaderModules/interfaces.js";import{ShaderBuilder as c}from"../views/3d/webgl-engine/core/shaderModules/ShaderBuilder.js";function v(v){const f=new c;f.extensions.add("GL_OES_standard_derivatives"),f.include(l),f.include(i,v),f.include(a,v),1===v.output&&f.include(n,v),f.vertex.uniforms.add("proj","mat4").add("view","mat4").add("cameraNearFar","vec2").add("pixelRatio","float").add("miterLimit","float").add("screenSize","vec2"),f.attributes.add("position","vec3"),f.attributes.add("subdivisionFactor","float"),f.attributes.add("uv0","vec2"),f.attributes.add("auxpos1","vec3"),f.attributes.add("auxpos2","vec3"),f.varyings.add("vColor","vec4"),f.varyings.add("vpos","vec3"),f.varyings.add("linearDepth","float"),v.multipassTerrainEnabled&&f.varyings.add("depth","float");const m=2===v.capType,g=v.draped&&e.ENABLE_CONTINUOUS_LINE_PATTERNS,h=g&&v.stippleEnabled&&m,u=v.falloffEnabled||h,D=v.innerColorEnabled,x=v.stippleEnabled&&v.scaleStippleWithLineWidth,b=v.stippleEnabled&&v.scaleStippleWithLineWidth,L=1===v.capType||2===v.capType;return x&&f.varyings.add("vLineWidth","float"),b&&f.varyings.add("vLineSizeInv","float"),D&&f.varyings.add("vLineDistance","float"),u&&f.varyings.add("vLineDistanceNorm","float"),v.falloffEnabled&&f.fragment.uniforms.add("falloff","float"),v.innerColorEnabled&&(f.fragment.uniforms.add("innerColor","vec4"),f.fragment.uniforms.add("innerWidth","float")),f.vertex.code.add(d`#define PERPENDICULAR(v) vec2(v.y, -v.x);
+import e from"../views/3d/support/debugFlags.js";import{Slice as t}from"../views/3d/webgl-engine/core/shaderLibrary/Slice.glsl.js";import{RibbonVertexPosition as i}from"../views/3d/webgl-engine/core/shaderLibrary/attributes/RibbonVertexPosition.glsl.js";import{OutputDepth as n}from"../views/3d/webgl-engine/core/shaderLibrary/output/OutputDepth.glsl.js";import{ReadLinearDepth as r}from"../views/3d/webgl-engine/core/shaderLibrary/output/ReadLinearDepth.glsl.js";import{LineStipple as a}from"../views/3d/webgl-engine/core/shaderLibrary/shading/LineStipple.glsl.js";import{multipassTerrainTest as o}from"../views/3d/webgl-engine/core/shaderLibrary/shading/MultipassTerrainTest.glsl.js";import{PiUtils as l}from"../views/3d/webgl-engine/core/shaderLibrary/shading/PiUtils.glsl.js";import{symbolAlphaCutoff as s}from"../views/3d/webgl-engine/core/shaderLibrary/util/AlphaDiscard.glsl.js";import{ColorConversion as p}from"../views/3d/webgl-engine/core/shaderLibrary/util/ColorConversion.glsl.js";import{glsl as d}from"../views/3d/webgl-engine/core/shaderModules/interfaces.js";import{ShaderBuilder as c}from"../views/3d/webgl-engine/core/shaderModules/ShaderBuilder.js";function f(f){const v=new c;v.extensions.add("GL_OES_standard_derivatives"),v.include(l),v.include(i,f),v.include(a,f),1===f.output&&v.include(n,f),v.vertex.uniforms.add("proj","mat4").add("view","mat4").add("cameraNearFar","vec2").add("pixelRatio","float").add("miterLimit","float").add("screenSize","vec2"),v.attributes.add("position","vec3"),v.attributes.add("subdivisionFactor","float"),v.attributes.add("uv0","vec2"),v.attributes.add("auxpos1","vec3"),v.attributes.add("auxpos2","vec3"),v.varyings.add("vColor","vec4"),v.varyings.add("vpos","vec3"),v.varyings.add("linearDepth","float"),f.multipassTerrainEnabled&&v.varyings.add("depth","float");const m=2===f.capType,g=f.draped&&e.ENABLE_CONTINUOUS_LINE_PATTERNS,h=g&&f.stippleEnabled&&m,u=f.falloffEnabled||h,D=f.innerColorEnabled,b=f.stippleEnabled&&f.scaleStippleWithLineWidth||m,x=f.stippleEnabled&&f.scaleStippleWithLineWidth,S=1===f.capType||2===f.capType;return b&&v.varyings.add("vLineWidth","float"),x&&v.varyings.add("vLineSizeInv","float"),D&&v.varyings.add("vLineDistance","float"),u&&v.varyings.add("vLineDistanceNorm","float"),f.falloffEnabled&&v.fragment.uniforms.add("falloff","float"),f.innerColorEnabled&&(v.fragment.uniforms.add("innerColor","vec4"),v.fragment.uniforms.add("innerWidth","float")),m&&v.varyings.add("vCapPosition","vec2"),v.vertex.code.add(d`#define PERPENDICULAR(v) vec2(v.y, -v.x);
 float interp(float ncp, vec4 a, vec4 b) {
 return (-ncp - a.z) / (b.z - a.z);
 }
@@ -11,11 +11,11 @@ float s = sin(a);
 float c = cos(a);
 mat2 m = mat2(c, -s, s, c);
 return m * v;
-}`),f.vertex.code.add(d`vec4 projectAndScale(vec4 pos) {
+}`),v.vertex.code.add(d`vec4 projectAndScale(vec4 pos) {
 vec4 posNdc = proj * pos;
 posNdc.xy *= screenSize / posNdc.w;
 return posNdc;
-}`),f.vertex.code.add(d`
+}`),v.vertex.code.add(d`
     void clipAndTransform(inout vec4 pos, inout vec4 prev, inout vec4 next, in bool isStartVertex) {
       float vnp = cameraNearFar[0] * 0.99;
 
@@ -51,14 +51,14 @@ return posNdc;
         }
       }
 
-      ${v.multipassTerrainEnabled?"depth = pos.z;":""}
+      ${f.multipassTerrainEnabled?"depth = pos.z;":""}
       linearDepth = (-pos.z - cameraNearFar[0]) / (cameraNearFar[1] - cameraNearFar[0]);
 
       pos = projectAndScale(pos);
       next = projectAndScale(next);
       prev = projectAndScale(prev);
     }
-`),f.vertex.code.add(d`
+`),v.vertex.code.add(d`
   void main(void) {
     // unpack values from uv0.y
     float uvY = floor(uv0.y);
@@ -80,8 +80,8 @@ return posNdc;
 
       float lineSize = getSize();
       float lineWidth = lineSize * pixelRatio;
-      ${x?d`vLineWidth = lineWidth;`:""}
-      ${b?d`vLineSizeInv = 1.0 / lineSize;`:""}
+      ${b?d`vLineWidth = lineWidth;`:""}
+      ${x?d`vLineSizeInv = 1.0 / lineSize;`:""}
 
       // convert sub-pixel coverage to alpha
       if (lineWidth < 1.0) {
@@ -105,9 +105,9 @@ return posNdc;
 
       float leftLen = length(left);
       float rightLen = length(right);
-  `),v.stippleEnabled&&f.vertex.code.add(d`vec4 stippleSegmentInfo = mix(vec4(pos.xy, right), vec4(prev.xy, left), uvZ);
+  `),f.stippleEnabled&&v.vertex.code.add(d`vec4 stippleSegmentInfo = mix(vec4(pos.xy, right), vec4(prev.xy, left), uvZ);
 vec2 stippleSegmentOrigin = stippleSegmentInfo.xy;
-vec2 stippleSegment = stippleSegmentInfo.zw;`),f.vertex.code.add(d`left = (leftLen > 0.001) ? left/leftLen : vec2(0.0, 0.0);
+vec2 stippleSegment = stippleSegmentInfo.zw;`),v.vertex.code.add(d`left = (leftLen > 0.001) ? left/leftLen : vec2(0.0, 0.0);
 right = (rightLen > 0.001) ? right/rightLen : vec2(0.0, 0.0);
 vec2 capDisplacementDir = vec2(0, 0);
 vec2 joinDisplacementDir = vec2(0, 0);
@@ -123,7 +123,7 @@ if (!isOutside) {
 displacementLen = min(displacementLen, min(leftLen, rightLen)/abs(nDotSeg));
 }
 }
-if (isOutside && (displacementLen > miterLimit * lineWidth)) {`),v.roundJoins?f.vertex.code.add(d`vec2 startDir;
+if (isOutside && (displacementLen > miterLimit * lineWidth)) {`),f.roundJoins?v.vertex.code.add(d`vec2 startDir;
 vec2 endDir;
 if (leftLen < 0.001) {
 startDir = right;
@@ -142,7 +142,7 @@ endDir = right;
 endDir = normalize(endDir);
 endDir = PERPENDICULAR(endDir);
 float rotationAngle = acos(clamp(dot(startDir, endDir), -1.0, 1.0));
-joinDisplacementDir = rotate(startDir, -sign(uvY) * subdivisionFactor * rotationAngle);`):f.vertex.code.add(d`if (leftLen < 0.001) {
+joinDisplacementDir = rotate(startDir, -sign(uvY) * subdivisionFactor * rotationAngle);`):v.vertex.code.add(d`if (leftLen < 0.001) {
 joinDisplacementDir = right;
 }
 else if (rightLen < 0.001) {
@@ -152,7 +152,7 @@ else {
 joinDisplacementDir = isStartVertex ? right : left;
 }
 joinDisplacementDir = normalize(joinDisplacementDir);
-joinDisplacementDir = PERPENDICULAR(joinDisplacementDir);`),f.vertex.code.add(d`displacementLen = lineWidth;
+joinDisplacementDir = PERPENDICULAR(joinDisplacementDir);`),v.vertex.code.add(d`displacementLen = lineWidth;
 }
 } else {
 if (leftLen < 0.001) {
@@ -167,11 +167,9 @@ joinDisplacementDir = isStartVertex ? right : left;
 joinDisplacementDir = normalize(joinDisplacementDir);
 joinDisplacementDir = PERPENDICULAR(joinDisplacementDir);
 displacementLen = lineWidth;
-capDisplacementDir = isStartVertex ? -right : left;`),m?f.vertex.code.add(d`float angle = subdivisionFactor*PI*0.5;
-joinDisplacementDir *= cos(angle);
-capDisplacementDir *= sin(angle);`):f.vertex.code.add(d`capDisplacementDir *= subdivisionFactor;`),f.vertex.code.add(d`
-  }
-
+capDisplacementDir = isStartVertex ? -right : left;
+capDisplacementDir *= subdivisionFactor;
+}`),v.vertex.code.add(d`
   // Displacement (in pixels) caused by join/or cap
   vec2 dpos = joinDisplacementDir * sign(uvY) * displacementLen + capDisplacementDir * displacementLen;
 
@@ -180,8 +178,10 @@ capDisplacementDir *= sin(angle);`):f.vertex.code.add(d`capDisplacementDir *= su
   ${D?d`vLineDistance = lineWidth * lineDistNorm;`:""}
   ${u?d`vLineDistanceNorm = lineDistNorm;`:""}
 
+  ${m?d`vCapPosition = isJoin ? vec2(0.0) : dpos;`:""}
+
   pos.xy += dpos;
-  `),v.stippleEnabled&&(g?f.vertex.code.add(d`
+  `),f.stippleEnabled&&(g?v.vertex.code.add(d`
       {
         // Compute the stipple pattern texture coordinate from the actual (displaced) position, based on the origin
         // and direction of the line segment on which the stipple pattern is based.
@@ -203,32 +203,39 @@ capDisplacementDir *= sin(angle);`):f.vertex.code.add(d`capDisplacementDir *= su
         // Scale the texture coordinate based on distance to camera
         stippleDistance *= worldToScreenRatio;
 
-        ${L?d`stippleDistance += lineSize * 0.5;`:""}
+        ${S?d`stippleDistance += lineSize * 0.5;`:""}
       }
-    `):(f.vertex.code.add(d`{
+    `):(v.vertex.code.add(d`{
 vec2 posVec = pos.xy - stippleSegmentOrigin;
-float stippleSegmentDirectionLength = length(stippleSegment);`),v.stippleIntegerRepeatsEnabled&&f.vertex.code.add(d`float numberOfPatternRepeats = stippleSegmentDirectionLength * 0.5 * stipplePatternPixelSizeInv;
+float stippleSegmentDirectionLength = length(stippleSegment);`),f.stippleIntegerRepeatsEnabled&&v.vertex.code.add(d`float numberOfPatternRepeats = stippleSegmentDirectionLength * 0.5 * stipplePatternPixelSizeInv;
 float roundedNumberOfPatternRepeats = floor(numberOfPatternRepeats);
-stippleDistanceMax = roundedNumberOfPatternRepeats;`),f.vertex.code.add(d`
+stippleDistanceMax = roundedNumberOfPatternRepeats;`),v.vertex.code.add(d`
         if (stippleSegmentDirectionLength >= 0.001) {
           // Project the vertex position onto the line segment.
           float projectedLength = dot(stippleSegment, posVec) / stippleSegmentDirectionLength * 0.5;
-          ${v.stippleIntegerRepeatsEnabled?"float wholeNumberOfRepeatsScale = roundedNumberOfPatternRepeats / numberOfPatternRepeats;":"float wholeNumberOfRepeatsScale = 1.0;"}
+          ${f.stippleIntegerRepeatsEnabled?"float wholeNumberOfRepeatsScale = roundedNumberOfPatternRepeats / numberOfPatternRepeats;":"float wholeNumberOfRepeatsScale = 1.0;"}
           stippleDistance = projectedLength * wholeNumberOfRepeatsScale * stipplePatternPixelSizeInv * pos.w;
         } else {
           stippleDistance = 1.0;
         }
       }
-    `))),f.vertex.code.add(d`pos.xy = pos.xy / screenSize * pos.w;
+    `))),v.vertex.code.add(d`pos.xy = pos.xy / screenSize * pos.w;
 vColor = getColor();
 vColor.a *= coverage;
 gl_Position = pos;
 }
-}`),v.multipassTerrainEnabled&&(f.fragment.include(r),f.include(o,v)),f.include(t,v),f.fragment.uniforms.add("intrinsicColor","vec4"),f.fragment.include(p),f.fragment.code.add(d`
+}`),f.multipassTerrainEnabled&&(v.fragment.include(r),v.include(o,f)),v.include(t,f),v.fragment.uniforms.add("intrinsicColor","vec4"),v.fragment.include(p),v.fragment.code.add(d`
   void main() {
     discardBySlice(vpos);
-    ${v.multipassTerrainEnabled?"terrainDepthTest(gl_FragCoord, depth);":""}
-  `),h?f.fragment.code.add(d`
+    ${f.multipassTerrainEnabled?"terrainDepthTest(gl_FragCoord, depth);":""}
+  `),m&&v.fragment.code.add(d`
+    float fragmentRadius = length(vCapPosition);
+    float fragmentSDF = (fragmentRadius - vLineWidth) * 0.5; // Divide by 2 to transform from double pixel scale
+    float capCoverage = clamp(0.5 - fragmentSDF, 0.0, 1.0);
+    if (capCoverage < ${d.float(s)}) {
+      discard;
+    }
+  `),h?v.fragment.code.add(d`
       vec2 stipplePosition = vec2(
         max(1.0 - getStippleSDF() * 2.0, 0.0),
         vLineDistanceNorm
@@ -237,19 +244,19 @@ gl_Position = pos;
       float stippleCapSDF = (stippleRadius - vLineWidth) * 0.5; // Divide by 2 to transform from double pixel scale
       float stippleCoverage = clamp(0.5 - stippleCapSDF, 0.0, 1.0);
       float stippleAlpha = step(${d.float(s)}, stippleCoverage);
-    `):f.fragment.code.add(d`float stippleAlpha = getStippleAlpha();`),f.fragment.code.add(d`discardByStippleAlpha(stippleAlpha, stippleAlphaColorDiscard);
-vec4 color = intrinsicColor * vColor;`),v.innerColorEnabled&&(f.fragment.uniforms.add("pixelRatio","float"),f.fragment.code.add(d`float distToInner = abs(vLineDistance * gl_FragCoord.w) - innerWidth;
+    `):v.fragment.code.add(d`float stippleAlpha = getStippleAlpha();`),v.fragment.code.add(d`discardByStippleAlpha(stippleAlpha, stippleAlphaColorDiscard);
+vec4 color = intrinsicColor * vColor;`),f.innerColorEnabled&&(v.fragment.uniforms.add("pixelRatio","float"),v.fragment.code.add(d`float distToInner = abs(vLineDistance * gl_FragCoord.w) - innerWidth;
 float innerAA = clamp(0.5 - distToInner, 0.0, 1.0);
 float innerAlpha = innerColor.a + color.a * (1.0 - innerColor.a);
-color = mix(color, vec4(innerColor.rgb, innerAlpha), innerAA);`)),f.fragment.code.add(d`vec4 finalColor = blendStipple(color, stippleAlpha);`),v.falloffEnabled&&f.fragment.code.add(d`finalColor.a *= pow(max(0.0, 1.0 - abs(vLineDistanceNorm * gl_FragCoord.w)), falloff);`),f.fragment.code.add(d`
+color = mix(color, vec4(innerColor.rgb, innerAlpha), innerAA);`)),v.fragment.code.add(d`vec4 finalColor = blendStipple(color, stippleAlpha);`),f.falloffEnabled&&v.fragment.code.add(d`finalColor.a *= pow(max(0.0, 1.0 - abs(vLineDistanceNorm * gl_FragCoord.w)), falloff);`),v.fragment.code.add(d`
     if (finalColor.a < ${d.float(s)}) {
       discard;
     }
 
-    ${7===v.output?d`gl_FragColor = vec4(finalColor.a);`:""}
-    ${0===v.output?d`gl_FragColor = highlightSlice(finalColor, vpos);`:""}
-    ${0===v.output&&v.OITEnabled?"gl_FragColor = premultiplyAlpha(gl_FragColor);":""}
-    ${4===v.output?d`gl_FragColor = vec4(1.0);`:""}
-    ${1===v.output?d`outputDepth(linearDepth);`:""}
+    ${7===f.output?d`gl_FragColor = vec4(finalColor.a);`:""}
+    ${0===f.output?d`gl_FragColor = highlightSlice(finalColor, vpos);`:""}
+    ${0===f.output&&f.OITEnabled?"gl_FragColor = premultiplyAlpha(gl_FragColor);":""}
+    ${4===f.output?d`gl_FragColor = vec4(1.0);`:""}
+    ${1===f.output?d`outputDepth(linearDepth);`:""}
   }
-  `),f}const f=Object.freeze({__proto__:null,build:v});export{f as R,v as b};
+  `),v}const v=Object.freeze({__proto__:null,build:f});export{v as R,f as b};