ShadowEditor/ShadowEditor.Web/src/event/RenderEvent.js

import BaseEvent from './BaseEvent';
import EffectRenderer from '../render/EffectRenderer';

/**
 * 渲染事件
 * @author tengge / https://github.com/tengge1
 * @param {*} app 
 */
function RenderEvent(app) {
    BaseEvent.call(this, app);

    this.clock = new THREE.Clock();

    this.running = true;

    this.render = this.render.bind(this);
    this.createRenderer = this.createRenderer.bind(this);
}

RenderEvent.prototype = Object.create(BaseEvent.prototype);
RenderEvent.prototype.constructor = RenderEvent;

RenderEvent.prototype.start = function () {
    this.running = true;
    app.on(`appStarted.${this.id}`, this.render);
};

RenderEvent.prototype.stop = function () {
    this.running = false;
    app.on(`appStarted.${this.id}`, null);
};

RenderEvent.prototype.render = function () {
    const { scene, sceneHelpers, camera, renderer } = app.editor;

    const deltaTime = this.clock.getDelta();

    app.call('animate', this, this.clock, deltaTime);

    app.stats.begin();

    scene.updateMatrixWorld();
    sceneHelpers.updateMatrixWorld();

    app.editor.renderer.clear();

    app.call('beforeRender', this);

    if (this.renderer === undefined) {
        this.createRenderer().then(() => {
            this.render();
        });
        app.on(`sceneLoaded.${this.id}`, this.createRenderer);
        app.on(`postProcessingChanged.${this.id}`, this.createRenderer);
        return;
    } else {
        this.renderer.render();
    }

    app.call('afterRender', this);

    app.stats.end();

    if (this.running) {
        requestAnimationFrame(this.render);
    }
};

RenderEvent.prototype.createRenderer = function () {
    const { scene, sceneHelpers, camera, renderer } = app.editor;

    this.renderer = new EffectRenderer();

    return this.renderer.create(
        [scene, sceneHelpers],
        camera,
        renderer
    );
};

export default RenderEvent;