csyjk 1.2.2 → 2.2.2

package/src/lib/gltf/assets/yjkkit-sdk/src/viewer/scene/canvas/Spinner.js

@@ -1,323 +0,0 @@
-import {Component} from '../Component.js';
-
-const defaultCSS = ".sk-fading-circle {\
-        background: transparent;\
-        margin: 20px auto;\
-        width: 50px;\
-        height:50px;\
-        position: relative;\
-        }\
-        .sk-fading-circle .sk-circle {\
-        width: 120%;\
-        height: 120%;\
-        position: absolute;\
-        left: 0;\
-        top: 0;\
-        }\
-        .sk-fading-circle .sk-circle:before {\
-        content: '';\
-        display: block;\
-        margin: 0 auto;\
-        width: 15%;\
-        height: 15%;\
-        background-color: #69e0ff;\
-        border-radius: 100%;\
-        -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;\
-        animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;\
-        }\
-        .sk-fading-circle .sk-circle2 {\
-        -webkit-transform: rotate(30deg);\
-        -ms-transform: rotate(30deg);\
-        transform: rotate(30deg);\
-    }\
-    .sk-fading-circle .sk-circle3 {\
-        -webkit-transform: rotate(60deg);\
-        -ms-transform: rotate(60deg);\
-        transform: rotate(60deg);\
-    }\
-    .sk-fading-circle .sk-circle4 {\
-        -webkit-transform: rotate(90deg);\
-        -ms-transform: rotate(90deg);\
-        transform: rotate(90deg);\
-    }\
-    .sk-fading-circle .sk-circle5 {\
-        -webkit-transform: rotate(120deg);\
-        -ms-transform: rotate(120deg);\
-        transform: rotate(120deg);\
-    }\
-    .sk-fading-circle .sk-circle6 {\
-        -webkit-transform: rotate(150deg);\
-        -ms-transform: rotate(150deg);\
-        transform: rotate(150deg);\
-    }\
-    .sk-fading-circle .sk-circle7 {\
-        -webkit-transform: rotate(180deg);\
-        -ms-transform: rotate(180deg);\
-        transform: rotate(180deg);\
-    }\
-    .sk-fading-circle .sk-circle8 {\
-        -webkit-transform: rotate(210deg);\
-        -ms-transform: rotate(210deg);\
-        transform: rotate(210deg);\
-    }\
-    .sk-fading-circle .sk-circle9 {\
-        -webkit-transform: rotate(240deg);\
-        -ms-transform: rotate(240deg);\
-        transform: rotate(240deg);\
-    }\
-    .sk-fading-circle .sk-circle10 {\
-        -webkit-transform: rotate(270deg);\
-        -ms-transform: rotate(270deg);\
-        transform: rotate(270deg);\
-    }\
-    .sk-fading-circle .sk-circle11 {\
-        -webkit-transform: rotate(300deg);\
-        -ms-transform: rotate(300deg);\
-        transform: rotate(300deg);\
-    }\
-    .sk-fading-circle .sk-circle12 {\
-        -webkit-transform: rotate(330deg);\
-        -ms-transform: rotate(330deg);\
-        transform: rotate(330deg);\
-    }\
-    .sk-fading-circle .sk-circle2:before {\
-        -webkit-animation-delay: -1.1s;\
-        animation-delay: -1.1s;\
-    }\
-    .sk-fading-circle .sk-circle3:before {\
-        -webkit-animation-delay: -1s;\
-        animation-delay: -1s;\
-    }\
-    .sk-fading-circle .sk-circle4:before {\
-        -webkit-animation-delay: -0.9s;\
-        animation-delay: -0.9s;\
-    }\
-    .sk-fading-circle .sk-circle5:before {\
-        -webkit-animation-delay: -0.8s;\
-        animation-delay: -0.8s;\
-    }\
-    .sk-fading-circle .sk-circle6:before {\
-        -webkit-animation-delay: -0.7s;\
-        animation-delay: -0.7s;\
-    }\
-    .sk-fading-circle .sk-circle7:before {\
-        -webkit-animation-delay: -0.6s;\
-        animation-delay: -0.6s;\
-    }\
-    .sk-fading-circle .sk-circle8:before {\
-        -webkit-animation-delay: -0.5s;\
-        animation-delay: -0.5s;\
-    }\
-    .sk-fading-circle .sk-circle9:before {\
-        -webkit-animation-delay: -0.4s;\
-        animation-delay: -0.4s;\
-    }\
-    .sk-fading-circle .sk-circle10:before {\
-        -webkit-animation-delay: -0.3s;\
-        animation-delay: -0.3s;\
-    }\
-    .sk-fading-circle .sk-circle11:before {\
-        -webkit-animation-delay: -0.2s;\
-        animation-delay: -0.2s;\
-    }\
-    .sk-fading-circle .sk-circle12:before {\
-        -webkit-animation-delay: -0.1s;\
-        animation-delay: -0.1s;\
-    }\
-    @-webkit-keyframes sk-circleFadeDelay {\
-        0%, 39%, 100% { opacity: 0; }\
-        40% { opacity: 1; }\
-    }\
-    @keyframes sk-circleFadeDelay {\
-        0%, 39%, 100% { opacity: 0; }\
-        40% { opacity: 1; }\
-    }";
-
-/**
- * @desc Displays a progress animation at the center of its {@link Canvas} while things are loading or otherwise busy.
- *
- *
- * * Located at {@link Canvas#spinner}.
- * * Automatically shown while things are loading, however may also be shown by application code wanting to indicate busyness.
- * * {@link Spinner#processes} holds the count of active processes. As a process starts, it increments {@link Spinner#processes}, then decrements it on completion or failure.
- * * A Spinner is only visible while {@link Spinner#processes} is greater than zero.
- *
- * ````javascript
- * var spinner = viewer.scene.canvas.spinner;
- *
- * // Increment count of busy processes represented by the spinner;
- * // assuming the count was zero, this now shows the spinner
- * spinner.processes++;
- *
- * // Increment the count again, by some other process; spinner already visible, now requires two decrements
- * // before it becomes invisible again
- * spinner.processes++;
- *
- * // Decrement the count; count still greater than zero, so spinner remains visible
- * spinner.process--;
- *
- * // Decrement the count; count now zero, so spinner becomes invisible
- * spinner.process--;
- * ````
- */
-class Spinner extends Component {
-
-    /**
-     @private
-     */
-    get type() {
-        return "Spinner";
-    }
-
-    /**
-     @private
-     */
-    constructor(owner, cfg = {}) {
-
-        super(owner, cfg);
-
-        this._canvas = cfg.canvas;
-        this._element = null;
-        this._isCustom = false; // True when the element is custom HTML
-
-        if (cfg.elementId) { // Custom spinner element supplied
-            this._element = document.getElementById(cfg.elementId);
-            if (!this._element) {
-                this.error("Can't find given Spinner HTML element: '" + cfg.elementId + "' - will automatically create default element");
-            } else {
-                this._adjustPosition();
-            }
-        }
-
-        if (!this._element) {
-            this._createDefaultSpinner();
-        }
-
-        this.processes = 0;
-    }
-
-    /** @private */
-    _createDefaultSpinner() {
-        this._injectDefaultCSS();
-        const element = document.createElement('div');
-        const style = element.style;
-        style["z-index"] = "9000";
-        style.position = "absolute";
-        element.innerHTML = '<div class="sk-fading-circle">\
-                <div class="sk-circle1 sk-circle"></div>\
-                <div class="sk-circle2 sk-circle"></div>\
-                <div class="sk-circle3 sk-circle"></div>\
-                <div class="sk-circle4 sk-circle"></div>\
-                <div class="sk-circle5 sk-circle"></div>\
-                <div class="sk-circle6 sk-circle"></div>\
-                <div class="sk-circle7 sk-circle"></div>\
-                <div class="sk-circle8 sk-circle"></div>\
-                <div class="sk-circle9 sk-circle"></div>\
-                <div class="sk-circle10 sk-circle"></div>\
-                <div class="sk-circle11 sk-circle"></div>\
-                <div class="sk-circle12 sk-circle"></div>\
-                </div>';
-        this._canvas.parentElement.appendChild(element);
-        this._element = element;
-        this._isCustom = false;
-        this._adjustPosition();
-    }
-
-    /**
-     * @private
-     */
-    _injectDefaultCSS() {
-        const elementId = "yjkkit-spinner-css";
-        if (document.getElementById(elementId)) {
-            return;
-        }
-        const defaultCSSNode = document.createElement('style');
-        defaultCSSNode.innerHTML = defaultCSS;
-        defaultCSSNode.id = elementId;
-        document.body.appendChild(defaultCSSNode);
-    }
-
-    /**
-     * @private
-     */
-    _adjustPosition() { // (Re)positions spinner DIV over the center of the canvas - called by Canvas
-        if (this._isCustom) {
-            return;
-        }
-        const canvas = this._canvas;
-        const element = this._element;
-        const style = element.style;
-        style["left"] = (canvas.offsetLeft + (canvas.clientWidth * 0.5) - (element.clientWidth * 0.5)) + "px";
-        style["top"] = (canvas.offsetTop + (canvas.clientHeight * 0.5) - (element.clientHeight * 0.5)) + "px";
-    }
-
-    /**
-     * Sets the number of processes this Spinner represents.
-     *
-     * The Spinner is visible while this property is greater than zero.
-     *
-     * Increment this property whenever you commence some process during which you want the Spinner to be visible, then decrement it again when the process is complete.
-     *
-     * Clamps to zero if you attempt to set to to a negative value.
-     *
-     * Fires a {@link Spinner#processes:event} event on change.
-
-     * Default value is ````0````.
-     *
-     * @param {Number} value New processes count.
-     */
-    set processes(value) {
-        value = value || 0;
-        if (this._processes === value) {
-            return;
-        }
-        if (value < 0) {
-            return;
-        }
-        const prevValue = this._processes;
-        this._processes = value;
-        const element = this._element;
-        if (element) {
-            element.style["visibility"] = (this._processes > 0) ? "visible" : "hidden";
-        }
-        /**
-         Fired whenever this Spinner's {@link Spinner#visible} property changes.
-
-         @event processes
-         @param value The property's new value
-         */
-        this.fire("processes", this._processes);
-        if (this._processes === 0 && this._processes !== prevValue) {
-            /**
-             Fired whenever this Spinner's {@link Spinner#visible} property becomes zero.
-
-             @event zeroProcesses
-             */
-            this.fire("zeroProcesses", this._processes);
-        }
-    }
-
-    /**
-     * Gets the number of processes this Spinner represents.
-     *
-     * The Spinner is visible while this property is greater than zero.
-     *
-     * @returns {Number} Current processes count.
-     */
-    get processes() {
-        return this._processes;
-    }
-
-    _destroy() {
-        if (this._element && (!this._isCustom)) {
-            this._element.parentNode.removeChild(this._element);
-            this._element = null;
-        }
-        const styleElement = document.getElementById("yjkkit-spinner-css");
-        if (styleElement) {
-            styleElement.parentNode.removeChild(styleElement)
-        }
-    }
-}
-
-export {Spinner};

package/src/lib/gltf/assets/yjkkit-sdk/src/viewer/scene/core.js

@@ -1,234 +0,0 @@
-import {Queue} from './utils/Queue.js';
-import {Map} from './utils/Map.js';
-import {stats} from './stats.js';
-import {utils} from './utils.js';
-
-const scenesRenderInfo = {}; // Used for throttling FPS for each Scene
-const sceneIDMap = new Map(); // Ensures unique scene IDs
-const taskQueue = new Queue(); // Task queue, which is pumped on each frame; tasks are pushed to it with calls to yjkkit.schedule
-const tickEvent = {sceneId: null, time: null, startTime: null, prevTime: null, deltaTime: null};
-const taskBudget = 10; // Millisecs we're allowed to spend on tasks in each frame
-const fpsSamples = [];
-const numFPSSamples = 30;
-
-let defaultScene = null;// Default singleton Scene, lazy-initialized in getter
-let lastTime = 0;
-let elapsedTime;
-let totalFPS = 0;
-
-/**
- * @private
- */
-function Core() {
-
-    /**
-     Semantic version number. The value for this is set by an expression that's concatenated to
-     the end of the built binary by the yjkkit build script.
-     @property version
-     @namespace yjkkit
-     @type {String}
-     */
-    this.version = "1.0.0";
-
-    /**
-     Existing {@link Scene}s , mapped to their IDs
-     @property scenes
-     @namespace yjkkit
-     @type {{Scene}}
-     */
-    this.scenes = {};
-
-    this._superTypes = {}; // For each component type, a list of its supertypes, ordered upwards in the hierarchy.
-
-    /**
-     * Registers a scene on yjkkit.
-     * This is called within the yjkkit.Scene constructor.
-     * @private
-     */
-    this._addScene = function (scene) {
-        if (scene.id) { // User-supplied ID
-            if (core.scenes[scene.id]) {
-                console.error(`[ERROR] Scene ${utils.inQuotes(scene.id)} already exists`);
-                return;
-            }
-        } else { // Auto-generated ID
-            scene.id = sceneIDMap.addItem({});
-        }
-        core.scenes[scene.id] = scene;
-        const ticksPerOcclusionTest = scene.ticksPerOcclusionTest;
-        const ticksPerRender = scene.ticksPerRender;
-        scenesRenderInfo[scene.id] = {
-            ticksPerOcclusionTest: ticksPerOcclusionTest,
-            ticksPerRender: ticksPerRender,
-            renderCountdown: ticksPerRender
-        };
-        stats.components.scenes++;
-        scene.once("destroyed", () => { // Unregister destroyed scenes
-            sceneIDMap.removeItem(scene.id);
-            delete core.scenes[scene.id];
-            delete scenesRenderInfo[scene.id];
-            stats.components.scenes--;
-        });
-    };
-
-    /**
-     * @private
-     */
-    this.clear = function () {
-        let scene;
-        for (const id in core.scenes) {
-            if (core.scenes.hasOwnProperty(id)) {
-                scene = core.scenes[id];
-                // Only clear the default Scene
-                // but destroy all the others
-                if (id === "default.scene") {
-                    scene.clear();
-                } else {
-                    scene.destroy();
-                    delete core.scenes[scene.id];
-                }
-            }
-        }
-    };
-
-    /**
-     * Schedule a task to run at the next frame.
-     *
-     * Internally, this pushes the task to a FIFO queue. Within each frame interval, yjkkit processes the queue
-     * for a certain period of time, popping tasks and running them. After each frame interval, tasks that did not
-     * get a chance to run during the task are left in the queue to be run next time.
-     *
-     * @param {Function} callback Callback that runs the task.
-     * @param {Object} [scope] Scope for the callback.
-     */
-    this.scheduleTask = function (callback, scope) {
-        taskQueue.push(callback);
-        taskQueue.push(scope);
-    };
-
-    this.runTasks = function (until = -1) { // Pops and processes tasks in the queue, until the given number of milliseconds has elapsed.
-        let time = (new Date()).getTime();
-        let callback;
-        let scope;
-        let tasksRun = 0;
-        while (taskQueue.length > 0 && (until < 0 || time < until)) {
-            callback = taskQueue.shift();
-            scope = taskQueue.shift();
-            if (scope) {
-                callback.call(scope);
-            } else {
-                callback();
-            }
-            time = (new Date()).getTime();
-            tasksRun++;
-        }
-        return tasksRun;
-    };
-
-    this.getNumTasks = function () {
-        return taskQueue.length;
-    };
-}
-
-/**
- * @private
- * @type {Core}
- */
-const core = new Core();
-
-
-const frame = function () {
-    let time = Date.now();
-    if (lastTime > 0) { // Log FPS stats
-        elapsedTime = time - lastTime;
-        var newFPS = 1000 / elapsedTime; // Moving average of FPS
-        totalFPS += newFPS;
-        fpsSamples.push(newFPS);
-        if (fpsSamples.length >= numFPSSamples) {
-            totalFPS -= fpsSamples.shift();
-        }
-        stats.frame.fps = Math.round(totalFPS / fpsSamples.length);
-    }
-    runTasks(time);
-    fireTickEvents(time);
-    renderScenes();
-    lastTime = time;
-    window.requestAnimationFrame(frame);
-};
-
-function runTasks(time) { // Process as many enqueued tasks as we can within the per-frame task budget
-    const tasksRun = core.runTasks(time + taskBudget);
-    const tasksScheduled = core.getNumTasks();
-    stats.frame.tasksRun = tasksRun;
-    stats.frame.tasksScheduled = tasksScheduled;
-    stats.frame.tasksBudget = taskBudget;
-}
-
-function fireTickEvents(time) { // Fire tick event on each Scene
-    tickEvent.time = time;
-    for (var id in core.scenes) {
-        if (core.scenes.hasOwnProperty(id)) {
-            var scene = core.scenes[id];
-            tickEvent.sceneId = id;
-            tickEvent.startTime = scene.startTime;
-            tickEvent.deltaTime = tickEvent.prevTime != null ? tickEvent.time - tickEvent.prevTime : 0;
-            /**
-             * Fired on each game loop iteration.
-             *
-             * @event tick
-             * @param {String} sceneID The ID of this Scene.
-             * @param {Number} startTime The time in seconds since 1970 that this Scene was instantiated.
-             * @param {Number} time The time in seconds since 1970 of this "tick" event.
-             * @param {Number} prevTime The time of the previous "tick" event from this Scene.
-             * @param {Number} deltaTime The time in seconds since the previous "tick" event from this Scene.
-             */
-            scene.fire("tick", tickEvent, true);
-        }
-    }
-    tickEvent.prevTime = time;
-}
-
-function renderScenes() {
-    const scenes = core.scenes;
-    const forceRender = false;
-    let scene;
-    let renderInfo;
-    let ticksPerOcclusionTest;
-    let ticksPerRender;
-    let id;
-    for (id in scenes) {
-        if (scenes.hasOwnProperty(id)) {
-
-            scene = scenes[id];
-            renderInfo = scenesRenderInfo[id];
-
-            if (!renderInfo) {
-                renderInfo = scenesRenderInfo[id] = {}; // FIXME
-            }
-
-            ticksPerOcclusionTest = scene.ticksPerOcclusionTest;
-            if (renderInfo.ticksPerOcclusionTest !== ticksPerOcclusionTest) {
-                renderInfo.ticksPerOcclusionTest = ticksPerOcclusionTest;
-                renderInfo.renderCountdown = ticksPerOcclusionTest;
-            }
-            if (--scene.occlusionTestCountdown <= 0) {
-                scene.doOcclusionTest();
-                scene.occlusionTestCountdown = ticksPerOcclusionTest;
-            }
-
-            ticksPerRender = scene.ticksPerRender;
-            if (renderInfo.ticksPerRender !== ticksPerRender) {
-                renderInfo.ticksPerRender = ticksPerRender;
-                renderInfo.renderCountdown = ticksPerRender;
-            }
-            if (--renderInfo.renderCountdown === 0) {
-                scene.render(forceRender);
-                renderInfo.renderCountdown = ticksPerRender;
-            }
-        }
-    }
-}
-
-window.requestAnimationFrame(frame);
-
-export {core};

package/src/lib/gltf/assets/yjkkit-sdk/src/viewer/scene/geometry/Geometry.js

@@ -1,33 +0,0 @@
-import {Component} from '../Component.js';
-import {stats} from '../stats.js';
-
-/**
- * @desc Defines a shape for one or more {@link Mesh}es.
- *
- * * {@link ReadableGeometry} is a subclass that stores its data in both browser and GPU memory. Use ReadableGeometry when you need to keep the geometry arrays in browser memory.
- * * {@link VBOGeometry} is a subclass that stores its data solely in GPU memory. Use VBOGeometry when you need a lower memory footprint and don't need to keep the geometry data in browser memory.
- */
-class Geometry extends Component {
-
-    /** @private */
-    get type() {
-        return "Geometry";
-    }
-
-    /** @private */
-    get isGeometry() {
-        return true;
-    }
-
-    constructor(owner, cfg = {}) {
-        super(owner, cfg);
-        stats.memory.meshes++;
-    }
-
-    destroy() {
-        super.destroy();
-        stats.memory.meshes--;
-    }
-}
-
-export {Geometry};