@xeokit/xeokit-sdk 2.5.2-beta-11 → 2.5.2-beta-13

package/src/viewer/scene/model/vbo/instancing/triangles/renderers/VBOInstancingTrianglesRenderers.js

@@ -1,376 +0,0 @@
-import {VBOInstancingTrianglesColorRenderer} from "./VBOInstancingTrianglesColorRenderer.js";
-import {VBOInstancingTrianglesFlatColorRenderer} from "./VBOInstancingTrianglesFlatColorRenderer.js";
-import {VBOInstancingTrianglesSilhouetteRenderer} from "./VBOInstancingTrianglesSilhouetteRenderer.js";
-import {VBOInstancingTrianglesEdgesRenderer} from "./VBOInstancingTrianglesEdgesRenderer.js";
-import {VBOInstancingTrianglesEdgesColorRenderer} from "./VBOInstancingTrianglesEdgesColorRenderer.js";
-import {VBOInstancingTrianglesPickMeshRenderer} from "./VBOInstancingTrianglesPickMeshRenderer.js";
-import {VBOInstancingTrianglesPickDepthRenderer} from "./VBOInstancingTrianglesPickDepthRenderer.js";
-import {VBOInstancingTrianglesPickNormalsRenderer} from "./VBOInstancingTrianglesPickNormalsRenderer.js";
-import {VBOInstancingTrianglesOcclusionRenderer} from "./VBOInstancingTrianglesOcclusionRenderer.js";
-import {VBOInstancingTrianglesDepthRenderer} from "./VBOInstancingTrianglesDepthRenderer.js";
-import {VBOInstancingTrianglesNormalsRenderer} from "./VBOInstancingTrianglesNormalsRenderer.js";
-import {VBOInstancingTrianglesShadowRenderer} from "./VBOInstancingTrianglesShadowRenderer.js";
-import {VBOInstancingTrianglesPBRRenderer} from "./VBOInstancingTrianglesPBRRenderer.js";
-import {VBOInstancingTrianglesPickNormalsFlatRenderer} from "./VBOInstancingTrianglesPickNormalsFlatRenderer.js";
-import {VBOInstancingTrianglesColorTextureRenderer} from "./VBOInstancingTrianglesColorTextureRenderer.js";
-import {VBOInstancingTrianglesSnapInitRenderer} from "./VBOInstancingTrianglesSnapInitRenderer.js";
-import {VBOInstancingTrianglesSnapRenderer} from "./VBOInstancingTrianglesSnapRenderer.js";
-
-/**
- * @private
- */
-class VBOInstancingTrianglesRenderers {
-
-    constructor(scene) {
-        this._scene = scene;
-    }
-
-    _compile() {
-        if (this._colorRenderer && (!this._colorRenderer.getValid())) {
-            this._colorRenderer.destroy();
-            this._colorRenderer = null;
-        }
-        if (this._colorRendererWithSAO && (!this._colorRendererWithSAO.getValid())) {
-            this._colorRendererWithSAO.destroy();
-            this._colorRendererWithSAO = null;
-        }
-        if (this._flatColorRenderer && (!this._flatColorRenderer.getValid())) {
-            this._flatColorRenderer.destroy();
-            this._flatColorRenderer = null;
-        }
-        if (this._flatColorRendererWithSAO && (!this._flatColorRendererWithSAO.getValid())) {
-            this._flatColorRendererWithSAO.destroy();
-            this._flatColorRendererWithSAO = null;
-        }
-        if (this._pbrRenderer && (!this._pbrRenderer.getValid())) {
-            this._pbrRenderer.destroy();
-            this._pbrRenderer = null;
-        }
-        if (this._pbrRendererWithSAO && (!this._pbrRendererWithSAO.getValid())) {
-            this._pbrRendererWithSAO.destroy();
-            this._pbrRendererWithSAO = null;
-        }
-        if (this._colorTextureRenderer && (!this._colorTextureRenderer.getValid())) {
-            this._colorTextureRenderer.destroy();
-            this._colorTextureRenderer = null;
-        }
-        if (this._colorTextureRendererWithSAO && (!this._colorTextureRendererWithSAO.getValid())) {
-            this._colorTextureRendererWithSAO.destroy();
-            this._colorTextureRendererWithSAO = null;
-        }
-        if (this._depthRenderer && (!this._depthRenderer.getValid())) {
-            this._depthRenderer.destroy();
-            this._depthRenderer = null;
-        }
-        if (this._normalsRenderer && (!this._normalsRenderer.getValid())) {
-            this._normalsRenderer.destroy();
-            this._normalsRenderer = null;
-        }
-        if (this._silhouetteRenderer && (!this._silhouetteRenderer.getValid())) {
-            this._silhouetteRenderer.destroy();
-            this._silhouetteRenderer = null;
-        }
-        if (this._edgesRenderer && (!this._edgesRenderer.getValid())) {
-            this._edgesRenderer.destroy();
-            this._edgesRenderer = null;
-        }
-        if (this._edgesColorRenderer && (!this._edgesColorRenderer.getValid())) {
-            this._edgesColorRenderer.destroy();
-            this._edgesColorRenderer = null;
-        }
-        if (this._pickMeshRenderer && (!this._pickMeshRenderer.getValid())) {
-            this._pickMeshRenderer.destroy();
-            this._pickMeshRenderer = null;
-        }
-        if (this._pickDepthRenderer && (!this._pickDepthRenderer.getValid())) {
-            this._pickDepthRenderer.destroy();
-            this._pickDepthRenderer = null;
-        }
-        if (this._pickNormalsRenderer && this._pickNormalsRenderer.getValid() === false) {
-            this._pickNormalsRenderer.destroy();
-            this._pickNormalsRenderer = null;
-        }
-        if (this._pickNormalsFlatRenderer && (!this._pickNormalsFlatRenderer.getValid())) {
-            this._pickNormalsFlatRenderer.destroy();
-            this._pickNormalsFlatRenderer = null;
-        }
-        if (this._occlusionRenderer && this._occlusionRenderer.getValid() === false) {
-            this._occlusionRenderer.destroy();
-            this._occlusionRenderer = null;
-        }
-        if (this._shadowRenderer && (!this._shadowRenderer.getValid())) {
-            this._shadowRenderer.destroy();
-            this._shadowRenderer = null;
-        }
-        if (this._snapInitRenderer && (!this._snapInitRenderer.getValid())) {
-            this._snapInitRenderer.destroy();
-            this._snapInitRenderer = null;
-        }
-        if (this._snapRenderer && (!this._snapRenderer.getValid())) {
-            this._snapRenderer.destroy();
-            this._snapRenderer = null;
-        }
-    }
-
-    eagerCreateRenders() {
-
-        // Pre-initialize certain renderers that would otherwise be lazy-initialised
-        // on user interaction, such as picking or emphasis, so that there is no delay
-        // when user first begins interacting with the viewer.
-
-        if (!this._silhouetteRenderer) { // Used for highlighting and selection
-            this._silhouetteRenderer = new VBOInstancingTrianglesSilhouetteRenderer(this._scene);
-        }
-        if (!this._pickMeshRenderer) {
-            this._pickMeshRenderer = new VBOInstancingTrianglesPickMeshRenderer(this._scene);
-        }
-        if (!this._pickDepthRenderer) {
-            this._pickDepthRenderer = new VBOInstancingTrianglesPickDepthRenderer(this._scene);
-        }
-        if (!this._snapInitRenderer) {
-            this._snapInitRenderer = new VBOInstancingTrianglesSnapInitRenderer(this._scene, false);
-        }
-        if (!this._snapRenderer) {
-            this._snapRenderer = new VBOInstancingTrianglesSnapRenderer(this._scene);
-        }
-    }
-
-    get colorRenderer() {
-        if (!this._colorRenderer) {
-            this._colorRenderer = new VBOInstancingTrianglesColorRenderer(this._scene, false);
-        }
-        return this._colorRenderer;
-    }
-
-    get colorRendererWithSAO() {
-        if (!this._colorRendererWithSAO) {
-            this._colorRendererWithSAO = new VBOInstancingTrianglesColorRenderer(this._scene, true);
-        }
-        return this._colorRendererWithSAO;
-    }
-
-    get flatColorRenderer() {
-        if (!this._flatColorRenderer) {
-            this._flatColorRenderer = new VBOInstancingTrianglesFlatColorRenderer(this._scene, false);
-        }
-        return this._flatColorRenderer;
-    }
-
-    get flatColorRendererWithSAO() {
-        if (!this._flatColorRendererWithSAO) {
-            this._flatColorRendererWithSAO = new VBOInstancingTrianglesFlatColorRenderer(this._scene, true);
-        }
-        return this._flatColorRendererWithSAO;
-    }
-
-    get pbrRenderer() {
-        if (!this._pbrRenderer) {
-            this._pbrRenderer = new VBOInstancingTrianglesPBRRenderer(this._scene, false);
-        }
-        return this._pbrRenderer;
-    }
-
-    get pbrRendererWithSAO() {
-        if (!this._pbrRendererWithSAO) {
-            this._pbrRendererWithSAO = new VBOInstancingTrianglesPBRRenderer(this._scene, true);
-        }
-        return this._pbrRendererWithSAO;
-    }
-
-    get colorTextureRenderer() {
-        if (!this._colorTextureRenderer) {
-            this._colorTextureRenderer = new VBOInstancingTrianglesColorTextureRenderer(this._scene, false);
-        }
-        return this._colorTextureRenderer;
-    }
-
-    get colorTextureRendererWithSAO() {
-        if (!this._colorTextureRendererWithSAO) {
-            this._colorTextureRendererWithSAO = new VBOInstancingTrianglesColorTextureRenderer(this._scene, true);
-        }
-        return this._colorTextureRendererWithSAO;
-    }
-
-    get silhouetteRenderer() {
-        if (!this._silhouetteRenderer) {
-            this._silhouetteRenderer = new VBOInstancingTrianglesSilhouetteRenderer(this._scene);
-        }
-        return this._silhouetteRenderer;
-    }
-
-    get depthRenderer() {
-        if (!this._depthRenderer) {
-            this._depthRenderer = new VBOInstancingTrianglesDepthRenderer(this._scene);
-        }
-        return this._depthRenderer;
-    }
-
-    get normalsRenderer() {
-        if (!this._normalsRenderer) {
-            this._normalsRenderer = new VBOInstancingTrianglesNormalsRenderer(this._scene);
-        }
-        return this._normalsRenderer;
-    }
-
-    get edgesRenderer() {
-        if (!this._edgesRenderer) {
-            this._edgesRenderer = new VBOInstancingTrianglesEdgesRenderer(this._scene);
-        }
-        return this._edgesRenderer;
-    }
-
-    get edgesColorRenderer() {
-        if (!this._edgesColorRenderer) {
-            this._edgesColorRenderer = new VBOInstancingTrianglesEdgesColorRenderer(this._scene);
-        }
-        return this._edgesColorRenderer;
-    }
-
-    get pickMeshRenderer() {
-        if (!this._pickMeshRenderer) {
-            this._pickMeshRenderer = new VBOInstancingTrianglesPickMeshRenderer(this._scene);
-        }
-        return this._pickMeshRenderer;
-    }
-
-    get pickNormalsRenderer() {
-        if (!this._pickNormalsRenderer) {
-            this._pickNormalsRenderer = new VBOInstancingTrianglesPickNormalsRenderer(this._scene);
-        }
-        return this._pickNormalsRenderer;
-    }
-
-    get pickNormalsFlatRenderer() {
-        if (!this._pickNormalsFlatRenderer) {
-            this._pickNormalsFlatRenderer = new VBOInstancingTrianglesPickNormalsFlatRenderer(this._scene);
-        }
-        return this._pickNormalsFlatRenderer;
-    }
-
-    get pickDepthRenderer() {
-        if (!this._pickDepthRenderer) {
-            this._pickDepthRenderer = new VBOInstancingTrianglesPickDepthRenderer(this._scene);
-        }
-        return this._pickDepthRenderer;
-    }
-
-    get occlusionRenderer() {
-        if (!this._occlusionRenderer) {
-            this._occlusionRenderer = new VBOInstancingTrianglesOcclusionRenderer(this._scene);
-        }
-        return this._occlusionRenderer;
-    }
-
-    get shadowRenderer() {
-        if (!this._shadowRenderer) {
-            this._shadowRenderer = new VBOInstancingTrianglesShadowRenderer(this._scene);
-        }
-        return this._shadowRenderer;
-    }
-
-    get snapInitRenderer() {
-        if (!this._snapInitRenderer) {
-            this._snapInitRenderer = new VBOInstancingTrianglesSnapInitRenderer(this._scene, false);
-        }
-        return this._snapInitRenderer;
-    }
-
-    get snapRenderer() {
-        if (!this._snapRenderer) {
-            this._snapRenderer = new VBOInstancingTrianglesSnapRenderer(this._scene);
-        }
-        return this._snapRenderer;
-    }
-
-    _destroy() {
-        if (this._colorRenderer) {
-            this._colorRenderer.destroy();
-        }
-        if (this._colorRendererWithSAO) {
-            this._colorRendererWithSAO.destroy();
-        }
-        if (this._flatColorRenderer) {
-            this._flatColorRenderer.destroy();
-        }
-        if (this._flatColorRendererWithSAO) {
-            this._flatColorRendererWithSAO.destroy();
-        }
-        if (this._pbrRenderer) {
-            this._pbrRenderer.destroy();
-        }
-        if (this._pbrRendererWithSAO) {
-            this._pbrRendererWithSAO.destroy();
-        }
-        if (this._colorTextureRenderer) {
-            this._colorTextureRenderer.destroy();
-        }
-        if (this._colorTextureRendererWithSAO) {
-            this._colorTextureRendererWithSAO.destroy();
-        }
-        if (this._depthRenderer) {
-            this._depthRenderer.destroy();
-        }
-        if (this._normalsRenderer) {
-            this._normalsRenderer.destroy();
-        }
-        if (this._silhouetteRenderer) {
-            this._silhouetteRenderer.destroy();
-        }
-        if (this._edgesRenderer) {
-            this._edgesRenderer.destroy();
-        }
-        if (this._edgesColorRenderer) {
-            this._edgesColorRenderer.destroy();
-        }
-        if (this._pickMeshRenderer) {
-            this._pickMeshRenderer.destroy();
-        }
-        if (this._pickDepthRenderer) {
-            this._pickDepthRenderer.destroy();
-        }
-        if (this._pickNormalsRenderer) {
-            this._pickNormalsRenderer.destroy();
-        }
-        if (this._pickNormalsFlatRenderer) {
-            this._pickNormalsFlatRenderer.destroy();
-        }
-        if (this._occlusionRenderer) {
-            this._occlusionRenderer.destroy();
-        }
-        if (this._shadowRenderer) {
-            this._shadowRenderer.destroy();
-        }
-        if (this._snapInitRenderer) {
-            this._snapInitRenderer.destroy();
-        }
-        if (this._snapRenderer) {
-            this._snapRenderer.destroy();
-        }
-    }
-}
-
-const cachedRenderers = {};
-
-/**
- * @private
- */
-export function getRenderers(scene) {
-    const sceneId = scene.id;
-    let instancingRenderers = cachedRenderers[sceneId];
-    if (!instancingRenderers) {
-        instancingRenderers = new VBOInstancingTrianglesRenderers(scene);
-        cachedRenderers[sceneId] = instancingRenderers;
-        instancingRenderers._compile();
-        instancingRenderers.eagerCreateRenders();
-        scene.on("compile", () => {
-            instancingRenderers._compile();
-            instancingRenderers.eagerCreateRenders();
-        });
-        scene.on("destroyed", () => {
-            delete cachedRenderers[sceneId];
-            instancingRenderers._destroy();
-        });
-    }
-    return instancingRenderers;
-}
-

package/src/viewer/scene/model/vbo/instancing/triangles/renderers/VBOInstancingTrianglesShadowRenderer.js

@@ -1,113 +0,0 @@
-import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer.js";
-
-/**
- * Renders InstancingLayer fragment depths to a shadow map.
- *
- * @private
- */
-export class VBOInstancingTrianglesShadowRenderer extends VBOSceneModelTriangleInstancingRenderer {
-
-    _buildVertexShader() {
-        const scene = this._scene;
-        const sectionPlanesState = scene._sectionPlanesState;
-        const clipping = sectionPlanesState.getNumAllocatedSectionPlanes() > 0;
-        const src = [];
-        src.push("#version 300 es");
-        src.push("// Instancing geometry shadow drawing vertex shader");
-        src.push("in vec3 position;");
-        if (scene.entityOffsetsEnabled) {
-            src.push("in vec3 offset;");
-        }
-        src.push("in vec4 color;");
-        src.push("in float flags;");
-        src.push("in vec4 modelMatrixCol0;");
-        src.push("in vec4 modelMatrixCol1;");
-        src.push("in vec4 modelMatrixCol2;");
-        src.push("uniform mat4 shadowViewMatrix;");
-        src.push("uniform mat4 shadowProjMatrix;");
-
-        this._addMatricesUniformBlockLines(src);
-
-        if (clipping) {
-            src.push("out vec4 vWorldPosition;");
-            src.push("out float vFlags;");
-        }
-        src.push("void main(void) {");
-        src.push(`int colorFlag = int(flags) & 0xF;`);
-        src.push("bool visible = (colorFlag > 0);");
-        src.push("bool transparent  = ((float(color.a) / 255.0) < 1.0);");
-        src.push(`if (!visible || transparent) {`);
-        src.push("   gl_Position = vec4(0.0, 0.0, 0.0, 0.0);"); // Cull vertex
-        src.push("} else {");
-        src.push("  vec4 worldPosition = positionsDecodeMatrix * vec4(position, 1.0); ");
-        src.push("  worldPosition = vec4(dot(worldPosition, modelMatrixCol0), dot(worldPosition, modelMatrixCol1), dot(worldPosition, modelMatrixCol2), 1.0);");
-        if (scene.entityOffsetsEnabled) {
-            src.push("      worldPosition.xyz = worldPosition.xyz + offset;");
-        }
-        src.push("  vec4 viewPosition  = shadowViewMatrix * worldPosition; ");
-
-        if (clipping) {
-            src.push("vWorldPosition = worldPosition;");
-            src.push("vFlags = flags;");
-        }
-        src.push("  gl_Position = shadowProjMatrix * viewPosition;");
-        src.push("}");
-        src.push("}");
-        return src;
-    }
-
-    _buildFragmentShader() {
-        const scene = this._scene;
-        const sectionPlanesState = scene._sectionPlanesState;
-        const clipping = sectionPlanesState.getNumAllocatedSectionPlanes() > 0;
-        const src = [];
-        src.push("#version 300 es");
-        src.push("// Instancing geometry depth drawing fragment shader");
-        
-        src.push("#ifdef GL_FRAGMENT_PRECISION_HIGH");
-        src.push("precision highp float;");
-        src.push("precision highp int;");
-        src.push("#else");
-        src.push("precision mediump float;");
-        src.push("precision mediump int;");
-        src.push("#endif");
-        if (scene.logarithmicDepthBufferEnabled) {
-            src.push("uniform float logDepthBufFC;");
-            src.push("in float vFragDepth;");
-        }
-        if (clipping) {
-            src.push("in vec4 vWorldPosition;");
-            src.push("in float vFlags;");
-            for (let i = 0, len = sectionPlanesState.getNumAllocatedSectionPlanes(); i < len; i++) {
-                src.push("uniform bool sectionPlaneActive" + i + ";");
-                src.push("uniform vec3 sectionPlanePos" + i + ";");
-                src.push("uniform vec3 sectionPlaneDir" + i + ";");
-            }
-        }
-        src.push("in vec3 vViewNormal;");
-        src.push("vec3 packNormalToRGB( const in vec3 normal ) {");
-        src.push("    return normalize( normal ) * 0.5 + 0.5;");
-        src.push("}");
-        src.push("out vec4 outColor;");
-        src.push("void main(void) {");
-        if (clipping) {
-            src.push("  bool clippable = (int(vFlags) >> 16 & 0xF) == 1;");
-            src.push("  if (clippable) {");
-            src.push("  float dist = 0.0;");
-            for (let i = 0, len = sectionPlanesState.getNumAllocatedSectionPlanes(); i < len; i++) {
-                src.push("if (sectionPlaneActive" + i + ") {");
-                src.push("   dist += clamp(dot(-sectionPlaneDir" + i + ".xyz, vWorldPosition.xyz - sectionPlanePos" + i + ".xyz), 0.0, 1000.0);");
-                src.push("}");
-            }
-            src.push("if (dist > 0.0) { discard; }");
-            src.push("}");
-        }
-        if (scene.logarithmicDepthBufferEnabled) {
-            src.push("gl_FragDepth = log2( vFragDepth ) * logDepthBufFC * 0.5;");
-        }
-        src.push("    outColor = vec4(packNormalToRGB(vViewNormal), 1.0); ");
-        src.push("}");
-        return src;
-    }
-}
-

package/src/viewer/scene/model/vbo/instancing/triangles/renderers/VBOInstancingTrianglesSilhouetteRenderer.js

@@ -1,139 +0,0 @@
-import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer.js";
-
-/**
- * @private
- */
-export class VBOInstancingTrianglesSilhouetteRenderer extends VBOSceneModelTriangleInstancingRenderer {
-
-    drawLayer(frameCtx, instancingLayer, renderPass) {
-        // TODO color uniform true ???
-        super.drawLayer(frameCtx, instancingLayer, renderPass, { colorUniform: true });
-    }
-
-    _buildVertexShader() {
-        const scene = this._scene;
-        const sectionPlanesState = scene._sectionPlanesState;
-        const clipping = sectionPlanesState.getNumAllocatedSectionPlanes() > 0;
-        const src = [];
-        src.push("#version 300 es");
-        src.push("// Instancing silhouette vertex shader");
-        
-        src.push("uniform int renderPass;");
-
-        src.push("in vec3 position;");
-        if (scene.entityOffsetsEnabled) {
-            src.push("in vec3 offset;");
-        }
-        src.push("in float flags;");
-        src.push("in vec4 color;");
-
-        src.push("in vec4 modelMatrixCol0;"); // Modeling matrix
-        src.push("in vec4 modelMatrixCol1;");
-        src.push("in vec4 modelMatrixCol2;");
-
-        this._addMatricesUniformBlockLines(src);
-
-        src.push("uniform vec4 silhouetteColor;");
-
-        if (scene.logarithmicDepthBufferEnabled) {
-            src.push("uniform float logDepthBufFC;");
-            src.push("out float vFragDepth;");
-            src.push("bool isPerspectiveMatrix(mat4 m) {");
-            src.push("    return (m[2][3] == - 1.0);");
-            src.push("}");
-            src.push("out float isPerspective;");
-        }
-
-        if (clipping) {
-            src.push("out vec4 vWorldPosition;");
-            src.push("out float vFlags;");
-        }
-
-        src.push("out vec4 vColor;");
-
-        src.push("void main(void) {");
-
-        // silhouetteFlag = NOT_RENDERED | SILHOUETTE_HIGHLIGHTED | SILHOUETTE_SELECTED | | SILHOUETTE_XRAYED
-        // renderPass = SILHOUETTE_HIGHLIGHTED | SILHOUETTE_SELECTED | | SILHOUETTE_XRAYED
-
-        src.push(`int silhouetteFlag = int(flags) >> 4 & 0xF;`);
-        src.push(`if (silhouetteFlag != renderPass) {`);
-        src.push("   gl_Position = vec4(0.0, 0.0, 0.0, 0.0);"); // Cull vertex
-
-        src.push("} else {");
-
-        src.push("vec4 worldPosition = positionsDecodeMatrix * vec4(position, 1.0); ");
-        src.push("worldPosition = worldMatrix * vec4(dot(worldPosition, modelMatrixCol0), dot(worldPosition, modelMatrixCol1), dot(worldPosition, modelMatrixCol2), 1.0);");
-        if (scene.entityOffsetsEnabled) {
-            src.push("      worldPosition.xyz = worldPosition.xyz + offset;");
-        }
-        src.push("vec4 viewPosition  = viewMatrix * worldPosition; ");
-
-        if (clipping) {
-            src.push("vWorldPosition = worldPosition;");
-            src.push("vFlags = flags;");
-        }
-        src.push("vColor = vec4(silhouetteColor.r, silhouetteColor.g, silhouetteColor.b, min(silhouetteColor.a, float(color.a) / 255.0));");
-        src.push("vec4 clipPos = projMatrix * viewPosition;");
-        if (scene.logarithmicDepthBufferEnabled) {
-           src.push("vFragDepth = 1.0 + clipPos.w;");
-            src.push("isPerspective = float (isPerspectiveMatrix(projMatrix));");
-        }
-        src.push("gl_Position = clipPos;");
-        src.push("}");
-        src.push("}");
-        return src;
-    }
-
-    _buildFragmentShader() {
-        const scene = this._scene;
-        const sectionPlanesState = scene._sectionPlanesState;
-        const clipping = sectionPlanesState.getNumAllocatedSectionPlanes() > 0;
-        const src = [];
-        src.push("#version 300 es");
-        src.push("// Instancing fill fragment shader");
-        
-        src.push("#ifdef GL_FRAGMENT_PRECISION_HIGH");
-        src.push("precision highp float;");
-        src.push("precision highp int;");
-        src.push("#else");
-        src.push("precision mediump float;");
-        src.push("precision mediump int;");
-        src.push("#endif");
-        if (scene.logarithmicDepthBufferEnabled) {
-            src.push("in float isPerspective;");
-            src.push("uniform float logDepthBufFC;");
-            src.push("in float vFragDepth;");
-        }
-        if (clipping) {
-            src.push("in vec4 vWorldPosition;");
-            src.push("in float vFlags;");
-            for (let i = 0, len = sectionPlanesState.getNumAllocatedSectionPlanes(); i < len; i++) {
-                src.push("uniform bool sectionPlaneActive" + i + ";");
-                src.push("uniform vec3 sectionPlanePos" + i + ";");
-                src.push("uniform vec3 sectionPlaneDir" + i + ";");
-            }
-        }
-        src.push("in vec4 vColor;");
-        src.push("out vec4 outColor;");
-        src.push("void main(void) {");
-        if (clipping) {
-            src.push("  bool clippable = (int(vFlags) >> 16 & 0xF) == 1;");
-            src.push("  if (clippable) {");
-            src.push("  float dist = 0.0;");
-            for (let i = 0, len = sectionPlanesState.getNumAllocatedSectionPlanes(); i < len; i++) {
-                src.push("if (sectionPlaneActive" + i + ") {");
-                src.push("   dist += clamp(dot(-sectionPlaneDir" + i + ".xyz, vWorldPosition.xyz - sectionPlanePos" + i + ".xyz), 0.0, 1000.0);");
-                src.push("}");
-            }
-            src.push("if (dist > 0.0) { discard; }");
-            src.push("}");
-        }
-        if (scene.logarithmicDepthBufferEnabled) {
-            src.push("    gl_FragDepth = isPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth ) * logDepthBufFC * 0.5;");
-        }
-        src.push("outColor = vColor;");
-        src.push("}");
-        return src;
-    }
-}