@needle-tools/engine 4.8.2-alpha → 4.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@needle-tools/engine",
-  "version": "4.8.2-alpha",
+  "version": "4.8.2",
   "description": "Needle Engine is a web-based runtime for 3D apps. It runs on your machine for development with great integrations into editors like Unity or Blender - and can be deployed onto any device! It is flexible, extensible and networking and XR are built-in.",
   "main": "dist/needle-engine.min.js",
   "exports": {
@@ -93,7 +93,7 @@
   ],
   "dependencies": {
     "@dimforge/rapier3d-compat": "^0.14.0",
-    "@needle-tools/gltf-progressive": "3.3.0-next.3a5f32f",
+    "@needle-tools/gltf-progressive": "3.3.0",
     "@webxr-input-profiles/motion-controllers": "^1.0.0",
     "flatbuffers": "2.0.4",
     "md5": "^2.3.0",

package/src/engine/engine_context.ts

@@ -979,9 +979,15 @@ export class Context implements IContext {
 	get isVisibleToUser() {
 		if (this.isInXR) return true;
 		if (!this._isVisible) return false;
+		// Make sure not to call getComputedStyle multiple times per frame
+		if (this.time.frame === this._lastStyleComputedFrame) return this._lastStyleComputedResult;
+		this._lastStyleComputedFrame = this.time.frame;
 		const style = getComputedStyle(this.domElement);
-		return style.visibility !== "hidden" && style.display !== "none" && style.opacity !== "0";
+		this._lastStyleComputedResult = style.visibility !== "hidden" && style.display !== "none" && style.opacity !== "0";
+		return this._lastStyleComputedResult;
 	}
+	private _lastStyleComputedFrame: number = -1;
+	private _lastStyleComputedResult: boolean = true;
 
 	private _createId: number = 0;
 	private async internalOnCreate(opts?: ContextCreateArgs): Promise<boolean> {
@@ -1601,6 +1607,8 @@ export class Context implements IContext {
 		}
 		this.handleRendererContextLost();
 
+		if(this.time.frame % 10 !== 0) return;
+
 		this._isRendering = true;
 		this.renderRequiredTextures();