@xeokit/xeokit-sdk 2.6.103 → 2.6.105-XCD-439-transparent-issues

package/dist/xeokit-sdk.cjs.js

@@ -1,11 +1,11 @@
 /**
- * xeokit-sdk v2.6.103
- *  Commit: 04beebb6bc2ab830039ad23e343432aae980ecf7
- *  Built: 2026-01-08T15:10:53.564Z
+ * xeokit-sdk v2.6.105-XCD-439-transparent-issues
+ *  Commit: 20c5d5219328db0e2a6ebfd88bbfc44eb0367962
+ *  Built: 2026-02-02T17:00:01.808Z
  */
 
 if (typeof window !== 'undefined') {
-    window.__XEOKIT__ = { version: '2.6.103', commit: '04beebb6bc2ab830039ad23e343432aae980ecf7', built: '2026-01-08T15:10:53.564Z' };
+    window.__XEOKIT__ = { version: '2.6.105-XCD-439-transparent-issues', commit: '20c5d5219328db0e2a6ebfd88bbfc44eb0367962', built: '2026-02-02T17:00:01.808Z' };
 }
 
 'use strict';
@@ -11423,7 +11423,7 @@ class CameraPath extends Component {
     }
 }
 
-const tempVec3$8 = math.vec3();
+const tempVec3$9 = math.vec3();
 const newLook = math.vec3();
 const newEye = math.vec3();
 const newUp = math.vec3();
@@ -11685,7 +11685,7 @@ class CameraFlightAnimation extends Component {
 
             this._look2 = poi || aabbCenter;
 
-            const eyeLookVec = math.subVec3(this._eye1, this._look1, tempVec3$8);
+            const eyeLookVec = math.subVec3(this._eye1, this._look1, tempVec3$9);
             const eyeLookVecNorm = math.normalizeVec3(eyeLookVec);
             const diag = poi ? math.getAABB3DiagPoint(aabb, poi) : math.getAABB3Diag(aabb);
             const fitFOV = params.fitFOV || this._fitFOV;
@@ -11844,12 +11844,12 @@ class CameraFlightAnimation extends Component {
                 dist = Math.abs((diag) / Math.tan((params.fitFOV || this._fitFOV) * math.DEGTORAD));
 
             } else {
-                dist = math.lenVec3(math.subVec3(camera.eye, camera.look, tempVec3$8));
+                dist = math.lenVec3(math.subVec3(camera.eye, camera.look, tempVec3$9));
             }
 
             math.mulVec3Scalar(newLookEyeVec, dist);
 
-            camera.eye = math.addVec3(newLook, newLookEyeVec, tempVec3$8);
+            camera.eye = math.addVec3(newLook, newLookEyeVec, tempVec3$9);
             camera.look = newLook;
 
             this.scene.camera.ortho.scale = diag * 1.1;
@@ -26516,7 +26516,7 @@ class Texture extends Component {
     }
 }
 
-const tempVec3$7 = math.vec3();
+const tempVec3$8 = math.vec3();
 const tempVec3b$a = math.vec3();
 math.vec3();
 const zeroVec$1 = math.vec3([0, -1, 0]);
@@ -26940,9 +26940,9 @@ class ImagePlane extends Component {
             const origin = this.scene.center;
             const negDir = [-this._dir[0], -this._dir[1], -this._dir[2]];
 
-            math.subVec3(origin, this.position, tempVec3$7);
+            math.subVec3(origin, this.position, tempVec3$8);
 
-            const dist = -math.dotVec3(negDir, tempVec3$7);
+            const dist = -math.dotVec3(negDir, tempVec3$8);
 
             math.normalizeVec3(negDir);
             math.mulVec3Scalar(negDir, dist, tempVec3b$a);
@@ -31953,7 +31953,7 @@ const SnapProgram = function(programVariables, geometry, isSnapInit, isPoints) {
 };
 
 const tempVec2 = math.vec2();
-const tempVec3$6 = math.vec3();
+const tempVec3$7 = math.vec3();
 const tempVec4$1 = math.vec4();
 const tempMat4$2 = math.mat4();
 const vec3zero = math.vec3([0,0,0]);
@@ -32190,7 +32190,7 @@ const getRenderers = (function() {
                                         const origin = layer.origin;
                                         const model = layer.model;
                                         const viewParams = frameCtx.viewParams;
-                                        const rtcOrigin = tempVec3$6;
+                                        const rtcOrigin = tempVec3$7;
                                         math.transformPoint3(model.matrix, origin, rtcOrigin);
 
                                         const viewMatrix = viewParams.viewMatrix;
@@ -32930,7 +32930,7 @@ const INDICES_EDGE_INDICES_ALIGNEMENT_SIZE = 8;
  */
 const MAX_OBJECT_UPDATES_IN_FRAME_WITHOUT_BATCHED_UPDATE = 10;
 
-const tempVec3$5 = math.vec3();
+const tempVec3$6 = math.vec3();
 const tempVec3a$e = math.vec3();
 const tempVec4a$b = math.vec4();
 math.vec4();
@@ -33501,7 +33501,7 @@ class DTXLayer extends Layer {
                         setInputValue(layerTypeInputs.worldMatrix, model.rotationMatrix);
                         setInputValue(layerTypeInputs.viewMatrix, viewState.viewMatrix);
                         setInputValue(layerTypeInputs.projMatrix, viewState.projMatrix);
-                        const rtcOrigin = math.transformPoint3(model.matrix, origin, tempVec3$5);
+                        const rtcOrigin = math.transformPoint3(model.matrix, origin, tempVec3$6);
                         setInputValue(layerTypeInputs.uCameraEyeRtc, math.subVec3(viewState.eye, rtcOrigin, tempVec3a$e));
                         setInputValue(layerTypeInputs.perObjPosDecode, texturePerObjectPositionsDecodeMatrix);
                         setInputValue(layerTypeInputs.perVertIdCoords, texturePerVertexIdCoordinates);
@@ -47147,6 +47147,7 @@ const vec3_0 = math.vec3([0,0,0]);
 const iota = (n) => { const ret = [ ]; for (let i = 0; i < n; ++i) ret.push(i); return ret; };
 
 const tempPlanes = iota(6).map(() => math.vec4());
+const tempVec3$5 = math.vec3();
 const tempVec4 = math.vec4();
 
 const bitShiftScreenZ = math.vec4([1.0 / (256.0 * 256.0 * 256.0 * 256.0), 1.0 / (256.0 * 256.0 * 256.0), 1.0 / (256.0 * 256.0), 1.0 / 256.0]);
@@ -48139,6 +48140,40 @@ const Renderer$1 = function (scene, options) {
             if (normalFillTransparentBinLen > 0 || normalEdgesTransparentBinLen > 0) {
                 gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
             }
+
+            if (options.sortAllTransparent) {
+                const eye = frameCtx.viewParams.eye;
+                normalFillTransparentBin.length = normalFillTransparentBinLen; // normalFillTransparentBin reused by renderDrawables calls, so needs to be truncated if necessary
+
+                const transparentDrawables = [ ];
+                const appendTransparentDrawable = (d, draw) => {
+                    math.getAABB3Center(d.aabb, tempVec3$5);
+                    transparentDrawables.push({ draw: draw, distSq: math.distVec3(eye, math.getAABB3Center(d.aabb, tempVec3$5)) });
+                };
+                iota(normalEdgesTransparentBinLen).forEach(i => {
+                    const d = normalEdgesTransparentBin[i];
+                    appendTransparentDrawable(d, () => d.drawEdgesColorTransparent(frameCtx));
+                });
+
+                iota(normalFillTransparentBinLen).forEach(i => {
+                    const d = normalFillTransparentBin[i];
+                    appendTransparentDrawable(d, () => d.drawColorTransparent(frameCtx));
+                });
+
+                iota(xrayEdgesTransparentBinLen).forEach(i => {
+                    const d = xrayEdgesTransparentBin[i];
+                    appendTransparentDrawable(d, () => d.drawEdgesXRayed(frameCtx));
+                });
+
+                iota(xrayedFillTransparentBinLen).forEach(i => {
+                    const d = xrayedFillTransparentBin[i];
+                    appendTransparentDrawable(d, () => d.drawSilhouetteXRayed(frameCtx));
+                });
+
+                transparentDrawables.sort((a, b) => b.distSq - a.distSq).forEach(d => d.draw());
+
+            } else {
+
             if (normalEdgesTransparentBinLen > 0) {
                 for (i = 0; i < normalEdgesTransparentBinLen; i++) {
                     drawable = normalEdgesTransparentBin[i];
@@ -48173,6 +48208,7 @@ const Renderer$1 = function (scene, options) {
                     xrayedFillTransparentBin[i].drawSilhouetteXRayed(frameCtx);
                 }
             }
+            }
 
             gl.disable(gl.BLEND);
             if (!alphaDepthMask) {
@@ -55011,7 +55047,8 @@ class Scene extends Component {
 
         this._renderer = new Renderer$1(this, {
             transparent: transparent,
-            alphaDepthMask: alphaDepthMask
+            alphaDepthMask: alphaDepthMask,
+            sortAllTransparent: cfg.sortAllTransparent
         });
 
         this._sectionPlanesState = new (function () {
@@ -102923,6 +102960,7 @@ class Viewer {
      * configures renderer logic for the specified number of SectionPlanes, eliminating the need for setting up logic with each SectionPlane creation and thereby enhancing
      * responsiveness. It is important to consider that each SectionPlane impacts rendering performance, so it is recommended to set this value to a quantity that aligns with
      * your expected usage.
+     * @param {Boolean} [cfg.sortAllTransparent=false] Whether to sort all transparent objects by their distance from the camera, before drawing on the scene.
      */
     constructor(cfg) {
 
@@ -102982,7 +103020,8 @@ class Viewer {
             colorTextureEnabled: (cfg.colorTextureEnabled !== false),
             dtxEnabled: (!!cfg.dtxEnabled),
             markerZOffset: cfg.markerZOffset,
-            numCachedSectionPlanes: cfg.numCachedSectionPlanes
+            numCachedSectionPlanes: cfg.numCachedSectionPlanes,
+            sortAllTransparent: cfg.sortAllTransparent
         });
 
         /**
@@ -111609,6 +111648,7 @@ function parseGLTF(plugin, src, gltf, metaModelJSON, options, sceneModel, ok, er
             numObjects: 0,
             nodes: [],
             nextId: 0,
+            entityPerMesh: options.entityPerMesh,
             log: (msg) => {
                 plugin.log(msg);
             }
@@ -111896,6 +111936,49 @@ function loadDefaultScene(ctx) {
         });
     })(nodes);
 
+    if (ctx.entityPerMesh) {
+        const sceneIds = new Set();
+        (function createSceneMeshesAndEntities(nodes, parentId, parentMatrix, dep) {
+            return nodes.reduce(
+                (hadMesh, node) => {
+                    const baseId = node.name ?? "Node";
+                    const maybeGlobalize = id => ctx.globalizeObjectIds ? math.globalizeObjectId(ctx.sceneModel.id, id) : id;
+                    let entityId = maybeGlobalize(baseId);
+                    let nextPostfixId = 1;
+                    while (ctx.sceneModel.objects[entityId] || sceneIds.has(entityId)) {
+                        entityId = maybeGlobalize(`${baseId}.${(nextPostfixId++).toString().padStart(4, "0")}`);
+                    }
+                    sceneIds.add(entityId);
+                    const matrix = parseNodeMatrix(node, parentMatrix);
+
+                    const meshEntity = node.mesh && (function() {
+                        const meshIds = [ ];
+                        parseNodeMesh(node, ctx, matrix, meshIds);
+                        return (meshIds.length > 0) && ctx.sceneModel.createEntity({
+                            id:       entityId,
+                            meshIds:  meshIds,
+                            isObject: true
+                        });
+                    })();
+
+                    const hasMesh = (node.children && createSceneMeshesAndEntities(node.children, entityId, matrix)) || meshEntity;
+
+                    if (hasMesh && ctx.autoMetaModel) {
+                        ctx.metaObjects.push({
+                            id:     entityId,
+                            name:   entityId,
+                            type:   "Default",
+                            parent: parentId
+                        });
+                    }
+
+                    return hadMesh || hasMesh;
+                },
+                false);
+        })(nodes, ctx.sceneModel.id, null);
+        return;
+    }
+
     // Create a SceneMesh for each mesh primitive, and a SceneModelEntity for the root node and each named node.
     const meshIdsStack = [];
     let meshIds = null;
@@ -111937,7 +112020,7 @@ function loadDefaultScene(ctx) {
                         ctx.metaObjects.push({
                             id: entityId,
                             type: "Default",
-                            name: entityId,
+                            name: nodeName ? nodeName : "Node",
                             parent: ctx.sceneModel.id
                         });
                     }
@@ -112008,9 +112091,6 @@ function parseNodeMesh(node, ctx, matrix, meshIds) {
     if (numPrimitives > 0) {
         for (let i = 0; i < numPrimitives; i++) {
             const primitive = mesh.primitives[i];
-            if (primitive.mode < 4) {
-                continue;
-            }
             const meshCfg = {
                 id: ctx.sceneModel.id + "." + ctx.numObjects++
             };
@@ -112420,6 +112500,7 @@ class GLTFLoaderPlugin extends Plugin {
      * @param {Boolean} [params.autoMetaModel] When supplied, creates a default MetaModel with a single MetaObject.
      * @param {Boolean} [params.globalizeObjectIds=false] Indicates whether to globalize each {@link Entity#id} and {@link MetaObject#id}, in case you need to prevent ID clashes with other models.
      * @param {*} [params.parseOptions={}] Options to pass to loaders.gl parse method, eg. ````{ gltf: { excludeExtensions: { "KHR_texture_transform": false } } }````.
+     * @param {Boolean} [params.entityPerMesh=false] Create an entity for each mesh, instead of grouping leaf meshes under their common entity.
      * @returns {Entity} Entity representing the model, which will have {@link Entity#isModel} set ````true```` and will be registered by {@link Entity#id} in {@link Scene#models}
      */
     load(params = {}) {

package/dist/xeokit-sdk.es.js

@@ -1,11 +1,11 @@
 /**
- * xeokit-sdk v2.6.103
- *  Commit: 04beebb6bc2ab830039ad23e343432aae980ecf7
- *  Built: 2026-01-08T15:10:53.564Z
+ * xeokit-sdk v2.6.105-XCD-439-transparent-issues
+ *  Commit: 20c5d5219328db0e2a6ebfd88bbfc44eb0367962
+ *  Built: 2026-02-02T17:00:01.808Z
  */
 
 if (typeof window !== 'undefined') {
-    window.__XEOKIT__ = { version: '2.6.103', commit: '04beebb6bc2ab830039ad23e343432aae980ecf7', built: '2026-01-08T15:10:53.564Z' };
+    window.__XEOKIT__ = { version: '2.6.105-XCD-439-transparent-issues', commit: '20c5d5219328db0e2a6ebfd88bbfc44eb0367962', built: '2026-02-02T17:00:01.808Z' };
 }
 
 /** @private */
@@ -11419,7 +11419,7 @@ class CameraPath extends Component {
     }
 }
 
-const tempVec3$8 = math.vec3();
+const tempVec3$9 = math.vec3();
 const newLook = math.vec3();
 const newEye = math.vec3();
 const newUp = math.vec3();
@@ -11681,7 +11681,7 @@ class CameraFlightAnimation extends Component {
 
             this._look2 = poi || aabbCenter;
 
-            const eyeLookVec = math.subVec3(this._eye1, this._look1, tempVec3$8);
+            const eyeLookVec = math.subVec3(this._eye1, this._look1, tempVec3$9);
             const eyeLookVecNorm = math.normalizeVec3(eyeLookVec);
             const diag = poi ? math.getAABB3DiagPoint(aabb, poi) : math.getAABB3Diag(aabb);
             const fitFOV = params.fitFOV || this._fitFOV;
@@ -11840,12 +11840,12 @@ class CameraFlightAnimation extends Component {
                 dist = Math.abs((diag) / Math.tan((params.fitFOV || this._fitFOV) * math.DEGTORAD));
 
             } else {
-                dist = math.lenVec3(math.subVec3(camera.eye, camera.look, tempVec3$8));
+                dist = math.lenVec3(math.subVec3(camera.eye, camera.look, tempVec3$9));
             }
 
             math.mulVec3Scalar(newLookEyeVec, dist);
 
-            camera.eye = math.addVec3(newLook, newLookEyeVec, tempVec3$8);
+            camera.eye = math.addVec3(newLook, newLookEyeVec, tempVec3$9);
             camera.look = newLook;
 
             this.scene.camera.ortho.scale = diag * 1.1;
@@ -26512,7 +26512,7 @@ class Texture extends Component {
     }
 }
 
-const tempVec3$7 = math.vec3();
+const tempVec3$8 = math.vec3();
 const tempVec3b$a = math.vec3();
 math.vec3();
 const zeroVec$1 = math.vec3([0, -1, 0]);
@@ -26936,9 +26936,9 @@ class ImagePlane extends Component {
             const origin = this.scene.center;
             const negDir = [-this._dir[0], -this._dir[1], -this._dir[2]];
 
-            math.subVec3(origin, this.position, tempVec3$7);
+            math.subVec3(origin, this.position, tempVec3$8);
 
-            const dist = -math.dotVec3(negDir, tempVec3$7);
+            const dist = -math.dotVec3(negDir, tempVec3$8);
 
             math.normalizeVec3(negDir);
             math.mulVec3Scalar(negDir, dist, tempVec3b$a);
@@ -31949,7 +31949,7 @@ const SnapProgram = function(programVariables, geometry, isSnapInit, isPoints) {
 };
 
 const tempVec2 = math.vec2();
-const tempVec3$6 = math.vec3();
+const tempVec3$7 = math.vec3();
 const tempVec4$1 = math.vec4();
 const tempMat4$2 = math.mat4();
 const vec3zero = math.vec3([0,0,0]);
@@ -32186,7 +32186,7 @@ const getRenderers = (function() {
                                         const origin = layer.origin;
                                         const model = layer.model;
                                         const viewParams = frameCtx.viewParams;
-                                        const rtcOrigin = tempVec3$6;
+                                        const rtcOrigin = tempVec3$7;
                                         math.transformPoint3(model.matrix, origin, rtcOrigin);
 
                                         const viewMatrix = viewParams.viewMatrix;
@@ -32926,7 +32926,7 @@ const INDICES_EDGE_INDICES_ALIGNEMENT_SIZE = 8;
  */
 const MAX_OBJECT_UPDATES_IN_FRAME_WITHOUT_BATCHED_UPDATE = 10;
 
-const tempVec3$5 = math.vec3();
+const tempVec3$6 = math.vec3();
 const tempVec3a$e = math.vec3();
 const tempVec4a$b = math.vec4();
 math.vec4();
@@ -33497,7 +33497,7 @@ class DTXLayer extends Layer {
                         setInputValue(layerTypeInputs.worldMatrix, model.rotationMatrix);
                         setInputValue(layerTypeInputs.viewMatrix, viewState.viewMatrix);
                         setInputValue(layerTypeInputs.projMatrix, viewState.projMatrix);
-                        const rtcOrigin = math.transformPoint3(model.matrix, origin, tempVec3$5);
+                        const rtcOrigin = math.transformPoint3(model.matrix, origin, tempVec3$6);
                         setInputValue(layerTypeInputs.uCameraEyeRtc, math.subVec3(viewState.eye, rtcOrigin, tempVec3a$e));
                         setInputValue(layerTypeInputs.perObjPosDecode, texturePerObjectPositionsDecodeMatrix);
                         setInputValue(layerTypeInputs.perVertIdCoords, texturePerVertexIdCoordinates);
@@ -47143,6 +47143,7 @@ const vec3_0 = math.vec3([0,0,0]);
 const iota = (n) => { const ret = [ ]; for (let i = 0; i < n; ++i) ret.push(i); return ret; };
 
 const tempPlanes = iota(6).map(() => math.vec4());
+const tempVec3$5 = math.vec3();
 const tempVec4 = math.vec4();
 
 const bitShiftScreenZ = math.vec4([1.0 / (256.0 * 256.0 * 256.0 * 256.0), 1.0 / (256.0 * 256.0 * 256.0), 1.0 / (256.0 * 256.0), 1.0 / 256.0]);
@@ -48135,6 +48136,40 @@ const Renderer$1 = function (scene, options) {
             if (normalFillTransparentBinLen > 0 || normalEdgesTransparentBinLen > 0) {
                 gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
             }
+
+            if (options.sortAllTransparent) {
+                const eye = frameCtx.viewParams.eye;
+                normalFillTransparentBin.length = normalFillTransparentBinLen; // normalFillTransparentBin reused by renderDrawables calls, so needs to be truncated if necessary
+
+                const transparentDrawables = [ ];
+                const appendTransparentDrawable = (d, draw) => {
+                    math.getAABB3Center(d.aabb, tempVec3$5);
+                    transparentDrawables.push({ draw: draw, distSq: math.distVec3(eye, math.getAABB3Center(d.aabb, tempVec3$5)) });
+                };
+                iota(normalEdgesTransparentBinLen).forEach(i => {
+                    const d = normalEdgesTransparentBin[i];
+                    appendTransparentDrawable(d, () => d.drawEdgesColorTransparent(frameCtx));
+                });
+
+                iota(normalFillTransparentBinLen).forEach(i => {
+                    const d = normalFillTransparentBin[i];
+                    appendTransparentDrawable(d, () => d.drawColorTransparent(frameCtx));
+                });
+
+                iota(xrayEdgesTransparentBinLen).forEach(i => {
+                    const d = xrayEdgesTransparentBin[i];
+                    appendTransparentDrawable(d, () => d.drawEdgesXRayed(frameCtx));
+                });
+
+                iota(xrayedFillTransparentBinLen).forEach(i => {
+                    const d = xrayedFillTransparentBin[i];
+                    appendTransparentDrawable(d, () => d.drawSilhouetteXRayed(frameCtx));
+                });
+
+                transparentDrawables.sort((a, b) => b.distSq - a.distSq).forEach(d => d.draw());
+
+            } else {
+
             if (normalEdgesTransparentBinLen > 0) {
                 for (i = 0; i < normalEdgesTransparentBinLen; i++) {
                     drawable = normalEdgesTransparentBin[i];
@@ -48169,6 +48204,7 @@ const Renderer$1 = function (scene, options) {
                     xrayedFillTransparentBin[i].drawSilhouetteXRayed(frameCtx);
                 }
             }
+            }
 
             gl.disable(gl.BLEND);
             if (!alphaDepthMask) {
@@ -55007,7 +55043,8 @@ class Scene extends Component {
 
         this._renderer = new Renderer$1(this, {
             transparent: transparent,
-            alphaDepthMask: alphaDepthMask
+            alphaDepthMask: alphaDepthMask,
+            sortAllTransparent: cfg.sortAllTransparent
         });
 
         this._sectionPlanesState = new (function () {
@@ -102919,6 +102956,7 @@ class Viewer {
      * configures renderer logic for the specified number of SectionPlanes, eliminating the need for setting up logic with each SectionPlane creation and thereby enhancing
      * responsiveness. It is important to consider that each SectionPlane impacts rendering performance, so it is recommended to set this value to a quantity that aligns with
      * your expected usage.
+     * @param {Boolean} [cfg.sortAllTransparent=false] Whether to sort all transparent objects by their distance from the camera, before drawing on the scene.
      */
     constructor(cfg) {
 
@@ -102978,7 +103016,8 @@ class Viewer {
             colorTextureEnabled: (cfg.colorTextureEnabled !== false),
             dtxEnabled: (!!cfg.dtxEnabled),
             markerZOffset: cfg.markerZOffset,
-            numCachedSectionPlanes: cfg.numCachedSectionPlanes
+            numCachedSectionPlanes: cfg.numCachedSectionPlanes,
+            sortAllTransparent: cfg.sortAllTransparent
         });
 
         /**
@@ -111605,6 +111644,7 @@ function parseGLTF(plugin, src, gltf, metaModelJSON, options, sceneModel, ok, er
             numObjects: 0,
             nodes: [],
             nextId: 0,
+            entityPerMesh: options.entityPerMesh,
             log: (msg) => {
                 plugin.log(msg);
             }
@@ -111892,6 +111932,49 @@ function loadDefaultScene(ctx) {
         });
     })(nodes);
 
+    if (ctx.entityPerMesh) {
+        const sceneIds = new Set();
+        (function createSceneMeshesAndEntities(nodes, parentId, parentMatrix, dep) {
+            return nodes.reduce(
+                (hadMesh, node) => {
+                    const baseId = node.name ?? "Node";
+                    const maybeGlobalize = id => ctx.globalizeObjectIds ? math.globalizeObjectId(ctx.sceneModel.id, id) : id;
+                    let entityId = maybeGlobalize(baseId);
+                    let nextPostfixId = 1;
+                    while (ctx.sceneModel.objects[entityId] || sceneIds.has(entityId)) {
+                        entityId = maybeGlobalize(`${baseId}.${(nextPostfixId++).toString().padStart(4, "0")}`);
+                    }
+                    sceneIds.add(entityId);
+                    const matrix = parseNodeMatrix(node, parentMatrix);
+
+                    const meshEntity = node.mesh && (function() {
+                        const meshIds = [ ];
+                        parseNodeMesh(node, ctx, matrix, meshIds);
+                        return (meshIds.length > 0) && ctx.sceneModel.createEntity({
+                            id:       entityId,
+                            meshIds:  meshIds,
+                            isObject: true
+                        });
+                    })();
+
+                    const hasMesh = (node.children && createSceneMeshesAndEntities(node.children, entityId, matrix)) || meshEntity;
+
+                    if (hasMesh && ctx.autoMetaModel) {
+                        ctx.metaObjects.push({
+                            id:     entityId,
+                            name:   entityId,
+                            type:   "Default",
+                            parent: parentId
+                        });
+                    }
+
+                    return hadMesh || hasMesh;
+                },
+                false);
+        })(nodes, ctx.sceneModel.id, null);
+        return;
+    }
+
     // Create a SceneMesh for each mesh primitive, and a SceneModelEntity for the root node and each named node.
     const meshIdsStack = [];
     let meshIds = null;
@@ -111933,7 +112016,7 @@ function loadDefaultScene(ctx) {
                         ctx.metaObjects.push({
                             id: entityId,
                             type: "Default",
-                            name: entityId,
+                            name: nodeName ? nodeName : "Node",
                             parent: ctx.sceneModel.id
                         });
                     }
@@ -112004,9 +112087,6 @@ function parseNodeMesh(node, ctx, matrix, meshIds) {
     if (numPrimitives > 0) {
         for (let i = 0; i < numPrimitives; i++) {
             const primitive = mesh.primitives[i];
-            if (primitive.mode < 4) {
-                continue;
-            }
             const meshCfg = {
                 id: ctx.sceneModel.id + "." + ctx.numObjects++
             };
@@ -112416,6 +112496,7 @@ class GLTFLoaderPlugin extends Plugin {
      * @param {Boolean} [params.autoMetaModel] When supplied, creates a default MetaModel with a single MetaObject.
      * @param {Boolean} [params.globalizeObjectIds=false] Indicates whether to globalize each {@link Entity#id} and {@link MetaObject#id}, in case you need to prevent ID clashes with other models.
      * @param {*} [params.parseOptions={}] Options to pass to loaders.gl parse method, eg. ````{ gltf: { excludeExtensions: { "KHR_texture_transform": false } } }````.
+     * @param {Boolean} [params.entityPerMesh=false] Create an entity for each mesh, instead of grouping leaf meshes under their common entity.
      * @returns {Entity} Entity representing the model, which will have {@link Entity#isModel} set ````true```` and will be registered by {@link Entity#id} in {@link Scene#models}
      */
     load(params = {}) {