@shapediver/viewer.rendering-engine.rendering-engine-threejs 3.3.4 → 3.3.6

package/src/loaders/GeometryLoader.ts

@@ -1,585 +0,0 @@
-import * as THREE from 'three';
-import {
-    AttributeData,
-    GeometryData,
-    IAttributeData,
-    IMaterialAbstractData,
-    IPrimitiveData,
-    MATERIAL_SIDE,
-    MaterialGemData,
-    PRIMITIVE_MODE
-} from '@shapediver/viewer.shared.types';
-import { GemMaterial } from '../materials/GemMaterial';
-import { IBox } from '@shapediver/viewer.shared.math';
-import { ILoader } from '../interfaces/ILoader';
-import { Logger, ShapeDiverViewerDataProcessingError } from '@shapediver/viewer.shared.services';
-import { RENDERER_TYPE } from '@shapediver/viewer.rendering-engine.rendering-engine';
-import { RenderingEngine } from '../RenderingEngine';
-import { SDData } from '../objects/SDData';
-import { vec3 } from 'gl-matrix';
-
-export class GeometryLoader implements ILoader {
-    // #region Properties (8)
-
-    private _gemCubeCamera?: THREE.CubeCamera;
-    private _gemCubeCameraRenderTarget?: THREE.WebGLCubeRenderTarget;
-    private _gemNormalMaterial?: THREE.ShaderMaterial;
-    private _gemScene?: THREE.Scene;
-    private _gemSphericalMapsCache: {
-        [key: string]: {
-            texture: THREE.CubeTexture,
-            renderTarget: THREE.WebGLCubeRenderTarget,
-            counter: number
-        }
-    } = {};
-    private _geometryCache: {
-        [key: string]: {
-            obj: SDData,
-            counter: number
-        }
-    } = {};
-    private _logger: Logger = Logger.instance;
-    private _primitiveCache: {
-        [key: string]: {
-            counter: number,
-            threeGeometry: THREE.BufferGeometry,
-            clones: THREE.BufferGeometry[]
-        }
-    } = {};
-
-    // #endregion Properties (8)
-
-    // #region Constructors (1)
-
-    constructor(private readonly _renderingEngine: RenderingEngine) { }
-
-    // #endregion Constructors (1)
-
-    // #region Public Methods (7)
-
-    public emptyGeometryCache() {
-        for(const key in this._geometryCache)
-            this.removeFromGeometryCache(key);
-        this._geometryCache = {};
-
-        for(const key in this._primitiveCache)
-            this.removeFromPrimitiveCache(key);
-        this._primitiveCache = {};
-    }
-
-    public init(): void { }
-
-    /**
-     * Create a geometry object with the provided geometry data.
-     * 
-     * @param geometry the geometry data
-     * @returns the geometry object
-     */
-    public load(geometry: GeometryData, parent: SDData, newChild: boolean, skeleton?: THREE.Skeleton): IBox {
-        const threeGeometry = (() => {
-            if (!this._primitiveCache[geometry.primitive.id + '_' + geometry.primitive.version]) {
-                return this.loadPrimitive(geometry.primitive);
-            } else {
-                this._primitiveCache[geometry.primitive.id + '_' + geometry.primitive.version].counter++;
-                const clone = this._primitiveCache[geometry.primitive.id + '_' + geometry.primitive.version].threeGeometry.clone();
-                this._primitiveCache[geometry.primitive.id + '_' + geometry.primitive.version].clones.push(clone);
-                return clone;
-            }
-        })();
-
-        let incomingMaterialData: IMaterialAbstractData | null;
-        if (geometry.effectMaterials.length > 0) {
-            incomingMaterialData = geometry.effectMaterials[geometry.effectMaterials.length - 1].material;
-        } else if (this._renderingEngine.type === RENDERER_TYPE.ATTRIBUTES) {
-            incomingMaterialData = geometry.attributeMaterial;
-        } else {
-            incomingMaterialData = geometry.material;
-        }
-
-        const materialSettings = {
-            mode: geometry.mode,
-            useVertexTangents: threeGeometry.attributes.tangent !== undefined,
-            useVertexColors: threeGeometry.attributes.color !== undefined && this._renderingEngine.type !== RENDERER_TYPE.ATTRIBUTES,
-            useFlatShading: threeGeometry.attributes.normal === undefined,
-            useMorphTargets: Object.keys(threeGeometry.morphAttributes).length > 0,
-            useMorphNormals: Object.keys(threeGeometry.morphAttributes).length > 0 && threeGeometry.morphAttributes.normal !== undefined
-        };
-
-        if (incomingMaterialData instanceof MaterialGemData) {
-            const gemMaterialData = <MaterialGemData>incomingMaterialData;
-            threeGeometry.computeBoundingSphere();
-
-            const sphericalNormalMap = this.createCubeNormalMap(geometry, threeGeometry);
-
-            const center = threeGeometry.boundingSphere!.center,
-                radius = threeGeometry.boundingSphere!.radius;
-
-            gemMaterialData.side = MATERIAL_SIDE.FRONT;
-
-            gemMaterialData.center = vec3.fromValues(center.x, center.y, center.z);
-            gemMaterialData.radius = radius;
-            (<unknown>gemMaterialData.sphericalNormalMap) = sphericalNormalMap;
-        }
-
-        while (parent.children.length !== 0)
-            parent.remove(parent.children[0]);
-
-        const material = this._renderingEngine.materialLoader.load(incomingMaterialData || geometry, materialSettings);
-        let obj: SDData;
-        if (this._geometryCache[geometry.id + '_' + geometry.version] && !skeleton) {
-            this._geometryCache[geometry.id + '_' + geometry.version].counter++;
-            obj = this._geometryCache[geometry.id + '_' + geometry.version].obj;
-
-            // case 1: in case the geometry data was cloned and this is a different object
-            // case 2: it is a new child
-            if (newChild === false && obj.parent !== parent || newChild === true) {
-                obj = obj.cloneObject() as SDData;
-                parent.add(obj);
-            }
-
-            obj.traverse(o => {
-                if (
-                    o instanceof THREE.Points ||
-                    o instanceof THREE.LineSegments ||
-                    o instanceof THREE.LineLoop ||
-                    o instanceof THREE.Line ||
-                    o instanceof THREE.Mesh)
-                    o.material = material;
-            });
-        } else {
-            obj = new SDData(geometry.id, geometry.version);
-            this.createMesh(obj, geometry, threeGeometry, material, skeleton);
-            this._geometryCache[geometry.id + '_' + geometry.version] = { obj, counter: 1 };
-            parent.add(obj);
-        }
-
-        obj.children.forEach(m => m.castShadow = true);
-        if (material instanceof GemMaterial) {
-            obj.children.forEach(m => m.receiveShadow = false);
-        } else {
-            obj.children.forEach(m => m.receiveShadow = true);
-        }
-
-        return geometry.boundingBox.clone();
-    }
-
-    public loadPrimitive(primitive: IPrimitiveData): THREE.BufferGeometry {
-        const geometry = new THREE.BufferGeometry();
-        if (primitive.indices)
-            geometry.setIndex(new THREE.BufferAttribute(primitive.indices!.array, primitive.indices!.itemSize));
-
-        for (const attributeId in primitive.attributes) {
-            const buffer = this.loadAttribute(primitive.attributes[attributeId], attributeId);
-            const attributeName = this.getAttributeName(attributeId);
-
-            if (attributeId === 'NORMAL')
-                if (this.checkNormals(primitive, attributeId, buffer, geometry))
-                    continue;
-
-            geometry.setAttribute(attributeName, buffer);
-
-            const morphAttributeData = primitive.attributes[attributeId].morphAttributeData;
-            if (morphAttributeData.length > 0) {
-                geometry.morphTargetsRelative = true;
-                const buffers: (THREE.BufferAttribute | THREE.InterleavedBufferAttribute)[] = [];
-                for (let i = 0; i < morphAttributeData.length; i++)
-                    buffers.push(this.loadAttribute(morphAttributeData[i], attributeId));
-                geometry.morphAttributes[attributeName] = buffers;
-            }
-
-            // we copy the uv coordinates into the second set of uv coordinates if there are none
-            // this allows for the usage of AO and light maps that share this coordinate set
-            const attributeIdUV2 = 'TEXCOORD_1', attributeNameUV2 = 'uv1';
-            if (attributeName === 'uv' && !primitive.attributes[attributeIdUV2]) {
-                geometry.setAttribute(attributeNameUV2, buffer);
-
-                const morphAttributeData = primitive.attributes[attributeId].morphAttributeData;
-                if (morphAttributeData.length > 0) {
-                    geometry.morphTargetsRelative = true;
-                    const buffers: (THREE.BufferAttribute | THREE.InterleavedBufferAttribute)[] = [];
-                    for (let i = 0; i < morphAttributeData.length; i++)
-                        buffers.push(this.loadAttribute(morphAttributeData[i], attributeId));
-                    geometry.morphAttributes[attributeNameUV2] = buffers;
-                }
-            }
-        }
-        primitive.convertedObject[this._renderingEngine.id] = geometry;
-
-        this._primitiveCache[primitive.id + '_' + primitive.version] = { threeGeometry: geometry, counter: 1, clones: [] };
-        return geometry;
-    }
-
-    public removeFromGemSphericalMapsCache(id: string) {
-        if (this._gemSphericalMapsCache[id]) {
-            if (this._gemSphericalMapsCache[id].counter === 1) {
-                this._gemSphericalMapsCache[id].renderTarget.dispose();
-                this._gemSphericalMapsCache[id].texture.dispose();
-                delete this._gemSphericalMapsCache[id];
-            } else {
-                this._gemSphericalMapsCache[id].counter--;
-            }
-        }
-    }
-
-    public removeFromGeometryCache(id: string) {
-        if (this._geometryCache[id]) {
-            if (this._geometryCache[id].counter === 1) {
-                this._geometryCache[id].obj.traverse(o => {
-                    if (o instanceof THREE.Mesh || o instanceof THREE.Points || o instanceof THREE.LineSegments || o instanceof THREE.LineLoop || o instanceof THREE.Line) {
-                        o.geometry.dispose();
-                        for (const key in o.geometry.attributes)
-                            o.geometry.deleteAttribute(key);
-                        o.geometry.setIndex(null);
-                    }
-                });
-                delete this._geometryCache[id];
-            } else {
-                this._geometryCache[id].counter--;
-            }
-        }
-    }
-
-    public removeFromPrimitiveCache(id: string) {
-        if (this._primitiveCache[id]) {
-            if (this._primitiveCache[id].counter === 1) {
-                this._primitiveCache[id].threeGeometry.dispose();
-                for (const key in this._primitiveCache[id].threeGeometry.attributes)
-                    this._primitiveCache[id].threeGeometry.deleteAttribute(key);
-                this._primitiveCache[id].threeGeometry.setIndex(null);
-
-                this._primitiveCache[id].clones.forEach(c => {
-                    c.dispose();
-                    for (const key in c.attributes)
-                        c.deleteAttribute(key);
-                    c.setIndex(null);
-                });
-
-                delete this._primitiveCache[id];
-            } else {
-                this._primitiveCache[id].counter--;
-            }
-        }
-    }
-
-    // #endregion Public Methods (7)
-
-    // #region Private Methods (6)
-
-    private checkNormals(primitive: IPrimitiveData, attributeId: string, buffer: THREE.InterleavedBufferAttribute | THREE.BufferAttribute, geometry: THREE.BufferGeometry): boolean {
-        let blnNormalsOk = false;
-        for (let index = 0; index < 10; ++index) {
-            if (Math.abs(buffer.array[index * 3]) > 0.001) {
-                blnNormalsOk = true;
-                break;
-            }
-            if (
-                Math.abs(buffer.array[index * 3 + 1]) > 0.001
-            ) {
-                blnNormalsOk = true;
-                break;
-            }
-            if (
-                Math.abs(buffer.array[index * 3 + 2]) > 0.001
-            ) {
-                blnNormalsOk = true;
-                break;
-            }
-        }
-        if (!blnNormalsOk) {
-            geometry.computeVertexNormals();
-            const computedNormalAttribute = <THREE.BufferAttribute>geometry.getAttribute('normal');
-
-            // store the computed normals in the attribute data
-            primitive.attributes[attributeId] = new AttributeData(
-                new Float32Array(computedNormalAttribute.array),
-                computedNormalAttribute.itemSize,
-                0,
-                0,
-                3,
-                computedNormalAttribute.normalized,
-                computedNormalAttribute.array.length / 3);
-            return true;
-        }
-        return false;
-    }
-
-    private convertToTriangleMode(geometry: THREE.BufferGeometry, drawMode: PRIMITIVE_MODE) {
-        let index = geometry.getIndex();
-        // generate index if not present
-        if (index === null) {
-            const indices = [];
-            const position = geometry.getAttribute('position');
-            if (position !== undefined) {
-                for (let i = 0; i < position.count; i++)
-                    indices.push(i);
-                geometry.setIndex(indices);
-                index = geometry.getIndex();
-            } else {
-                throw new ShapeDiverViewerDataProcessingError('GeometryLoader.convertToTriangleMode: Undefined position attribute. Processing not possible.');
-            }
-        }
-
-        if (index === null)
-            throw new ShapeDiverViewerDataProcessingError('GeometryLoader.convertToTriangleMode: Undefined index. Processing not possible.');
-
-        const numberOfTriangles = index.count - 2;
-        const newIndices = [];
-        if (drawMode === PRIMITIVE_MODE.TRIANGLE_FAN) {
-            for (let i = 1; i <= numberOfTriangles; i++) {
-                newIndices.push(index.getX(0));
-                newIndices.push(index.getX(i));
-                newIndices.push(index.getX(i + 1));
-            }
-        } else {
-            for (let i = 0; i < numberOfTriangles; i++) {
-                if (i % 2 === 0) {
-                    newIndices.push(index.getX(i));
-                    newIndices.push(index.getX(i + 1));
-                    newIndices.push(index.getX(i + 2));
-                } else {
-                    newIndices.push(index.getX(i + 2));
-                    newIndices.push(index.getX(i + 1));
-                    newIndices.push(index.getX(i));
-                }
-            }
-        }
-
-        if ((newIndices.length / 3) !== numberOfTriangles)
-            throw new ShapeDiverViewerDataProcessingError('GeometryLoader.convertToTriangleMode: Unable to generate correct amount of triangle.');
-
-        geometry.setIndex(newIndices);
-    }
-
-    private createCubeNormalMap(geometryData: GeometryData, geometry: THREE.BufferGeometry, resolution = 1024) {
-        if (this._gemSphericalMapsCache[geometryData.primitive.id + '_' + geometryData.primitive.version]) {
-            this._gemSphericalMapsCache[geometryData.primitive.id + '_' + geometryData.primitive.version].counter++;
-            return this._gemSphericalMapsCache[geometryData.primitive.id + '_' + geometryData.primitive.version].texture;
-        }
-
-        if (!this._gemScene) {
-            this._gemScene = new THREE.Scene();
-            this._gemCubeCameraRenderTarget = new THREE.WebGLCubeRenderTarget(resolution, { format: THREE.RGBAFormat, magFilter: THREE.LinearFilter, minFilter: THREE.LinearFilter });
-            this._gemCubeCameraRenderTarget.texture.generateMipmaps = false;
-            this._gemCubeCameraRenderTarget.texture.minFilter = THREE.NearestFilter;
-            this._gemCubeCameraRenderTarget.texture.magFilter = THREE.NearestFilter;
-            this._gemCubeCameraRenderTarget.texture.format = THREE.RGBAFormat;
-            this._gemCubeCamera = new THREE.CubeCamera(0.001, 10000, this._gemCubeCameraRenderTarget);
-            this._gemScene.add(this._gemCubeCamera);
-        } else {
-            this._gemCubeCameraRenderTarget = new THREE.WebGLCubeRenderTarget(resolution, { format: THREE.RGBAFormat, magFilter: THREE.LinearFilter, minFilter: THREE.LinearFilter });
-            this._gemCubeCameraRenderTarget.texture.generateMipmaps = false;
-            this._gemCubeCameraRenderTarget.texture.minFilter = THREE.NearestFilter;
-            this._gemCubeCameraRenderTarget.texture.magFilter = THREE.NearestFilter;
-            this._gemCubeCameraRenderTarget.texture.format = THREE.RGBAFormat;
-            this._gemCubeCamera!.renderTarget = this._gemCubeCameraRenderTarget;
-        }
-
-        if (!this._gemNormalMaterial) {
-            const _normalShader = {
-                defines: {},
-                uniforms: THREE.UniformsUtils.merge([
-                    THREE.UniformsLib.common]),
-                vertexShader: `
-                varying vec3 vNormal;
-
-                void main() {
-                  vNormal = normal;
-                  gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-                }
-                `,
-                fragmentShader: `
-                varying highp vec3 vNormal;
-
-                float decodeFloat(float f) {
-                    float r = mod(f, 1.0/255.0);
-                    return /*r > 0.5/256.0 ? f + (1.0/256.0) - r : */f - r;
-                }
-                
-                vec3 decodeVec3(vec3 v) {
-                    return vec3(decodeFloat(v.x), decodeFloat(v.y), decodeFloat(v.z));
-                }
-                
-                float signEncoding(vec3 v) {
-                    float code = 1.0;
-                     if(v.x < 0.0 && v.y < 0.0 && v.z < 0.0) {
-                        code = 0.0;
-                    } else if (v.x < 0.0 && v.y < 0.0) {
-                        code = 2.0/256.0;
-                    } else if (v.x < 0.0 && v.z < 0.0) {
-                        code = 4.0/256.0;
-                    } else if (v.y < 0.0 && v.z < 0.0) {
-                        code = 6.0/256.0;
-                    } else if (v.x < 0.0) {
-                        code = 8.0/256.0;
-                    } else if (v.y < 0.0) {
-                        code = 10.0/256.0;
-                    } else if (v.z < 0.0) {
-                        code = 12.0/256.0;
-                    }
-                    return code;
-                }
-                
-                void main() {
-                    vec3 n = normalize(vNormal);
-                    gl_FragColor = vec4(decodeVec3(abs(n)), signEncoding(n));
-                }
-                `
-            };
-
-            this._gemNormalMaterial = new THREE.ShaderMaterial({
-                uniforms: THREE.UniformsUtils.clone(_normalShader.uniforms),
-                defines: _normalShader.defines,
-                vertexShader: _normalShader.vertexShader,
-                fragmentShader: _normalShader.fragmentShader
-            });
-
-            this._gemNormalMaterial.blending = THREE.NoBlending;
-            this._gemNormalMaterial.side = THREE.DoubleSide;
-            this._gemScene.overrideMaterial = this._gemNormalMaterial;
-        }
-
-        const mesh = new THREE.Mesh(geometry.clone(), this._gemNormalMaterial);
-        mesh.geometry.center();
-        this._gemScene.add(mesh);
-
-        this._gemCubeCamera!.update(this._renderingEngine.renderer, this._gemScene);
-        this._gemScene.remove(mesh);
-        mesh.geometry.dispose();
-        mesh.material.dispose();
-
-        this._gemCubeCamera!.renderTarget.texture.userData = {
-            SDid: geometryData.primitive.id,
-            SDversion: geometryData.primitive.version
-        };
-
-        this._gemSphericalMapsCache[geometryData.primitive.id + '_' + geometryData.primitive.version] = { texture: this._gemCubeCameraRenderTarget.texture, renderTarget: this._gemCubeCameraRenderTarget, counter: 1 };
-        return this._gemSphericalMapsCache[geometryData.primitive.id + '_' + geometryData.primitive.version].texture;
-    }
-
-    private createMesh(obj: SDData, geometry: GeometryData, threeGeometry: THREE.BufferGeometry, material: THREE.Material, skeleton?: THREE.Skeleton) {
-        if (geometry.mode === PRIMITIVE_MODE.POINTS) {
-            const points = new THREE.Points(threeGeometry, material);
-            geometry.convertedObject[this._renderingEngine.id] = points;
-            obj.add(points);
-        } else if (geometry.mode === PRIMITIVE_MODE.LINES) {
-            const lineSegments = new THREE.LineSegments(threeGeometry, material);
-            geometry.convertedObject[this._renderingEngine.id] = lineSegments;
-            obj.add(lineSegments);
-        } else if (geometry.mode === PRIMITIVE_MODE.LINE_LOOP) {
-            const lineLoop = new THREE.LineLoop(threeGeometry, material);
-            geometry.convertedObject[this._renderingEngine.id] = lineLoop;
-            obj.add(lineLoop);
-        } else if (geometry.mode === PRIMITIVE_MODE.LINE_STRIP) {
-            const line = new THREE.Line(threeGeometry, material);
-            geometry.convertedObject[this._renderingEngine.id] = line;
-            obj.add(line);
-        } else if (geometry.mode === PRIMITIVE_MODE.TRIANGLES || geometry.mode === PRIMITIVE_MODE.TRIANGLE_STRIP || geometry.mode === PRIMITIVE_MODE.TRIANGLE_FAN) {
-            const bufferGeometry = threeGeometry;
-            if (geometry.mode === PRIMITIVE_MODE.TRIANGLE_STRIP || geometry.mode === PRIMITIVE_MODE.TRIANGLE_FAN)
-                this.convertToTriangleMode(bufferGeometry, geometry.mode);
-
-            if (skeleton) {
-                const skinnedMesh = new THREE.SkinnedMesh(bufferGeometry, material);
-                geometry.convertedObject[this._renderingEngine.id] = skinnedMesh;
-                skinnedMesh.bind(skeleton, skinnedMesh.matrixWorld);
-
-                if ((<THREE.BufferAttribute>bufferGeometry.attributes.skinWeight).normalized)
-                    skinnedMesh.normalizeSkinWeights();
-
-                obj.add(skinnedMesh);
-            } else {
-                const mesh = new THREE.Mesh(bufferGeometry, material);
-                geometry.convertedObject[this._renderingEngine.id] = mesh;
-                obj.add(mesh);
-            }
-        } else {
-            throw new ShapeDiverViewerDataProcessingError(`GeometryLoader.load: Unrecognized primitive mode ${geometry.mode}.`);
-        }
-
-        obj.traverse(m => {
-            if (m instanceof THREE.Mesh || m instanceof THREE.Points || m instanceof THREE.LineSegments || m instanceof THREE.LineLoop || m instanceof THREE.Line) {
-                (<THREE.Mesh>m).geometry.userData = {
-                    SDid: geometry.id,
-                    SDversion: geometry.version,
-                    primitiveSDid: geometry.primitive.id,
-                    primitiveSDversion: geometry.primitive.version
-                };
-                m.renderOrder = geometry.renderOrder;
-            }
-
-            if (m instanceof THREE.Mesh && m.userData.transparencyPlaceholder !== true) {
-                (<THREE.Mesh>m).geometry.boundingBox = new THREE.Box3(new THREE.Vector3(geometry.boundingBox.min[0], geometry.boundingBox.min[1], geometry.boundingBox.min[2]), new THREE.Vector3(geometry.boundingBox.max[0], geometry.boundingBox.max[1], geometry.boundingBox.max[2]));
-                (<THREE.Mesh>m).geometry.boundingSphere = new THREE.Sphere(new THREE.Vector3(geometry.boundingBox.boundingSphere.center[0], geometry.boundingBox.boundingSphere.center[1], geometry.boundingBox.boundingSphere.center[2]), geometry.boundingBox.boundingSphere.radius);
-                (<THREE.Mesh>m).morphTargetInfluences = geometry.morphWeights;
-            }
-        });
-    }
-
-    private getAttributeName(attributeId: string): string {
-        switch (attributeId) {
-            case 'POSITION':
-                return 'position';
-            case 'NORMAL':
-                return 'normal';
-            case 'TEXCOORD_0':
-            case 'TEXCOORD0':
-            case 'TEXCOORD':
-            case 'UV':
-                return 'uv';
-            case 'TEXCOORD_1':
-                return 'uv1';
-            case 'TEXCOORD_2':
-                return 'uv2';
-            case 'TEXCOORD_3':
-                return 'uv3';
-            case 'COLOR_0':
-            case 'COLOR0':
-            case 'COLOR':
-                return 'color';
-            case 'WEIGHT':
-            case 'WEIGHTS_0':
-                return 'skinWeight';
-            case 'JOINT':
-            case 'JOINTS_0':
-                return 'skinIndex';
-            case 'TANGENT':
-                return 'tangent';
-            case 'POSITION_INDEX':
-                return 'positionIndex';
-            default:
-                this._logger.warn(`GeometryLoader.loadPrimitive: Unrecognized attribute id ${attributeId}.`);
-        }
-        return '';
-    }
-
-    private loadAttribute(bufferAttribute: IAttributeData, attributeId: string) {
-        let buffer: THREE.InterleavedBufferAttribute | THREE.BufferAttribute;
-
-        if (bufferAttribute.byteStride && bufferAttribute.byteStride !== bufferAttribute.itemBytes) {
-            // Integer parameters to IB/IBA are in array elements, not bytes.
-            const ib = new THREE.InterleavedBuffer(bufferAttribute.array, bufferAttribute.byteStride / bufferAttribute.elementBytes);
-            buffer = new THREE.InterleavedBufferAttribute(ib, bufferAttribute.itemSize, (bufferAttribute.byteOffset % bufferAttribute.byteStride) / bufferAttribute.elementBytes, bufferAttribute.normalized);
-        } else {
-            buffer = new THREE.BufferAttribute(bufferAttribute.array, bufferAttribute.itemSize, (attributeId === 'COLOR_0' || attributeId === 'COLOR0' || attributeId === 'COLOR') ? true : bufferAttribute.normalized);
-        }
-
-        if (bufferAttribute.sparse) {
-            if (bufferAttribute.array !== null) {
-                // Avoid modifying the original ArrayBuffer, if the bufferView wasn't initialized with zeroes.
-                buffer = new THREE.BufferAttribute(bufferAttribute.array.slice(), bufferAttribute.itemSize, bufferAttribute.normalized);
-            }
-
-            for (let i = 0, il = bufferAttribute.sparseIndices!.length; i < il; i++) {
-                const index = bufferAttribute.sparseIndices![i];
-                buffer.setX(index, bufferAttribute.sparseValues![i * bufferAttribute.itemSize]);
-                if (bufferAttribute.itemSize >= 2) buffer.setY(index, bufferAttribute.sparseValues![i * bufferAttribute.itemSize + 1]);
-                if (bufferAttribute.itemSize >= 3) buffer.setZ(index, bufferAttribute.sparseValues![i * bufferAttribute.itemSize + 2]);
-                if (bufferAttribute.itemSize >= 4) buffer.setW(index, bufferAttribute.sparseValues![i * bufferAttribute.itemSize + 3]);
-                if (bufferAttribute.itemSize >= 5) throw new ShapeDiverViewerDataProcessingError('GeometryLoader.loadPrimitive: Unsupported itemSize in sparse BufferAttribute.');
-            }
-        }
-        return buffer;
-    }
-
-    // #endregion Private Methods (6)
-}

package/src/loaders/HTMLElementAnchorLoader.ts

@@ -1,107 +0,0 @@
-import { BUSY_MODE_DISPLAY } from '@shapediver/viewer.rendering-engine.rendering-engine';
-import { HTMLElementAnchorData } from '@shapediver/viewer.shared.types';
-import { ILoader } from '../interfaces/ILoader';
-import { ITreeNode } from '@shapediver/viewer.shared.node-tree';
-import { RenderingEngine } from '../RenderingEngine';
-import { vec2, vec3 } from 'gl-matrix';
-
-export class HTMLElementAnchorLoader implements ILoader {
-    // #region Properties (2)
-
-    private readonly _htmlElements: {
-        [key: string]: {
-            anchor: HTMLElementAnchorData,
-            node: ITreeNode
-        }
-    } = {};
-    private readonly _parentDiv: HTMLDivElement;
-
-    // #endregion Properties (2)
-
-    // #region Constructors (1)
-
-    constructor(private readonly _renderingEngine: RenderingEngine) {
-        this._parentDiv = document.createElement('div');
-        this._parentDiv.classList.add('sdv-anchor-container');
-    }
-
-    // #endregion Constructors (1)
-
-    // #region Public Getters And Setters (1)
-
-    public get parentDiv(): HTMLDivElement {
-        return this._parentDiv;
-    }
-
-    // #endregion Public Getters And Setters (1)
-
-    // #region Public Methods (5)
-
-    public adjustPositions(scaleWidth: number, scaleHeight: number): void {
-        for (const anchorId in this._htmlElements) {
-            const anchor = this._htmlElements[anchorId].anchor;
-            const { page, container, client, hidden } = this._renderingEngine.sceneTracingManager.convert3Dto2D(vec3.clone(anchor.location));
-
-            const htmlElement = anchor.createViewerHtmlElement(this._renderingEngine.id);
-            if (!htmlElement) continue;
-
-            let node = this._htmlElements[anchorId].node;
-
-            let visible = node.visible;
-            while (node.parent) {
-                node = node.parent;
-                visible = node.visible && visible;
-            }
-
-            if (this._renderingEngine.show === false)
-                visible = false;
-
-            anchor.update({ anchor, htmlElement, page, container, client, scale: vec2.fromValues(scaleWidth, scaleHeight), hidden, visible });
-        }
-    }
-
-    public init(): void {
-        this._renderingEngine.canvas.parentNode?.appendChild(this._parentDiv);
-    }
-
-    public load(node: ITreeNode, anchor: HTMLElementAnchorData, isVisibleInHierarchy: boolean): void {
-        const htmlElement = anchor.createViewerHtmlElement(this._renderingEngine.id);
-        if (!htmlElement) return;
-
-        // set the display property to "none" if the viewport is not shown or the node is not visible
-        if (this._renderingEngine.show === false || isVisibleInHierarchy === false) htmlElement.style.display = 'none';
-
-        // if the node is not visible return
-        if (isVisibleInHierarchy === false) return;
-
-        this._parentDiv.appendChild(htmlElement);
-        this._htmlElements[anchor.id + '_' + anchor.version] = {
-            node,
-            anchor
-        };
-    }
-
-    public removeData(id: string, version: string) {
-        // since the data object might be there, but no data is loaded for this viewport
-        // this check is needed
-        if (!this._htmlElements[id + '_' + version]) return;
-
-        const anchor = this._htmlElements[id + '_' + version].anchor;
-        if (anchor && anchor.getViewerHtmlElement(this._renderingEngine.id)) {
-            this._parentDiv.removeChild(anchor.getViewerHtmlElement(this._renderingEngine.id)!);
-            delete this._htmlElements[id + '_' + version];
-        }
-    }
-
-    public toggleBusyMode(toggle: boolean) {
-        if (toggle && this._renderingEngine.busyModeDisplay === BUSY_MODE_DISPLAY.BLUR) {
-            if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1 && navigator.userAgent.toLowerCase().indexOf('android') > -1)
-                return;
-            this._parentDiv.style.filter = 'blur(3px)';
-        } else {
-            this._parentDiv.style.filter = '';
-        }
-    }
-
-    // #endregion Public Methods (5)
-}