@inweb/viewer-three
Version:
JavaScript library for rendering CAD and BIM files in a browser using Three.js
75 lines (71 loc) • 3.36 kB
JavaScript
///////////////////////////////////////////////////////////////////////////////
// Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
// All rights reserved.
//
// This software and its documentation and related materials are owned by
// the Alliance. The software may only be incorporated into application
// programs owned by members of the Alliance, subject to a signed
// Membership Agreement and Supplemental Software License Agreement with the
// Alliance. The structure and organization of this software are the valuable
// trade secrets of the Alliance and its suppliers. The software is also
// protected by copyright law and international treaty provisions. Application
// programs incorporating this software must include the following statement
// with their copyright notices:
//
// This application incorporates Open Design Alliance software pursuant to a
// license agreement with Open Design Alliance.
// Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.
// All rights reserved.
//
// By use of this software, its documentation or related materials, you
// acknowledge and accept the above terms.
///////////////////////////////////////////////////////////////////////////////
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
import { loaders, Loader, GLTFLoadingManager, ModelImpl } from '@inweb/viewer-three';
class GLTFFileLoader extends Loader {
constructor(viewer) {
super();
this.viewer = viewer;
}
dispose() {
if (this.manager)
this.manager.dispose();
}
isSupport(file, format) {
return ((typeof file === "string" || file instanceof globalThis.File || file instanceof ArrayBuffer) &&
/(gltf|glb)$/i.test(format));
}
async load(file, format, params = {}) {
this.manager = new GLTFLoadingManager(file, params);
const loader = new GLTFLoader(this.manager);
loader.setPath(this.manager.path);
loader.setCrossOrigin(params.crossOrigin || loader.crossOrigin);
loader.setRequestHeader(params.requestHeader || {});
loader.setWithCredentials(params.withCredentials || loader.withCredentials);
const progress = (event) => {
const { lengthComputable, loaded, total } = event;
const progress = lengthComputable ? loaded / total : 1;
this.viewer.emitEvent({ type: "geometryprogress", data: progress, file });
};
const gltf = await loader.loadAsync(this.manager.fileURL, progress);
if (!this.viewer.scene)
return this;
let handle = 1;
gltf.scene.traverse((object) => {
object.userData = { handle: handle + "", ...object.userData };
handle++;
});
const modelImpl = new ModelImpl(gltf.scene);
modelImpl.id = params.modelId || this.extractFileName(file);
this.viewer.scene.add(gltf.scene);
this.viewer.models.push(modelImpl);
this.viewer.syncOptions();
this.viewer.syncOverlay();
this.viewer.emitEvent({ type: "databasechunk", data: gltf.scene, file });
this.viewer.update(true);
return this;
}
}
loaders.registerLoader("gltf-file", (viewer) => new GLTFFileLoader(viewer));
export { GLTFFileLoader };
//# sourceMappingURL=GLTFFileLoader.module.js.map