@inweb/viewer-three/dist/plugins/components/AxesHelperComponent.module.js

JavaScript library for rendering CAD and BIM files in a browser using Three.js

import { Vector3, AxesHelper } from "three";

import { components } from "@inweb/viewer-three";

class AxesHelperComponent {
    constructor(viewer) {
        this.syncHelper = () => {
            this.axesHelper1.removeFromParent();
            this.axesHelper1.dispose();
            this.axesHelper2.removeFromParent();
            this.axesHelper2.dispose();
            if (this.viewer.extents.isEmpty()) return;
            const size = this.viewer.extents.getSize(new Vector3).length();
            const center = this.viewer.extents.getCenter(new Vector3);
            this.axesHelper1 = new AxesHelper(size);
            this.axesHelper1.position.copy(center);
            this.viewer.helpers.add(this.axesHelper1);
            this.axesHelper2 = new AxesHelper(size);
            this.axesHelper2.position.set(0, 0, 0);
            this.viewer.helpers.add(this.axesHelper2);
        };
        this.axesHelper1 = new AxesHelper;
        this.axesHelper2 = new AxesHelper;
        this.viewer = viewer;
        this.viewer.addEventListener("geometryend", this.syncHelper);
        this.viewer.addEventListener("clear", this.syncHelper);
    }
    dispose() {
        this.axesHelper1.removeFromParent();
        this.axesHelper1.dispose();
        this.axesHelper2.removeFromParent();
        this.axesHelper2.dispose();
        this.viewer.removeEventListener("geometryend", this.syncHelper);
        this.viewer.removeEventListener("clear", this.syncHelper);
    }
}

components.registerComponent("AxesHelperComponent", (viewer => new AxesHelperComponent(viewer)));
//# sourceMappingURL=AxesHelperComponent.module.js.map