ShadowEditor/ShadowEditor.Web/src/player/component/PlayerEvent.js

import PlayerComponent from './PlayerComponent';

/**
 * 播放器事件
 * @param {*} app 应用
 */
function PlayerEvent(app) {
    PlayerComponent.call(this, app);
}

PlayerEvent.prototype = Object.create(PlayerComponent.prototype);
PlayerEvent.prototype.constructor = PlayerEvent;

PlayerEvent.prototype.create = function (scene, camera, renderer, scripts) {
    this.scene = scene;
    this.camera = camera;
    this.renderer = renderer;
    this.scripts = scripts;

    var dom = renderer.domElement;

    this.events = Object.keys(scripts).map(uuid => {
        var script = scripts[uuid];
        return (new Function(
            'scene',
            'camera',
            'renderer',
            script.source + `
            var init = init || null;
            var start = start || null;
            var update = update || null;
            var stop = stop || null;
            var onClick = onClick || null;
            var onDblClick = onDblClick || null;
            var onKeyDown = onKeyDown || null;
            var onKeyUp = onKeyUp || null;
            var onMouseDown = onMouseDown || null;
            var onMouseMove = onMouseMove || null;
            var onMouseUp = onMouseUp || null;
            var onMouseWheel = onMouseWheel || null;
            var onResize = onResize || null;
            return { init, start, update, stop, onClick, onDblClick, onKeyDown, onKeyUp, onMouseDown, onMouseMove, onMouseUp, onMouseWheel, onResize };
            `
        )).call(scene, scene, camera, renderer);
    });

    this.events.forEach(n => {
        if (typeof (n.onClick) === 'function') {
            dom.addEventListener('click', n.onClick.bind(this.scene));
        }
        if (typeof (n.onDblClick) === 'function') {
            dom.addEventListener('dblclick', n.onDblClick.bind(this.scene));
        }
        if (typeof (n.onKeyDown) === 'function') {
            dom.addEventListener('keydown', n.onKeyDown.bind(this.scene));
        }
        if (typeof (n.onKeyUp) === 'function') {
            dom.addEventListener('keyup', n.onKeyUp.bind(this.scene));
        }
        if (typeof (n.onMouseDown) === 'function') {
            dom.addEventListener('mousedown', n.onMouseDown.bind(this.scene));
        }
        if (typeof (n.onMouseMove) === 'function') {
            dom.addEventListener('mousemove', n.onMouseMove.bind(this.scene));
        }
        if (typeof (n.onMouseUp) === 'function') {
            dom.addEventListener('mouseup', n.onMouseUp.bind(this.scene));
        }
        if (typeof (n.onMouseWheel) === 'function') {
            dom.addEventListener('mousewheel', n.onMouseWheel.bind(this.scene));
        }
        if (typeof (n.onResize) === 'function') {
            window.addEventListener('resize', n.onResize.bind(this.scene));
        }
    });

    return new Promise(resolve => {
        resolve();
    });
};

/**
 * 场景载入前执行一次
 */
PlayerEvent.prototype.init = function () {
    this.events.forEach(n => {
        if (typeof (n.init) === 'function') {
            n.init();
        }
    });
};

/**
 * 场景载入后执行一次
 */
PlayerEvent.prototype.start = function () {
    this.events.forEach(n => {
        if (typeof (n.start) === 'function') {
            n.start();
        }
    });
};

/**
 * 运行期间每帧都要执行
 * @param {*} clock 
 * @param {*} deltaTime 
 */
PlayerEvent.prototype.update = function (clock, deltaTime) {
    this.events.forEach(n => {
        if (typeof (n.update) === 'function') {
            n.update(clock, deltaTime);
        }
    });
};

/**
 * 程序结束运行后执行一次
 */
PlayerEvent.prototype.stop = function () {
    this.events.forEach(n => {
        if (typeof (n.stop) === 'function') {
            n.stop();
        }
    });
};

/**
 * 析构PlayerEvent
 */
PlayerEvent.prototype.dispose = function () {
    var dom = this.renderer.domElement;

    this.events.forEach(n => {
        if (typeof (n.onClick) === 'function') {
            dom.removeEventListener('click', n.onClick.bind(this.scene));
        }
        if (typeof (n.onDblClick) === 'function') {
            dom.removeEventListener('dblclick', n.onDblClick.bind(this.scene));
        }
        if (typeof (n.onKeyDown) === 'function') {
            dom.removeEventListener('keydown', n.onKeyDown.bind(this.scene));
        }
        if (typeof (n.onKeyUp) === 'function') {
            dom.removeEventListener('keyup', n.onKeyUp.bind(this.scene));
        }
        if (typeof (n.onMouseDown) === 'function') {
            dom.removeEventListener('mousedown', n.onMouseDown.bind(this.scene));
        }
        if (typeof (n.onMouseMove) === 'function') {
            dom.removeEventListener('mousemove', n.onMouseMove.bind(this.scene));
        }
        if (typeof (n.onMouseUp) === 'function') {
            dom.removeEventListener('mouseup', n.onMouseUp.bind(this.scene));
        }
        if (typeof (n.onMouseWheel) === 'function') {
            dom.removeEventListener('mousewheel', n.onMouseWheel.bind(this.scene));
        }
        if (typeof (n.onResize) === 'function') {
            window.removeEventListener('resize', n.onResize.bind(this.scene));
        }
    });

    this.scene = null;
    this.camera = null;
    this.renderer = null;
    this.scripts = null;
    this.events.length = 0;
};

export default PlayerEvent;