csyjk 1.2.2 → 2.2.2

package/src/lib/gltf/assets/yjkkit-sdk/src/plugins/FastNavPlugin/FastNavPlugin.js

@@ -1,345 +0,0 @@
-import {Plugin} from "../../viewer/Plugin.js";
-
-/**
- * {@link Viewer} plugin that improves interactivity by disabling expensive rendering effects while the {@link Camera} is moving.
- *
- * # Usage
- *
- * In the example below, we'll create a {@link Viewer}, add a {@link FastNavPlugin}, then use an {@link XKTLoaderPlugin} to load a model.
- *
- * This viewer will only render the model with enhanced edges, physically-based rendering (PBR) and scalable
- * ambient obscurance (SAO) when the camera is not moving.
- *
- * Note how we enable SAO and PBR on the ````Scene```` and the model.
- *
- * * [[Run this example](https://yjkkit.github.io/yjkkit-sdk/examples/#performance_FastNavPlugin)]
- *
- * ````javascript
- * import {Viewer, XKTLoaderPlugin, FastNavPlugin} from "yjkkit-sdk.es.js";
- *
- * const viewer = new Viewer({
- *      canvasId: "myCanvas",
- *      transparent: true,
- *      pbrEnabled: true,
- *      saoEnabled: true
- *  });
- *
- * viewer.scene.camera.eye = [-66.26, 105.84, -281.92];
- * viewer.scene.camera.look = [42.45, 49.62, -43.59];
- * viewer.scene.camera.up = [0.05, 0.95, 0.15];
- *
- * new FastNavPlugin(viewer, {
- *     pbrEnabled: true,
- *     saoEnabled: true,
- *     edgesEnabled: true
- * });
- *
- * const xktLoader = new XKTLoaderPlugin(viewer);
- *
- * const model = xktLoader.load({
- *      id: "myModel",
- *      src: "./models/xkt/HolterTower.xkt",
- *      edges: true,
- *      saoEnabled: true,
- *      pbrEnabled: true
- * });
- * ````
- *
- * @class FastNavPlugin
- */
-class FastNavPlugin extends Plugin {
-
-    /**
-     * @constructor
-     * @param {Viewer} viewer The Viewer.
-     * @param {Object} cfg FastNavPlugin configuration.
-     * @param {String} [cfg.id="FastNav"] Optional ID for this plugin, so that we can find it within {@link Viewer#plugins}.
-     * @param {Boolean} [cfg.pbrEnabled] Whether to enable physically-based rendering (PBR) when the camera stops moving. When not specified, PBR will be enabled if its currently enabled for the Viewer (see {@link Viewer#pbrEnabled}).
-     * @param {Boolean} [cfg.saoEnabled] Whether to enable scalable ambient occlusion (SAO) when the camera stops moving. When not specified, SAO will be enabled if its currently enabled for the Viewer (see {@link Scene#pbrEnabled}).
-     * @param {Boolean} [cfg.edgesEnabled] Whether to show enhanced edges when the camera stops moving. When not specified, edges will be enabled if they're currently enabled for the Viewer (see {@link EdgeMaterial#edges}).
-     */
-    constructor(viewer, cfg = {}) {
-
-        super("FastNav", viewer);
-
-        this._pbrEnabled = (cfg.pbrEnabled !== undefined && cfg.pbrEnabled !== null) ? cfg.pbrEnabled : viewer.scene.pbrEnabled;
-        this._saoEnabled = (cfg.saoEnabled !== undefined && cfg.saoEnabled !== null) ? cfg.saoEnabled : viewer.scene.sao.enabled;
-        this._edgesEnabled = (cfg.edgesEnabled !== undefined && cfg.edgesEnabled !== null) ? cfg.edgesEnabled : viewer.scene.edgeMaterial.edges;
-
-        this._pInterval = null;
-        this._fadeMillisecs = 500;
-
-        let timeoutDuration = 600; // Milliseconds
-        let timer = timeoutDuration;
-        let fastMode = false;
-
-        this._onCanvasBoundary = viewer.scene.canvas.on("boundary", () => {
-            timer = timeoutDuration;
-            if (!fastMode) {
-                this._cancelFade();
-                viewer.scene.pbrEnabled = false;
-                viewer.scene.sao.enabled = false;
-                viewer.scene.edgeMaterial.edges = false;
-                fastMode = true;
-            }
-        });
-
-        this._onCameraMatrix = viewer.scene.camera.on("matrix", () => {
-            timer = timeoutDuration;
-            if (!fastMode) {
-                this._cancelFade();
-                viewer.scene.pbrEnabled = false;
-                viewer.scene.sao.enabled = false;
-                viewer.scene.edgeMaterial.edges = false;
-                fastMode = true;
-            }
-        });
-
-        this._onSceneTick = viewer.scene.on("tick", (tickEvent) => {  // Milliseconds
-            if (!fastMode) {
-                return;
-            }
-            timer -= tickEvent.deltaTime;
-            if (timer <= 0) {
-                if (fastMode) {
-                    this._startFade();
-                    this._pInterval2 = setTimeout(() => { // Needed by Firefox - https://github.com/yjkkit/yjkkit-sdk/issues/624
-                        viewer.scene.pbrEnabled = this._pbrEnabled;
-                        viewer.scene.sao.enabled = this._saoEnabled;
-                        viewer.scene.edgeMaterial.edges = this._edgesEnabled;
-                    }, 100);
-
-                    fastMode = false;
-                }
-            }
-        });
-
-        let down = false;
-
-        this._onSceneMouseDown = viewer.scene.input.on("mousedown", () => {
-            timer = timeoutDuration;
-            if (!fastMode) {
-                this._cancelFade();
-                viewer.scene.pbrEnabled = false;
-                viewer.scene.sao.enabled = false;
-                viewer.scene.edgeMaterial.edges = false;
-                fastMode = true;
-            }
-            down = true;
-        });
-
-        this._onSceneMouseUp = viewer.scene.input.on("mouseup", () => {
-            down = false;
-        });
-
-        this._onSceneMouseMove = viewer.scene.input.on("mousemove", () => {
-            if (!down) {
-                return;
-            }
-            timer = timeoutDuration;
-            if (!fastMode) {
-                this._cancelFade();
-                viewer.scene.pbrEnabled = false;
-                viewer.scene.sao.enabled = false;
-                viewer.scene.edgeMaterial.edges = false;
-                fastMode = true;
-            }
-        });
-    }
-
-    _startFade() {
-
-        if (!this._img) {
-            this._initFade();
-        }
-
-        const interval = 50;
-        const inc = 1 / (this._fadeMillisecs / interval);
-
-        if (this._pInterval) {
-            clearInterval(this._pInterval);
-            this._pInterval = null;
-        }
-
-        const viewer = this.viewer;
-
-        const canvas = viewer.scene.canvas.canvas;
-        const canvasOffset = cumulativeOffset(canvas);
-        const zIndex = (parseInt(canvas.style["z-index"]) || 0) + 1;
-        this._img.style.position = "fixed";
-        this._img.style["margin"] = 0 + "px";
-        this._img.style["z-index"] = zIndex;
-        this._img.style["background"] = canvas.style.background;
-        this._img.style.left = canvasOffset.left + "px";
-        this._img.style.top = canvasOffset.top + "px";
-        this._img.style.width = canvas.width + "px";
-        this._img.style.height = canvas.height + "px";
-        this._img.width = canvas.width;
-        this._img.height = canvas.height;
-        this._img.src = ""; // Needed by Firefox - https://github.com/yjkkit/yjkkit-sdk/issues/624
-        this._img.src = viewer.getSnapshot({
-            format: "png",
-            includeGizmos: true
-        });
-        this._img.style.visibility = "visible";
-        this._img.style.opacity = 1;
-
-        let opacity = 1;
-        this._pInterval = setInterval(() => {
-            opacity -= inc;
-            if (opacity > 0) {
-                this._img.style.opacity = opacity;
-                const canvasOffset = cumulativeOffset(canvas);
-                this._img.style.left = canvasOffset.left + "px";
-                this._img.style.top = canvasOffset.top + "px";
-                this._img.style.width = canvas.width + "px";
-                this._img.style.height = canvas.height + "px";
-                this._img.style.opacity = opacity;
-                this._img.width = canvas.width;
-                this._img.height = canvas.height;
-
-            } else {
-                this._img.style.opacity = 0;
-                this._img.style.visibility = "hidden";
-                clearInterval(this._pInterval);
-                this._pInterval = null;
-            }
-        }, interval);
-    }
-
-    _initFade() {
-        this._img = document.createElement('img');
-        const canvas = this.viewer.scene.canvas.canvas;
-        const canvasOffset = cumulativeOffset(canvas);
-        const zIndex = (parseInt(canvas.style["z-index"]) || 0) + 1;
-        this._img.style.position = "absolute";
-        this._img.style.visibility = "hidden";
-        this._img.style["pointer-events"] = "none";
-        this._img.style["z-index"] = 5;
-        this._img.style.left = canvasOffset.left + "px";
-        this._img.style.top = canvasOffset.top + "px";
-        this._img.style.width = canvas.width + "px";
-        this._img.style.height = canvas.height + "px";
-        this._img.style.opacity = 1;
-        this._img.width = canvas.width;
-        this._img.height = canvas.height;
-        this._img.left = canvasOffset.left;
-        this._img.top = canvasOffset.top;
-        canvas.parentNode.insertBefore(this._img, canvas.nextSibling);
-    }
-
-    _cancelFade() {
-        if (!this._img) {
-            return;
-        }
-        if (this._pInterval) {
-            clearInterval(this._pInterval);
-            this._pInterval = null;
-        }
-        if (this._pInterval2) {
-            clearInterval(this._pInterval2);
-            this._pInterval2 = null;
-        }
-        this._img.style.opacity = 0;
-        this._img.style.visibility = "hidden";
-    }
-
-    /**
-     * Sets whether to enable physically-based rendering (PBR) when the camera stops moving.
-     *
-     * @return {Boolean} Whether PBR will be enabled.
-     */
-    set pbrEnabled(pbrEnabled) {
-        this._pbrEnabled = pbrEnabled;
-    }
-
-    /**
-     * Gets whether to enable physically-based rendering (PBR) when the camera stops moving.
-     *
-     * @return {Boolean} Whether PBR will be enabled.
-     */
-    get pbrEnabled() {
-        return this._pbrEnabled
-    }
-
-    /**
-     * Sets whether to enable scalable ambient occlusion (SAO) when the camera stops moving.
-     *
-     * @return {Boolean} Whether SAO will be enabled.
-     */
-    set saoEnabled(saoEnabled) {
-        this._saoEnabled = saoEnabled;
-    }
-
-    /**
-     * Gets whether the FastNavPlugin enables SAO when switching to quality rendering.
-     *
-     * @return {Boolean} Whether SAO will be enabled.
-     */
-    get saoEnabled() {
-        return this._saoEnabled
-    }
-
-    /**
-     * Sets whether to show enhanced edges when the camera stops moving.
-     *
-     * @return {Boolean} Whether edge enhancement will be enabled.
-     */
-    set edgesEnabled(edgesEnabled) {
-        this._edgesEnabled = edgesEnabled;
-    }
-
-    /**
-     * Gets whether to show enhanced edges when the camera stops moving.
-     *
-     * @return {Boolean} Whether edge enhancement will be enabled.
-     */
-    get edgesEnabled() {
-        return this._edgesEnabled
-    }
-
-    /**
-     * @private
-     */
-    send(name, value) {
-        switch (name) {
-            case "clear":
-                this._cancelFade();
-                break;
-        }
-    }
-
-    /**
-     * Destroys this plugin.
-     */
-    destroy() {
-        this._cancelFade();
-        this.viewer.scene.camera.off(this._onCameraMatrix);
-        this.viewer.scene.canvas.off(this._onCanvasBoundary);
-        this.viewer.scene.input.off(this._onSceneMouseDown);
-        this.viewer.scene.input.off(this._onSceneMouseUp);
-        this.viewer.scene.input.off(this._onSceneMouseMove);
-        this.viewer.scene.off(this._onSceneTick);
-        super.destroy();
-        if (this._img) {
-            this._img.parentNode.removeChild(this._img);
-            this._img = null;
-        }
-    }
-}
-
-function cumulativeOffset(element) {
-    let top = 0, left = 0;
-    do {
-        top += element.offsetTop || 0;
-        left += element.offsetLeft || 0;
-        element = element.offsetParent;
-    } while (element);
-
-    return {
-        top: top,
-        left: left
-    };
-}
-
-export {FastNavPlugin}

package/src/lib/gltf/assets/yjkkit-sdk/src/plugins/FastNavPlugin/index.js

@@ -1 +0,0 @@
-export * from "./FastNavPlugin.js";

package/src/lib/gltf/assets/yjkkit-sdk/src/plugins/GLTFLoaderPlugin/GLTFDefaultDataSource.js

@@ -1,122 +0,0 @@
-import {utils} from "../../viewer/scene/utils.js";
-
-/**
- * Default data access strategy for {@link GLTFLoaderPlugin}.
- *
- * This just loads assets using XMLHttpRequest.
- */
-class GLTFDefaultDataSource {
-
-    constructor() {
-    }
-
-    /**
-     * Gets metamodel JSON.
-     *
-     * @param {String|Number} metaModelSrc Identifies the metamodel JSON asset.
-     * @param {{Function(*)}} ok Fired on successful loading of the metamodel JSON asset.
-     * @param {{Function(*)}} error Fired on error while loading the metamodel JSON asset.
-     */
-    getMetaModel(metaModelSrc, ok, error) {
-        utils.loadJSON(metaModelSrc,
-            (json) => {
-                ok(json);
-            },
-            function (errMsg) {
-                error(errMsg);
-            });
-    }
-
-    /**
-     * Gets glTF JSON.
-     *
-     * @param {String|Number} glTFSrc Identifies the glTF JSON asset.
-     * @param {Function} ok Fired on successful loading of the glTF JSON asset.
-     * @param {Function} error Fired on error while loading the glTF JSON asset.
-     */
-    getGLTF(glTFSrc, ok, error) {
-        utils.loadJSON(glTFSrc,
-            (gltf) => {
-                ok(gltf);
-            },
-            function (errMsg) {
-                error(errMsg);
-            });
-    }
-
-    /**
-     * Gets glTF binary attachment.
-     *
-     * Note that this method requires the source of the glTF JSON asset. This is because the binary attachment
-     * source could be relative to the glTF source, IE. it may not be a global ID.
-     *
-     * @param {String|Number} glTFSrc Identifies the glTF JSON asset.
-     * @param {String|Number} binarySrc Identifies the glTF binary asset.
-     * @param {Function} ok Fired on successful loading of the glTF binary asset.
-     * @param {Function} error Fired on error while loading the glTF binary asset.
-     */
-    getArrayBuffer(glTFSrc, binarySrc, ok, error) {
-        loadArraybuffer(glTFSrc, binarySrc,
-            (arrayBuffer) => {
-                ok(arrayBuffer);
-            },
-            function (errMsg) {
-                error(errMsg);
-            });
-    }
-}
-
-function loadArraybuffer(glTFSrc, binarySrc, ok, err) {
-    // Check for data: URI
-    var defaultCallback = () => {
-    };
-    ok = ok || defaultCallback;
-    err = err || defaultCallback;
-    const dataUriRegex = /^data:(.*?)(;base64)?,(.*)$/;
-    const dataUriRegexResult = binarySrc.match(dataUriRegex);
-    if (dataUriRegexResult) { // Safari can't handle data URIs through XMLHttpRequest
-        const isBase64 = !!dataUriRegexResult[2];
-        var data = dataUriRegexResult[3];
-        data = window.decodeURIComponent(data);
-        if (isBase64) {
-            data = window.atob(data);
-        }
-        try {
-            const buffer = new ArrayBuffer(data.length);
-            const view = new Uint8Array(buffer);
-            for (var i = 0; i < data.length; i++) {
-                view[i] = data.charCodeAt(i);
-            }
-            window.setTimeout(function () {
-                ok(buffer);
-            }, 0);
-        } catch (error) {
-            window.setTimeout(function () {
-                err(error);
-            }, 0);
-        }
-    } else {
-        const basePath = getBasePath(glTFSrc);
-        const url = basePath + binarySrc;
-        const request = new XMLHttpRequest();
-        request.open('GET', url, true);
-        request.responseType = 'arraybuffer';
-        request.onreadystatechange = function () {
-            if (request.readyState === 4) {
-                if (request.status === 200) {
-                    ok(request.response);
-                } else {
-                    err('loadArrayBuffer error : ' + request.response);
-                }
-            }
-        };
-        request.send(null);
-    }
-}
-
-function getBasePath(src) {
-    var i = src.lastIndexOf("/");
-    return (i !== 0) ? src.substring(0, i + 1) : "";
-}
-
-export {GLTFDefaultDataSource};