@needle-tools/engine 2.36.0-pre → 2.38.0-pre

package/src/engine/dist/engine_setup.js

@@ -0,0 +1,777 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+exports.__esModule = true;
+exports.Context = exports.registerComponent = exports.XRSessionMode = exports.FrameEvent = exports.ContextArgs = exports.build_scene_functions = void 0;
+var three_1 = require("three");
+var THREE = require("three");
+var engine_input_1 = require("./engine_input");
+var engine_physics_1 = require("./engine_physics");
+var engine_time_1 = require("./engine_time");
+var engine_networking_1 = require("./engine_networking");
+var engine_networking_instantiate_1 = require("./engine_networking_instantiate");
+var looputils = require("./engine_mainloop_utils");
+var utils = require("./engine_utils");
+var EffectComposer_js_1 = require("three/examples/jsm/postprocessing/EffectComposer.js");
+var RenderPass_1 = require("three/examples/jsm/postprocessing/RenderPass");
+var engine_networking_files_1 = require("./engine_networking_files");
+var engine_assetdatabase_1 = require("./engine_assetdatabase");
+var engine_three_utils_1 = require("./engine_three_utils");
+var Stats = require("three/examples/jsm/libs/stats.module");
+var engine_rendererdata_1 = require("./engine_rendererdata");
+var engine_addressables_1 = require("./engine_addressables");
+var engine_application_1 = require("./engine_application");
+var engine_lightdata_1 = require("./engine_lightdata");
+var engine_playerview_1 = require("./engine_playerview");
+var engine_gameobject_1 = require("./engine_gameobject");
+var debug = utils.getParam("debugSetup");
+var stats = utils.getParam("stats");
+// this is where functions that setup unity scenes will be pushed into
+// those will be accessed from our custom html element to load them into their context
+exports.build_scene_functions = {};
+var ContextArgs = /** @class */ (function () {
+    function ContextArgs(domElement) {
+        this.alias = undefined;
+        this.renderer = undefined;
+        this.domElement = domElement !== null && domElement !== void 0 ? domElement : document.body;
+    }
+    return ContextArgs;
+}());
+exports.ContextArgs = ContextArgs;
+var FrameEvent;
+(function (FrameEvent) {
+    FrameEvent[FrameEvent["EarlyUpdate"] = 0] = "EarlyUpdate";
+    FrameEvent[FrameEvent["Update"] = 1] = "Update";
+    FrameEvent[FrameEvent["LateUpdate"] = 2] = "LateUpdate";
+    FrameEvent[FrameEvent["OnBeforeRender"] = 3] = "OnBeforeRender";
+    FrameEvent[FrameEvent["OnAfterRender"] = 4] = "OnAfterRender";
+    FrameEvent[FrameEvent["PrePhysicsStep"] = 9] = "PrePhysicsStep";
+    FrameEvent[FrameEvent["PostPhysicsStep"] = 10] = "PostPhysicsStep";
+})(FrameEvent = exports.FrameEvent || (exports.FrameEvent = {}));
+var XRSessionMode;
+(function (XRSessionMode) {
+    XRSessionMode["ImmersiveVR"] = "immersive-vr";
+    XRSessionMode["ImmersiveAR"] = "immersive-ar";
+})(XRSessionMode = exports.XRSessionMode || (exports.XRSessionMode = {}));
+function registerComponent(script, context) {
+    var _a;
+    if (!script)
+        return;
+    var new_scripts = (_a = context === null || context === void 0 ? void 0 : context.new_scripts) !== null && _a !== void 0 ? _a : Context.Current.new_scripts;
+    if (!new_scripts.includes(script)) {
+        new_scripts.push(script);
+    }
+}
+exports.registerComponent = registerComponent;
+var Context = /** @class */ (function () {
+    function Context(args) {
+        var _this = this;
+        this.isManagedExternally = false;
+        this._resolutionScaleFactor = 1;
+        this.xrSessionMode = undefined;
+        this.composer = null;
+        // all scripts
+        this.scripts = [];
+        // scripts with update event
+        this.scripts_earlyUpdate = [];
+        this.scripts_update = [];
+        this.scripts_lateUpdate = [];
+        this.scripts_onBeforeRender = [];
+        this.scripts_onAfterRender = [];
+        this.scripts_WithCorroutines = [];
+        this.coroutines = {};
+        this.post_setup_callbacks = [];
+        this.pre_update_callbacks = [];
+        this.pre_render_callbacks = [];
+        this.post_render_callbacks = [];
+        this.new_scripts = [];
+        this.new_script_start = [];
+        this.new_scripts_pre_setup_callbacks = [];
+        this.new_scripts_post_setup_callbacks = [];
+        this.mainLight = null;
+        this._sizeChanged = false;
+        this._isCreated = false;
+        this._stats = stats ? Stats["default"]() : null;
+        this._cameraStack = [];
+        this._onBeforeRenderListeners = {};
+        this._requireDepthTexture = false;
+        this._requireColorTexture = false;
+        this._isRendering = false;
+        this.name = (args === null || args === void 0 ? void 0 : args.name) || "";
+        this.alias = args === null || args === void 0 ? void 0 : args.alias;
+        this.domElement = (args === null || args === void 0 ? void 0 : args.domElement) || document.body;
+        if (args === null || args === void 0 ? void 0 : args.renderer) {
+            this.renderer = args.renderer;
+            this.isManagedExternally = true;
+        }
+        else {
+            var useComposer = utils.getParam("postfx");
+            this.renderer = new three_1.WebGLRenderer({ antialias: true });
+            // some tonemapping other than "NONE" is required for adjusting exposure with EXR environments
+            this.renderer.toneMappingExposure = 1; // range [0...inf] instead of the usual -15..15
+            this.renderer.toneMapping = THREE.NoToneMapping; // could also set to LinearToneMapping, ACESFilmicToneMapping
+            this.renderer.setClearColor(new THREE.Color('lightgrey'), 0);
+            // @ts-ignore
+            this.renderer.antialias = true;
+            // @ts-ignore
+            this.renderer.alpha = false;
+            this.renderer.shadowMap.enabled = true;
+            this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+            this.renderer.setSize(this.domWidth, this.domHeight);
+            this.renderer.outputEncoding = THREE.sRGBEncoding;
+            this.renderer.physicallyCorrectLights = true;
+            this.composer = useComposer ? new EffectComposer_js_1.EffectComposer(this.renderer) : null;
+        }
+        this.scene = new THREE.Scene();
+        this.application = new engine_application_1.Application(this);
+        this.time = new engine_time_1.Time();
+        this.input = new engine_input_1.Input(this);
+        this.physics = new engine_physics_1.Physics(this);
+        this.connection = new engine_networking_1.NetworkConnection(this);
+        this.assets = new engine_assetdatabase_1.AssetDatabase();
+        this.rendererData = new engine_rendererdata_1.RendererData(this);
+        this.addressables = new engine_addressables_1.Addressables(this);
+        this.lightmaps = new engine_lightdata_1.LightDataRegistry(this);
+        this.players = new engine_playerview_1.PlayerViewManager(this);
+        window.addEventListener('resize', function () { return _this._sizeChanged = true; });
+        var ro = new ResizeObserver(function (_) { return _this._sizeChanged = true; });
+        ro.observe(this.domElement);
+    }
+    Object.defineProperty(Context, "Current", {
+        get: function () {
+            return this._current;
+        },
+        set: function (context) {
+            this._current = context;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "resolutionScaleFactor", {
+        get: function () { return this._resolutionScaleFactor; },
+        /** use to scale the resolution up or down of the renderer. default is 1 */
+        set: function (val) {
+            if (val === this._resolutionScaleFactor)
+                return;
+            if (typeof val !== "number")
+                return;
+            if (val <= 0) {
+                console.error("Invalid resolution scale factor", val);
+                return;
+            }
+            this._resolutionScaleFactor = val;
+            this.updateSize();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "domWidth", {
+        get: function () { return this.domElement.clientWidth; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "domHeight", {
+        get: function () { return this.domElement.clientHeight; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "domX", {
+        get: function () { return this.domElement.offsetLeft; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "domY", {
+        get: function () { return this.domElement.offsetTop; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "isInXR", {
+        get: function () { var _a; return ((_a = this.renderer.xr) === null || _a === void 0 ? void 0 : _a.isPresenting) || false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "isInVR", {
+        get: function () { return this.xrSessionMode === XRSessionMode.ImmersiveVR; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "isInAR", {
+        get: function () { return this.xrSessionMode === XRSessionMode.ImmersiveAR; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "xrSession", {
+        get: function () { var _a; return (_a = this.renderer.xr) === null || _a === void 0 ? void 0 : _a.getSession(); },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "arOverlayElement", {
+        get: function () {
+            var el = this.domElement;
+            if (typeof el.getAROverlayContainer === "function")
+                return el.getAROverlayContainer();
+            return this.domElement;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "mainCamera", {
+        get: function () {
+            if (this.mainCameraComponent) {
+                var cam = this.mainCameraComponent;
+                if (!cam.cam)
+                    cam.buildCamera();
+                return cam.cam;
+            }
+            return null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    // private _requestSizeUpdate : boolean = false;
+    Context.prototype.updateSize = function () {
+        if (!this.isManagedExternally && !this.renderer.xr.isPresenting) {
+            this._sizeChanged = false;
+            var scaleFactor = this.resolutionScaleFactor;
+            var width = this.domWidth * scaleFactor;
+            var height = this.domHeight * scaleFactor;
+            var camera = this.mainCamera;
+            this.updateAspect(camera);
+            this.renderer.setSize(width, height);
+            this.renderer.setPixelRatio(window.devicePixelRatio);
+            // avoid setting pixel values here since this can cause pingpong updates
+            // e.g. when system scale is set to 125%
+            // https://github.com/needle-tools/needle-engine-support/issues/69
+            this.renderer.domElement.style.width = "100%";
+            this.renderer.domElement.style.height = "100%";
+            if (this.composer) {
+                this.composer.setSize(width, height);
+                this.composer.setPixelRatio(window.devicePixelRatio);
+            }
+        }
+    };
+    Context.prototype.updateAspect = function (camera) {
+        if (!camera)
+            return;
+        var width = this.domWidth;
+        var height = this.domHeight;
+        var pa = camera.aspect;
+        camera.aspect = width / height;
+        if (pa !== camera.aspect)
+            camera.updateProjectionMatrix();
+    };
+    Context.prototype.onCreate = function (buildScene, opts) {
+        if (this._isCreated) {
+            console.warn("Context already created");
+            return null;
+        }
+        this._isCreated = true;
+        return this.internalOnCreate(buildScene, opts);
+    };
+    Context.prototype.onDestroy = function () {
+        var _a, _b;
+        if (!this._isCreated)
+            return;
+        this._isCreated = false;
+        engine_gameobject_1.destroy(this.scene, true);
+        (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.setAnimationLoop(null);
+        if (!this.isManagedExternally) {
+            (_b = this.renderer) === null || _b === void 0 ? void 0 : _b.dispose();
+        }
+    };
+    Context.prototype.registerCoroutineUpdate = function (script, coroutine, evt) {
+        if (!this.coroutines[evt])
+            this.coroutines[evt] = [];
+        this.coroutines[evt].push({ comp: script, main: coroutine });
+        return coroutine;
+    };
+    Context.prototype.unregisterCoroutineUpdate = function (coroutine, evt) {
+        if (!this.coroutines[evt])
+            return;
+        var idx = this.coroutines[evt].findIndex(function (c) { return c.main === coroutine; });
+        if (idx >= 0)
+            this.coroutines[evt].splice(idx, 1);
+    };
+    Context.prototype.stopAllCoroutinesFrom = function (script) {
+        for (var evt in this.coroutines) {
+            var rout = this.coroutines[evt];
+            for (var i = rout.length - 1; i >= 0; i--) {
+                var r = rout[i];
+                if (r.comp === script) {
+                    rout.splice(i, 1);
+                }
+            }
+        }
+    };
+    Context.prototype.setCurrentCamera = function (cam) {
+        var _a;
+        if (!cam)
+            return;
+        if (!cam.cam)
+            cam.buildCamera(); // < to build camera
+        if (!cam.cam) {
+            console.warn("Camera component is missing camera", cam);
+            return;
+        }
+        var index = this._cameraStack.indexOf(cam);
+        if (index >= 0)
+            this._cameraStack.splice(index, 1);
+        this._cameraStack.push(cam);
+        this.mainCameraComponent = cam;
+        var camera = cam.cam;
+        if (camera.isPerspectiveCamera)
+            this.updateAspect(camera);
+        (_a = this.mainCameraComponent) === null || _a === void 0 ? void 0 : _a.applyClearFlagsIfIsActiveCamera();
+    };
+    Context.prototype.removeCamera = function (cam) {
+        if (!cam)
+            return;
+        var index = this._cameraStack.indexOf(cam);
+        if (index >= 0)
+            this._cameraStack.splice(index, 1);
+        if (this.mainCameraComponent === cam) {
+            this.mainCameraComponent = undefined;
+            if (this._cameraStack.length > 0) {
+                var last = this._cameraStack[this._cameraStack.length - 1];
+                this.setCurrentCamera(last);
+            }
+        }
+    };
+    /** use this to subscribe to onBeforeRender events on threejs objects */
+    Context.prototype.addBeforeRenderListener = function (target, callback) {
+        var _this = this;
+        if (!this._onBeforeRenderListeners[target.uuid]) {
+            this._onBeforeRenderListeners[target.uuid] = [];
+            var onBeforeRenderCallback = function (renderer, scene, camera, geometry, material, group) {
+                var arr = _this._onBeforeRenderListeners[target.uuid];
+                if (!arr)
+                    return;
+                for (var i = 0; i < arr.length; i++) {
+                    var fn = arr[i];
+                    fn(renderer, scene, camera, geometry, material, group);
+                }
+            };
+            target.onBeforeRender = onBeforeRenderCallback;
+        }
+        this._onBeforeRenderListeners[target.uuid].push(callback);
+    };
+    Context.prototype.removeBeforeRenderListener = function (target, callback) {
+        if (this._onBeforeRenderListeners[target.uuid]) {
+            var arr = this._onBeforeRenderListeners[target.uuid];
+            var idx = arr.indexOf(callback);
+            if (idx >= 0)
+                arr.splice(idx, 1);
+        }
+    };
+    Object.defineProperty(Context.prototype, "isRendering", {
+        get: function () { return this._isRendering; },
+        enumerable: false,
+        configurable: true
+    });
+    Context.prototype.setRequireDepth = function (val) {
+        this._requireDepthTexture = val;
+    };
+    Context.prototype.setRequireColor = function (val) {
+        this._requireColorTexture = val;
+    };
+    Object.defineProperty(Context.prototype, "depthTexture", {
+        get: function () {
+            var _a;
+            return ((_a = this._renderTarget) === null || _a === void 0 ? void 0 : _a.depthTexture) || null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Context.prototype, "opaqueColorTexture", {
+        get: function () {
+            var _a;
+            return ((_a = this._renderTarget) === null || _a === void 0 ? void 0 : _a.texture) || null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Context.prototype.internalOnCreate = function (buildScene, opts) {
+        return __awaiter(this, void 0, void 0, function () {
+            var prepare_succeeded, err_1, i, script, arr, i, renderPass;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: 
+                    // TODO: we could configure if we need physics
+                    return [4 /*yield*/, this.physics.createWorld()];
+                    case 1:
+                        // TODO: we could configure if we need physics
+                        _a.sent();
+                        prepare_succeeded = true;
+                        _a.label = 2;
+                    case 2:
+                        _a.trys.push([2, 5, , 6]);
+                        Context.Current = this;
+                        if (!buildScene) return [3 /*break*/, 4];
+                        return [4 /*yield*/, buildScene(this, opts)];
+                    case 3:
+                        _a.sent();
+                        _a.label = 4;
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        err_1 = _a.sent();
+                        console.error(err_1);
+                        prepare_succeeded = false;
+                        return [3 /*break*/, 6];
+                    case 6:
+                        if (!prepare_succeeded)
+                            return [2 /*return*/];
+                        // console.log(prepare_succeeded);
+                        if (!this.isManagedExternally)
+                            this.domElement.prepend(this.renderer.domElement);
+                        engine_networking_instantiate_1.beginListenInstantiate(this);
+                        engine_networking_instantiate_1.beginListenDestroy(this);
+                        engine_networking_files_1.beginListenFileSpawn(this);
+                        // Setup
+                        Context._current = this;
+                        for (i = 0; i < this.new_scripts.length; i++) {
+                            script = this.new_scripts[i];
+                            if (script.gameObject !== undefined && script.gameObject !== null) {
+                                if (script.gameObject.userData === undefined)
+                                    script.gameObject.userData = {};
+                                if (script.gameObject.userData.components === undefined)
+                                    script.gameObject.userData.components = [];
+                                arr = script.gameObject.userData.components;
+                                if (!arr.includes(script))
+                                    arr.push(script);
+                            }
+                            // if (script.gameObject && !this.raycastTargets.includes(script.gameObject)) {
+                            // 	this.raycastTargets.push(script.gameObject);
+                            // }
+                        }
+                        if (!this.post_setup_callbacks) return [3 /*break*/, 10];
+                        i = 0;
+                        _a.label = 7;
+                    case 7:
+                        if (!(i < this.post_setup_callbacks.length)) return [3 /*break*/, 10];
+                        Context._current = this;
+                        return [4 /*yield*/, this.post_setup_callbacks[i](this)];
+                    case 8:
+                        _a.sent();
+                        _a.label = 9;
+                    case 9:
+                        i++;
+                        return [3 /*break*/, 7];
+                    case 10:
+                        if (!this.mainCamera) {
+                            // console.error("MISSING camera", this);
+                            // return;
+                            // Context._current = this;
+                            // //@ts-ignore
+                            // const cams = findObjectsOfType(Camera, this);
+                            // console.log(cams);
+                            // // get main camera, fallback to first camera
+                            // const mc: Camera = cams.find(c => c.tag == "MainCamera") ?? cams.find(_ => true) as Camera;
+                            // if (mc) {
+                            // 	if (mc.tag !== "MainCamera")
+                            // 		console.warn("No mainCamera configured. Some components rely on a mainCamera object being present. " +
+                            // 			"When exporting your scene, make sure to set the mainCamera tag on your camera. Using \"" + mc.name + "\" as mainCamera now.");
+                            // 	this.setCurrentCamera(mc);
+                            // }
+                            // else {
+                            // 	console.error("No camera found");
+                            // 	const cam = createCameraWithOrbitControl(this.scene);
+                            // 	this.setCurrentCamera(cam);
+                            // }
+                        }
+                        Context._current = this;
+                        looputils.processNewScripts(this);
+                        // const mainCam = this.mainCameraComponent as Camera;
+                        // if (mainCam) {
+                        // 	mainCam.applyClearFlagsIfIsActiveCamera();
+                        // }
+                        if (!this.isManagedExternally && this.composer && this.mainCamera) {
+                            renderPass = new RenderPass_1.RenderPass(this.scene, this.mainCamera);
+                            this.renderer.setSize(this.domWidth, this.domHeight);
+                            this.composer.addPass(renderPass);
+                            this.composer.setSize(this.domWidth, this.domHeight);
+                        }
+                        this._sizeChanged = true;
+                        if (this._stats) {
+                            this._stats.showPanel(1);
+                            this.domElement.appendChild(this._stats.dom);
+                        }
+                        this.renderer.setAnimationLoop(this.render.bind(this));
+                        if (debug)
+                            engine_three_utils_1.logHierarchy(this.scene, true);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Context.prototype.render = function (_, frame) {
+        var _a, _b;
+        (_a = this._stats) === null || _a === void 0 ? void 0 : _a.begin();
+        Context._current = this;
+        this.time.update();
+        looputils.processNewScripts(this);
+        looputils.updateIsActive();
+        looputils.processStart(this);
+        while (this._cameraStack.length > 0 && (!this.mainCameraComponent || this.mainCameraComponent.destroyed)) {
+            this._cameraStack.splice(this._cameraStack.length - 1, 1);
+            var last = this._cameraStack[this._cameraStack.length - 1];
+            this.setCurrentCamera(last);
+        }
+        if (this.pre_update_callbacks) {
+            for (var i in this.pre_update_callbacks) {
+                this.pre_update_callbacks[i]();
+            }
+        }
+        for (var i = 0; i < this.scripts_earlyUpdate.length; i++) {
+            var script = this.scripts_earlyUpdate[i];
+            if (!script.activeAndEnabled)
+                continue;
+            if (script.earlyUpdate !== undefined) {
+                Context._current = this;
+                script.earlyUpdate();
+            }
+        }
+        this.executeCoroutines(FrameEvent.EarlyUpdate);
+        for (var i = 0; i < this.scripts_update.length; i++) {
+            var script = this.scripts_update[i];
+            if (!script.activeAndEnabled)
+                continue;
+            if (script.update !== undefined) {
+                Context._current = this;
+                script.update();
+            }
+        }
+        this.executeCoroutines(FrameEvent.Update);
+        for (var i = 0; i < this.scripts_lateUpdate.length; i++) {
+            var script = this.scripts_lateUpdate[i];
+            if (!script.activeAndEnabled)
+                continue;
+            if (script.lateUpdate !== undefined) {
+                Context._current = this;
+                script.lateUpdate();
+            }
+        }
+        // this.mainLight = null;
+        this.executeCoroutines(FrameEvent.LateUpdate);
+        try {
+            var physicsSteps = 1;
+            var dt = this.time.deltaTime / physicsSteps;
+            for (var i = 0; i < physicsSteps; i++) {
+                this.executeCoroutines(FrameEvent.PrePhysicsStep);
+                this.physics.step(dt);
+                this.executeCoroutines(FrameEvent.PostPhysicsStep);
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
+        this.physics.postStep();
+        // should we move these callbacks in the regular three onBeforeRender events?
+        for (var i = 0; i < this.scripts_onBeforeRender.length; i++) {
+            var script = this.scripts_onBeforeRender[i];
+            if (!script.activeAndEnabled)
+                continue;
+            // if(script.isActiveAndEnabled === false) continue;
+            if (script.onBeforeRender !== undefined) {
+                Context._current = this;
+                script.onBeforeRender(frame);
+            }
+        }
+        this.executeCoroutines(FrameEvent.OnBeforeRender);
+        if (this._sizeChanged)
+            this.updateSize();
+        if (this.pre_render_callbacks) {
+            for (var i in this.pre_render_callbacks) {
+                this.pre_render_callbacks[i]();
+            }
+        }
+        this._isRendering = true;
+        this.renderRequiredTextures();
+        if (!this.isManagedExternally) {
+            if (this.composer && !this.isInXR) {
+                this.composer.render();
+            }
+            else if (this.mainCamera) {
+                this.renderer.render(this.scene, this.mainCamera);
+            }
+        }
+        this._isRendering = false;
+        for (var i = 0; i < this.scripts_onAfterRender.length; i++) {
+            var script = this.scripts_onAfterRender[i];
+            if (!script.activeAndEnabled)
+                continue;
+            if (script.onAfterRender !== undefined) {
+                Context._current = this;
+                script.onAfterRender();
+            }
+        }
+        this.executeCoroutines(FrameEvent.OnAfterRender);
+        if (this.post_render_callbacks) {
+            for (var i in this.post_render_callbacks) {
+                this.post_render_callbacks[i]();
+            }
+        }
+        this.connection.sendBufferedMessagesNow();
+        (_b = this._stats) === null || _b === void 0 ? void 0 : _b.end();
+    };
+    Context.prototype.renderRequiredTextures = function () {
+        if (!this.mainCamera)
+            return;
+        if (!this._requireDepthTexture && !this._requireColorTexture)
+            return;
+        if (!this._renderTarget) {
+            this._renderTarget = new THREE.WebGLRenderTarget(this.domWidth, this.domHeight);
+            if (this._requireDepthTexture) {
+                var dt = new three_1.DepthTexture(this.domWidth, this.domHeight);
+                ;
+                this._renderTarget.depthTexture = dt;
+            }
+            if (this._requireColorTexture) {
+                this._renderTarget.texture = new THREE.Texture();
+                this._renderTarget.texture.generateMipmaps = false;
+                this._renderTarget.texture.minFilter = THREE.NearestFilter;
+                this._renderTarget.texture.magFilter = THREE.NearestFilter;
+                this._renderTarget.texture.format = THREE.RGBAFormat;
+            }
+        }
+        var rt = this._renderTarget;
+        if (rt.texture) {
+            rt.texture.encoding = this.renderer.outputEncoding;
+        }
+        var prevTarget = this.renderer.getRenderTarget();
+        this.renderer.setRenderTarget(rt);
+        this.renderer.render(this.scene, this.mainCamera);
+        this.renderer.setRenderTarget(prevTarget);
+    };
+    Context.prototype.executeCoroutines = function (evt) {
+        if (this.coroutines[evt]) {
+            var evts = this.coroutines[evt];
+            for (var i = 0; i < evts.length; i++) {
+                var evt_1 = evts[i];
+                var remove = !evt_1.comp || evt_1.comp.destroyed || !evt_1.main || evt_1.comp["enabled"] === false;
+                if (remove) {
+                    evts.splice(i, 1);
+                    --i;
+                    continue;
+                }
+                var iter = evt_1.chained;
+                if (iter && iter.length > 0) {
+                    var last = iter[iter.length - 1];
+                    var res_1 = last.next();
+                    if (res_1.done) {
+                        iter.pop();
+                    }
+                    if (isGenerator(res_1)) {
+                        if (!evt_1.chained)
+                            evt_1.chained = [];
+                        evt_1.chained.push(res_1.value);
+                    }
+                    if (!res_1.done)
+                        continue;
+                }
+                var res = evt_1.main.next();
+                if (res.done === true) {
+                    evts.splice(i, 1);
+                    --i;
+                    continue;
+                }
+                var val = res.value;
+                if (isGenerator(val)) {
+                    // invoke once if its a generator
+                    // this means e.g. WaitForFrame(1) works and will capture
+                    // the frame it was created
+                    var gen = val;
+                    var res_2 = gen.next();
+                    if (res_2.done)
+                        continue;
+                    if (!evt_1.chained)
+                        evt_1.chained = [];
+                    evt_1.chained.push(val);
+                }
+            }
+        }
+        function isGenerator(val) {
+            if (val) {
+                if (val.next && val["return"]) {
+                    return true;
+                }
+            }
+            return false;
+        }
+    };
+    return Context;
+}());
+exports.Context = Context;
+// const scene = new THREE.Scene();
+// const useComposer = utils.getParam("postfx");
+// const renderer = new WebGLRenderer({ antialias: true });
+// const composer = useComposer ? new EffectComposer(renderer) : undefined;
+// renderer.setClearColor(new THREE.Color('lightgrey'), 0)
+// renderer.antialias = true;
+// renderer.alpha = false;
+// renderer.shadowMap.enabled = true;
+// renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+// renderer.setSize(window.innerWidth, window.innerHeight);
+// renderer.outputEncoding = THREE.sRGBEncoding;
+// renderer.physicallyCorrectLights = true;
+// document.body.appendChild(renderer.domElement);
+// // generation pushes loading requests in this array
+// const sceneData: {
+//     mainCamera: THREE.Camera | undefined
+// } = {
+//     preparing: [],
+//     resolving: [],
+//     scripts: [],
+//     raycastTargets: [],
+//     mainCamera: undefined,
+//     mainCameraComponent: undefined,
+// };
+// // contains a list of functions to be called after loading is done
+// const post_setup_callbacks = [];
+// const pre_render_Callbacks = [];
+// const post_render_callbacks = [];
+// const new_scripts = [];
+// const new_scripts_post_setup_callbacks = [];
+// const new_scripts_pre_setup_callbacks = [];
+// export {
+//     scene, renderer, composer,
+//     new_scripts,
+//     new_scripts_post_setup_callbacks, new_scripts_pre_setup_callbacks,
+//     sceneData,
+//     post_setup_callbacks,
+//     pre_render_Callbacks,
+//     post_render_callbacks
+// }