@xeokit/xeokit-sdk 2.5.2-beta-2 → 2.5.2-beta-4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xeokit/xeokit-sdk",
-  "version": "2.5.2-beta-2",
+  "version": "2.5.2-beta-4",
   "description": "Web Programming Toolkit for 3D/2D BIM and AEC Graphics",
   "module": "./dist/xeokit-sdk.es.js",
   "main": "./dist/xeokit-sdk.cjs.js",

package/src/extras/MarqueePicker/MarqueePickerMouseControl.js

@@ -1,5 +1,5 @@
 import {Component} from "../../viewer/scene/Component.js";
-import {MarqueePicker} from "./MarqueePicker";
+import {MarqueePicker} from "./MarqueePicker.js";
 
 /**
  * Controls a {@link MarqueePicker} with mouse input.

package/src/plugins/StoreyViewsPlugin/StoreyViewsPlugin.js

@@ -15,9 +15,9 @@ const EMPTY_IMAGE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAA
 /**
  * @desc A {@link Viewer} plugin that provides methods for visualizing IfcBuildingStoreys.
  *
- *  <a href="https://xeokit.github.io/xeokit-sdk/examples/#storeyViews_StoreyViewsPlugin_recipe2"><img src="http://xeokit.io/img/docs/StoreyViewsPlugin/minimap.gif"></a>
+ *  <a href="https://xeokit.github.io/xeokit-sdk/examples/navigation/#StoreyViewsPlugin_recipe3"><img src="http://xeokit.io/img/docs/StoreyViewsPlugin/minimap.gif"></a>
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#storeyViews_StoreyViewsPlugin_recipe2)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/navigation/#StoreyViewsPlugin_recipe3)]
  *
  * ## Overview
  *

package/src/plugins/XKTLoaderPlugin/XKTLoaderPlugin.js

@@ -957,13 +957,14 @@ class XKTLoaderPlugin extends Plugin {
             sceneModel.once("destroyed", () => {
                 this.viewer.metaScene.destroyMetaModel(metaModel.id);
             });
-            sceneModel.scene.once("tick", () => {
+            window.setTimeout(() => {
+
                 if (sceneModel.destroyed) {
                     return;
                 }
                 sceneModel.scene.fire("modelLoaded", sceneModel.id); // FIXME: Assumes listeners know order of these two events
                 sceneModel.fire("loaded", true, false); // Don't forget the event, for late subscribers
-            });
+            }, 100);
         }
 
         const error = (errMsg) => {
@@ -1041,7 +1042,7 @@ class XKTLoaderPlugin extends Plugin {
                                     globalizeObjectIds: options.globalizeObjectIds
                                 });
                                 i++;
-                                this.viewer.scene.once("tick", loadNext);
+                                window.setTimeout( loadNext, 100);
                             }, error);
                         }
                     }
@@ -1056,7 +1057,7 @@ class XKTLoaderPlugin extends Plugin {
                             this._dataSource.getXKT(`${baseDir}${xktFiles[i]}`, (arrayBuffer) => {
                                 this._parseModel(arrayBuffer, params, options, sceneModel, metaModel, manifestCtx);
                                 i++;
-                                this.viewer.scene.once("tick", loadNext);
+                                window.setTimeout(loadNext, 100);
                             }, error);
                         }
                     }

package/src/viewer/Configs.js

@@ -42,7 +42,7 @@ let maxGeometryBatchSize = 5000000
  * });
  * ````
  */
-class Configs {
+export class Configs {
 
     /**
      * Creates a Configs.
@@ -125,4 +125,3 @@ class Configs {
     }
 }
 
-export {Configs};

package/src/viewer/scene/LineSet/LineSet.js

@@ -1,5 +1,5 @@
 import {Component} from '../Component.js';
-import {SceneModel} from "../model";
+import {SceneModel} from "../model/SceneModel.js";
 
 /**
  * A set of 3D line segments.

package/src/viewer/scene/core.js

@@ -230,4 +230,13 @@ function renderScenes() {
 
 (window.requestPostAnimationFrame !== undefined) ? window.requestPostAnimationFrame(frame) : requestAnimationFrame(frame);
 
+function compileScenes() {
+
+    for (let id in core.scenes) {
+        core.scenes[id].compile();
+    }
+}
+
+window.setInterval(compileScenes, 1000 / 60);
+
 export {core};

package/src/viewer/scene/model/SceneModel.js

@@ -9,7 +9,7 @@ import {VBOBatchingLinesLayer} from './vbo/batching/lines/VBOBatchingLinesLayer.
 import {VBOInstancingLinesLayer} from './vbo/instancing/lines/VBOInstancingLinesLayer.js';
 import {VBOBatchingPointsLayer} from './vbo/batching/points/VBOBatchingPointsLayer.js';
 import {VBOInstancingPointsLayer} from './vbo/instancing/points/VBOInstancingPointsLayer.js';
-import {DTXLinesLayer} from "./dtx/lines/DTXLinesLayer";
+import {DTXLinesLayer} from "./dtx/lines/DTXLinesLayer.js";
 import {DTXTrianglesLayer} from "./dtx/triangles/DTXTrianglesLayer.js";
 import {ENTITY_FLAGS} from './ENTITY_FLAGS.js';
 import {RenderFlags} from "../webgl/RenderFlags.js";
@@ -37,7 +37,7 @@ import {uniquifyPositions} from "./calculateUniquePositions.js";
 import {rebucketPositions} from "./rebucketPositions.js";
 import {SceneModelEntity} from "./SceneModelEntity.js";
 import {geometryCompressionUtils} from "../math/geometryCompressionUtils.js";
-import {SceneModelTransform} from "./SceneModelTransform";
+import {SceneModelTransform} from "./SceneModelTransform.js";
 
 
 const tempVec3a = math.vec3();

package/src/viewer/scene/model/SceneModelEntity.js

@@ -686,24 +686,26 @@ export class SceneModelEntity {
         if (this._isObject) {
             scene._deregisterObject(this);
             if (this.visible) {
-                scene._objectVisibilityUpdated(this, false);
+                scene._deRegisterVisibleObject(this);
             }
             if (this.xrayed) {
-                scene._objectXRayedUpdated(this);
+                scene._deRegisterXRayedObject(this);
             }
             if (this.selected) {
-                scene._objectSelectedUpdated(this);
+                scene._deRegisterSelectedObject(this);
             }
             if (this.highlighted) {
-                scene._objectHighlightedUpdated(this);
+                scene._deRegisterHighlightedObject(this);
             }
-            if (this._opacityUpdated) {
-                this.scene._objectColorizeUpdated(this, false);
+            if (this._colorizeUpdated) {
+                this.scene._deRegisterColorizedObject(this);
             }
             if (this._opacityUpdated) {
-                this.scene._objectOpacityUpdated(this, false);
+                this.scene._deRegisterOpacityObject(this);
+            }
+            if (this._offset && (this._offset[0] !== 0 || this._offset[1] !== 0 || this._offset[2] !== 0)) {
+                this.scene._deRegisterOffsetObject(this);
             }
-            this.scene._objectOffsetUpdated(this, false);
         }
         for (let i = 0, len = this.meshes.length; i < len; i++) {
             this.meshes[i]._destroy();

package/src/viewer/scene/model/SceneModelTransform.js

@@ -1,4 +1,4 @@
-import {math} from "../math";
+import {math} from "../math/index.js";
 
 const angleAxis = math.vec4(4);
 const q1 = math.vec4();

package/src/viewer/scene/model/dtx/lines/DTXLinesLayer.js

@@ -7,7 +7,7 @@ import {DTXLinesBuffer} from "./DTXLinesBuffer.js";
 import {DTXLinesState} from "./DTXLinesState.js"
 import {DTXLinesTextureFactory} from "./DTXLinesTextureFactory.js";
 import {dataTextureRamStats} from "./dataTextureRamStats.js";
-import {Configs} from "../../../../Configs";
+import {Configs} from "../../../../Configs.js";
 
 const configs = new Configs();
 

package/src/viewer/scene/model/dtx/triangles/DTXTrianglesLayer.js

@@ -1,13 +1,13 @@
 import {math} from "../../../math/math.js";
 import {RenderState} from "../../../webgl/RenderState.js";
-import {Configs} from "../../../../Configs";
+import {Configs} from "../../../../Configs.js";
 import {ENTITY_FLAGS} from '../../ENTITY_FLAGS.js';
 import {RENDER_PASSES} from '../../RENDER_PASSES.js';
 import {getRenderers} from "./renderers/DTXTrianglesRenderers.js";
 import {DTXTrianglesBuffer} from "./lib/DTXTrianglesBuffer.js";
 import {DTXTrianglesState} from "./lib/DTXTrianglesState.js"
 import {dataTextureRamStats} from "./lib/dataTextureRamStats.js";
-import {DTXTrianglesTextureFactory} from "./lib/DTXTrianglesTextureFactory";
+import {DTXTrianglesTextureFactory} from "./lib/DTXTrianglesTextureFactory.js";
 
 const configs = new Configs();
 

package/src/viewer/scene/model/dtx/triangles/renderers/DTXTrianglesSnapInitRenderer.js

@@ -229,7 +229,7 @@ export class DTXTrianglesSnapInitRenderer {
         const clipping = scene._sectionPlanesState.getNumAllocatedSectionPlanes() > 0;
         const src = [];
         src.push("#version 300 es");
-        src.push("// TrianglesDataTextureSnapDepthBufInitRenderer vertex shader");
+        src.push("// DTXTrianglesSnapInitRenderer vertex shader");
         src.push("#ifdef GL_FRAGMENT_PRECISION_HIGH");
         src.push("precision highp float;");
         src.push("precision highp int;");
@@ -371,6 +371,9 @@ export class DTXTrianglesSnapInitRenderer {
             src.push("vFlags2 = flags2.r;");
         }
         src.push("vPickColor = vec4(texelFetch (uObjectPerObjectColorsAndFlags, ivec2(objectIndexCoords.x*8+1, objectIndexCoords.y), 0));");
+
+        // TODO: Normalized color? See here:
+        //src.push("vPickColor = vec4(texelFetch (uObjectPerObjectColorsAndFlags, ivec2(objectIndexCoords.x*8+1, objectIndexCoords.y), 0)) /255.0;");
         src.push("vec4 clipPos = projMatrix * viewPosition;");
         src.push("float tmp = clipPos.w;")
         src.push("clipPos.xyzw /= tmp;")
@@ -391,7 +394,7 @@ export class DTXTrianglesSnapInitRenderer {
         const clipping = scene._sectionPlanesState.getNumAllocatedSectionPlanes() > 0;
         const src = [];
         src.push('#version 300 es');
-        src.push("// TrianglesDataTextureSnapDepthBufInitRenderer fragment shader");
+        src.push("// DTXTrianglesSnapInitRenderer fragment shader");
         src.push("#ifdef GL_FRAGMENT_PRECISION_HIGH");
         src.push("precision highp float;");
         src.push("precision highp int;");

package/src/viewer/scene/model/vbo/batching/lines/renderers/VBOBatchingLineSnapInitRenderer.js

@@ -1,7 +1,7 @@
 
 import {createRTCViewMat} from "../../../../../math/rtcCoords.js";
 import {math} from "../../../../../math/math.js";
-import {VBORenderer} from "../../../VBORenderer";
+import {VBORenderer} from "../../../VBORenderer.js";
 
 const tempVec3a = math.vec3();
 const tempVec3b = math.vec3();

package/src/viewer/scene/model/vbo/batching/lines/renderers/VBOBatchingLinesColorRenderer.js

@@ -1,4 +1,4 @@
-import {VBOSceneModelLineBatchingRenderer} from "./VBOSceneModelLineBatchingRenderer";
+import {VBOSceneModelLineBatchingRenderer} from "./VBOSceneModelLineBatchingRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/lines/renderers/VBOBatchingLinesRenderers.js

@@ -1,7 +1,7 @@
 import {VBOBatchingLinesColorRenderer} from "./VBOBatchingLinesColorRenderer.js";
 import {VBOBatchingLinesSilhouetteRenderer} from "./VBOBatchingLinesSilhouetteRenderer.js";
-import {VBOBatchingLinesSnapInitRenderer} from "./VBOBatchingLinesSnapInitRenderer";
-import {VBOBatchingLinesSnapRenderer} from "./VBOBatchingLinesSnapRenderer";
+import {VBOBatchingLinesSnapInitRenderer} from "./VBOBatchingLinesSnapInitRenderer.js";
+import {VBOBatchingLinesSnapRenderer} from "./VBOBatchingLinesSnapRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/lines/renderers/VBOBatchingLinesSilhouetteRenderer.js

@@ -1,4 +1,4 @@
-import {VBOSceneModelLineBatchingRenderer} from "./VBOSceneModelLineBatchingRenderer";
+import {VBOSceneModelLineBatchingRenderer} from "./VBOSceneModelLineBatchingRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/lines/renderers/VBOBatchingLinesSnapInitRenderer.js

@@ -1,7 +1,7 @@
 
 import {createRTCViewMat} from "../../../../../math/rtcCoords.js";
 import {math} from "../../../../../math/math.js";
-import {VBORenderer} from "../../../VBORenderer";
+import {VBORenderer} from "../../../VBORenderer.js";
 
 const tempVec3a = math.vec3();
 const tempVec3b = math.vec3();

package/src/viewer/scene/model/vbo/batching/lines/renderers/VBOBatchingLinesSnapRenderer.js

@@ -1,7 +1,7 @@
 
 import {createRTCViewMat} from "../../../../../math/rtcCoords.js";
 import {math} from "../../../../../math/math.js";
-import {VBORenderer} from "../../../VBORenderer";
+import {VBORenderer} from "../../../VBORenderer.js";
 
 const tempVec3a = math.vec3();
 const tempVec3b = math.vec3();

package/src/viewer/scene/model/vbo/batching/lines/renderers/VBOSceneModelLineBatchingRenderer.js

@@ -1,4 +1,4 @@
-import {VBORenderer} from "../../../VBORenderer";
+import {VBORenderer} from "../../../VBORenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/points/VBOBatchingPointsRenderer.js

@@ -1,4 +1,4 @@
-import {VBORenderer} from "../../VBORenderer";
+import {VBORenderer} from "../../VBORenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/points/renderers/VBOBatchingPointsColorRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer";
+import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/points/renderers/VBOBatchingPointsOcclusionRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer";
+import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer.js";
 
 
 /**

package/src/viewer/scene/model/vbo/batching/points/renderers/VBOBatchingPointsPickDepthRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer";
+import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/points/renderers/VBOBatchingPointsPickMeshRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer";
+import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/points/renderers/VBOBatchingPointsRenderers.js

@@ -3,8 +3,8 @@ import {VBOBatchingPointsSilhouetteRenderer} from "./VBOBatchingPointsSilhouette
 import {VBOBatchingPointsPickMeshRenderer} from "./VBOBatchingPointsPickMeshRenderer.js";
 import {VBOBatchingPointsPickDepthRenderer} from "./VBOBatchingPointsPickDepthRenderer.js";
 import {VBOBatchingPointsOcclusionRenderer} from "./VBOBatchingPointsOcclusionRenderer.js";
-import {VBOBatchingPointsSnapInitRenderer} from "./VBOBatchingPointsSnapInitRenderer";
-import {VBOBatchingPointsSnapRenderer} from "./VBOBatchingPointsSnapRenderer";
+import {VBOBatchingPointsSnapInitRenderer} from "./VBOBatchingPointsSnapInitRenderer.js";
+import {VBOBatchingPointsSnapRenderer} from "./VBOBatchingPointsSnapRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/points/renderers/VBOBatchingPointsShadowRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer";
+import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer.js";
 
 /**
  * Renders pointsBatchingLayer fragment depths to a shadow map.

package/src/viewer/scene/model/vbo/batching/points/renderers/VBOBatchingPointsSilhouetteRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer";
+import {VBOBatchingPointsRenderer} from "../VBOBatchingPointsRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/points/renderers/VBOBatchingPointsSnapInitRenderer.js

@@ -1,7 +1,7 @@
 
 import {createRTCViewMat} from "../../../../../math/rtcCoords.js";
 import {math} from "../../../../../math/math.js";
-import {VBORenderer} from "../../../VBORenderer";
+import {VBORenderer} from "../../../VBORenderer.js";
 
 const tempVec3a = math.vec3();
 const tempVec3b = math.vec3();
@@ -287,10 +287,10 @@ export class VBOBatchingPointsSnapInitRenderer extends VBORenderer {
         }
         src.push("outCoords = ivec4(relativeToOriginPosition.xyz*coordinateScaler.xyz, -layerNumber);");
 
-        src.push("vec3 xTangent = dFdx( vWorldPosition.xyz );");
-        src.push("vec3 yTangent = dFdy( vWorldPosition.xyz );");
-        src.push("vec3 worldNormal = normalize( cross( xTangent, yTangent ) );");
-        src.push(`outNormal = ivec4(worldNormal * float(${math.MAX_INT}), 1.0);`);
+        // src.push("vec3 xTangent = dFdx( vWorldPosition.xyz );");
+        // src.push("vec3 yTangent = dFdy( vWorldPosition.xyz );");
+        // src.push("vec3 worldNormal = normalize( cross( xTangent, yTangent ) );");
+         src.push(`outNormal = ivec4(1.0, 1.0, 1.0, 1.0);`);
         src.push("outPickColor = uvec4(vPickColor);");
         src.push("}");
         return src;

package/src/viewer/scene/model/vbo/batching/points/renderers/VBOBatchingPointsSnapRenderer.js

@@ -1,7 +1,7 @@
 
 import {createRTCViewMat} from "../../../../../math/rtcCoords.js";
 import {math} from "../../../../../math/math.js";
-import {VBORenderer} from "../../../VBORenderer";
+import {VBORenderer} from "../../../VBORenderer.js";
 
 const tempVec3a = math.vec3();
 const tempVec3b = math.vec3();

package/src/viewer/scene/model/vbo/batching/triangles/VBOBatchingTrianglesBuffer.js

@@ -1,4 +1,4 @@
-import {Configs} from "../../../../../Configs";
+import {Configs} from "../../../../../Configs.js";
 
 const configs = new Configs();
 

package/src/viewer/scene/model/vbo/batching/triangles/renderers/VBOBatchingTrianglesColorRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingTrianglesRenderer} from "./VBOBatchingTrianglesRenderer";
+import {VBOBatchingTrianglesRenderer} from "./VBOBatchingTrianglesRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/triangles/renderers/VBOBatchingTrianglesDepthRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingTrianglesRenderer} from "./VBOBatchingTrianglesRenderer";
+import {VBOBatchingTrianglesRenderer} from "./VBOBatchingTrianglesRenderer.js";
 
 
 /**

package/src/viewer/scene/model/vbo/batching/triangles/renderers/VBOBatchingTrianglesEdgesColorRenderer.js

@@ -1,4 +1,4 @@
-import {VBOSceneModelTriangleBatchingEdgesRenderer} from "./VBOSceneModelTriangleBatchingEdgesRenderer";
+import {VBOSceneModelTriangleBatchingEdgesRenderer} from "./VBOSceneModelTriangleBatchingEdgesRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/triangles/renderers/VBOBatchingTrianglesFlatColorRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingTrianglesRenderer} from "./VBOBatchingTrianglesRenderer";
+import {VBOBatchingTrianglesRenderer} from "./VBOBatchingTrianglesRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/triangles/renderers/VBOBatchingTrianglesRenderers.js

@@ -13,8 +13,8 @@ import {VBOBatchingTrianglesShadowRenderer} from "./VBOBatchingTrianglesShadowRe
 import {VBOBatchingTrianglesPBRRenderer} from "./VBOBatchingTrianglesPBRRenderer.js";
 import {VBOBatchingTrianglesPickNormalsFlatRenderer} from "./VBOBatchingTrianglesPickNormalsFlatRenderer.js";
 import {VBOBatchingTrianglesColorTextureRenderer} from "./VBOBatchingTrianglesColorTextureRenderer.js";
-import {VBOBatchingTrianglesSnapInitRenderer} from "./VBOBatchingTrianglesSnapInitRenderer";
-import {VBOBatchingTrianglesSnapRenderer} from "./VBOBatchingTrianglesSnapRenderer";
+import {VBOBatchingTrianglesSnapInitRenderer} from "./VBOBatchingTrianglesSnapInitRenderer.js";
+import {VBOBatchingTrianglesSnapRenderer} from "./VBOBatchingTrianglesSnapRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/batching/triangles/renderers/VBOSceneModelTriangleBatchingEdgesRenderer.js

@@ -1,4 +1,4 @@
-import {VBOBatchingTrianglesRenderer} from "./VBOBatchingTrianglesRenderer";
+import {VBOBatchingTrianglesRenderer} from "./VBOBatchingTrianglesRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/instancing/lines/renderers/VBOInstancingLinesColorRenderer.js

@@ -1,4 +1,4 @@
-import {VBOInstancingLinesRenderer} from "./VBOInstancingLinesRenderer";
+import {VBOInstancingLinesRenderer} from "./VBOInstancingLinesRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/instancing/lines/renderers/VBOInstancingLinesRenderer.js

@@ -1,4 +1,4 @@
-import {VBORenderer} from "./../../../VBORenderer";
+import {VBORenderer} from "./../../../VBORenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/instancing/points/renderers/VBOInstancingPointsDepthRenderer.js

@@ -1,4 +1,4 @@
-import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer";
+import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/instancing/points/renderers/VBOInstancingPointsPickDepthRenderer.js

@@ -1,4 +1,4 @@
-import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer";
+import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/instancing/points/renderers/VBOInstancingPointsRenderers.js

@@ -5,8 +5,8 @@ import {VBOInstancingPointsPickDepthRenderer} from "./VBOInstancingPointsPickDep
 import {VBOInstancingPointsOcclusionRenderer} from "./VBOInstancingPointsOcclusionRenderer.js";
 import {VBOInstancingPointsDepthRenderer} from "./VBOInstancingPointsDepthRenderer.js";
 import {VBOInstancingPointsShadowRenderer} from "./VBOInstancingPointsShadowRenderer.js";
-import {VBOInstancingPointsSnapInitRenderer} from "./VBOInstancingPointsSnapInitRenderer";
-import {VBOInstancingPointsSnapRenderer} from "./VBOInstancingPointsSnapRenderer";
+import {VBOInstancingPointsSnapInitRenderer} from "./VBOInstancingPointsSnapInitRenderer.js";
+import {VBOInstancingPointsSnapRenderer} from "./VBOInstancingPointsSnapRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/instancing/points/renderers/VBOInstancingPointsShadowRenderer.js

@@ -1,4 +1,4 @@
-import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer";
+import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer.js";
 
 /**
  * Renders InstancingLayer fragment depths to a shadow map.

package/src/viewer/scene/model/vbo/instancing/points/renderers/VBOInstancingPointsSilhouetteRenderer.js

@@ -1,4 +1,4 @@
-import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer";
+import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer.js";
 
 /**
  * @private

package/src/viewer/scene/model/vbo/instancing/points/renderers/VBOInstancingPointsSnapInitRenderer.js

@@ -286,10 +286,7 @@ export class VBOInstancingPointsSnapInitRenderer extends VBORenderer {
         }
         src.push("in highp vec3 relativeToOriginPosition;");
         src.push("layout(location = 0) out highp ivec4 outCoords;");
-        ///////////////////////////////////////////
-        // TODO: normal placeholder?
-        // Primitive type?
-        ///////////////////////////////////////////
+        src.push("layout(location = 1) out highp ivec4 outNormal;");
         src.push("layout(location = 2) out lowp uvec4 outPickColor;");
         src.push("void main(void) {");
         if (clipping) {
@@ -311,6 +308,10 @@ export class VBOInstancingPointsSnapInitRenderer extends VBORenderer {
             src.push("    gl_FragDepth = isPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth + diff ) * logDepthBufFC * 0.5;");
         }
         src.push("outCoords = ivec4(relativeToOriginPosition.xyz*coordinateScaler.xyz, -layerNumber);")
+        // src.push("vec3 xTangent = dFdx( vWorldPosition.xyz );");
+        // src.push("vec3 yTangent = dFdy( vWorldPosition.xyz );");
+        // src.push("vec3 worldNormal = normalize( cross( xTangent, yTangent ) );");
+        src.push(`outNormal = ivec4(1.0, 1.0, 1.0, 1.0);`);
         src.push("outPickColor = uvec4(vPickColor);");
         src.push("}");
         return src;

package/src/viewer/scene/model/vbo/instancing/points/renderers/VBOInstancingTrianglesRenderer.js

@@ -1,4 +1,4 @@
-import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer";
+import {VBOInstancingPointsRenderer} from "./VBOInstancingPointsRenderer.js";
 
 /**
  * @private

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

@@ -1,4 +1,4 @@
-import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer";
+import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer.js";
 
 /**
  * @private

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

@@ -1,4 +1,4 @@
-import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer";
+import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer.js";
 
 /**
  * @private

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

@@ -1,4 +1,4 @@
-import {VBOSceneModelTriangleInstancingEdgesRenderer} from "./VBOSceneModelTriangleInstancingEdgesRenderer";
+import {VBOSceneModelTriangleInstancingEdgesRenderer} from "./VBOSceneModelTriangleInstancingEdgesRenderer.js";
 
 /**
  * @private

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

@@ -1,4 +1,4 @@
-import {VBOSceneModelTriangleInstancingEdgesRenderer} from "./VBOSceneModelTriangleInstancingEdgesRenderer";
+import {VBOSceneModelTriangleInstancingEdgesRenderer} from "./VBOSceneModelTriangleInstancingEdgesRenderer.js";
 
 /**
  * @private

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

@@ -1,4 +1,4 @@
-import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer";
+import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer.js";
 
 /**
  * @private

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

@@ -1,4 +1,4 @@
-import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer";
+import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer.js";
 
 
 /**

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

@@ -13,8 +13,8 @@ import {VBOInstancingTrianglesShadowRenderer} from "./VBOInstancingTrianglesShad
 import {VBOInstancingTrianglesPBRRenderer} from "./VBOInstancingTrianglesPBRRenderer.js";
 import {VBOInstancingTrianglesPickNormalsFlatRenderer} from "./VBOInstancingTrianglesPickNormalsFlatRenderer.js";
 import {VBOInstancingTrianglesColorTextureRenderer} from "./VBOInstancingTrianglesColorTextureRenderer.js";
-import {VBOInstancingTrianglesSnapInitRenderer} from "./VBOInstancingTrianglesSnapInitRenderer";
-import {VBOInstancingTrianglesSnapRenderer} from "./VBOInstancingTrianglesSnapRenderer";
+import {VBOInstancingTrianglesSnapInitRenderer} from "./VBOInstancingTrianglesSnapInitRenderer.js";
+import {VBOInstancingTrianglesSnapRenderer} from "./VBOInstancingTrianglesSnapRenderer.js";
 
 /**
  * @private

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

@@ -1,4 +1,4 @@
-import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer";
+import {VBOSceneModelTriangleInstancingRenderer} from "./VBOSceneModelTriangleInstancingRenderer.js";
 
 /**
  * @private