@needle-tools/engine 2.60.3-pre → 2.61.0-pre

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@needle-tools/engine",
-    "version": "2.60.3-pre",
+    "version": "2.61.0-pre",
     "description": "Needle Engine is a web-based runtime for 3D apps. It runs on your machine for development, and can be deployed anywhere. It is flexible, extensible, and collaboration and XR come naturally.",
     "main": "dist/needle-engine.umd.cjs",
     "module": "dist/needle-engine.js",
@@ -56,7 +56,7 @@
     "devDependencies": {
         "@babel/runtime": "^7.16.0",
         "@luncheon/esbuild-plugin-gzip": "^0.1.0",
-        "@needle-tools/gltf-transform-extensions": "^0.11.0-pre",
+        "@needle-tools/gltf-transform-extensions": "^0.11.2-pre",
         "@needle-tools/needle-component-compiler": "1.9.3",
         "@needle-tools/helper": "^0.2.1-pre",
         "@types/three": "0.146.0",

package/src/engine-components/AnimatorController.ts

@@ -652,7 +652,7 @@ class RootMotionAction {
         // lastRotation.invert().premultiply(firstKeyframe).invert();
         RootMotionAction.spaceRotation[this.clip.uuid].copy(lastRotation);
 
-        // if (debugRootMotion) 
+        if (debugRootMotion) 
         {
             const euler = new THREE.Euler().setFromQuaternion(lastRotation);
             console.log("START", this.clip.name, Mathf.toDegrees(euler.y));

package/src/engine-components/Light.ts

@@ -131,7 +131,7 @@ export class Light extends Behaviour implements ILight {
         }
     }
     get shadowNormalBias(): number { return this._shadowNormalBias; }
-    private _shadowNormalBias: number = 1;
+    private _shadowNormalBias: number = 0;
 
     /** when enabled this will remove the multiplication when setting the shadow bias settings initially */
     private _overrideShadowBiasSettings: boolean = false;
@@ -242,6 +242,7 @@ export class Light extends Behaviour implements ILight {
 
     awake() {
         this.color = new THREE.Color(this.color ?? 0xffffff);
+        if(debug) console.log(this.name, this);
     }
 
     onEnable(): void {

package/src/engine-components/ParticleSystem.ts

@@ -10,15 +10,17 @@ import { serializable } from "../engine/engine_serialization";
 import { RGBAColor } from "./js-extensions/RGBAColor";
 import { AxesHelper, BufferGeometry, Color, Material, Matrix4, Mesh, MeshStandardMaterial, Object3D, OneMinusDstAlphaFactor, PlaneGeometry, Quaternion, Sprite, SpriteMaterial, Vector3, Vector4 } from "three";
 import { getWorldPosition, getWorldQuaternion, getWorldScale } from "../engine/engine_three_utils";
-import { assign, deserializeObject } from "../engine/engine_serialization_core";
+import { assign } from "../engine/engine_serialization_core";
 import { BatchedParticleRenderer, Behavior, BillBoardSettings, BurstParameters, ColorGenerator, ConstantColor, ConstantValue, EmissionState, EmitSubParticleSystem, EmitterShape, FunctionColorGenerator, FunctionJSON, FunctionValueGenerator, IntervalValue, MeshSettings, Particle, ParticleEmitter, ParticleSystem as _ParticleSystem, ParticleSystemParameters, PointEmitter, RecordState, RenderMode, RotationGenerator, SizeOverLife, TrailBatch, TrailParticle, TrailSettings, ValueGenerator } from "three.quarks";
 import { createFlatTexture } from "../engine/engine_shaders";
 import { Mathf } from "../engine/engine_math";
 import { Context } from "../engine/engine_setup";
 import { ParticleSubEmitter } from "./ParticleSystemSubEmitter";
-import { copyFile } from "fs";
+import { NEEDLE_progressive } from "../engine/extensions/NEEDLE_progressive";
 
 const debug = getParam("debugparticles");
+const suppressProgressiveLoading = getParam("noprogressive");
+const debugProgressiveLoading = getParam("debugprogressive");
 
 export enum SubEmitterType {
     Birth = 0,
@@ -46,8 +48,6 @@ export class SubEmitterSystem {
     }
 }
 
-
-
 export class ParticleSystemRenderer extends Behaviour {
 
     @serializable()
@@ -69,8 +69,19 @@ export class ParticleSystemRenderer extends Behaviour {
     }
 
     getMaterial(trailEnabled: boolean = false) {
-        if (trailEnabled === true && this.trailMaterial) return this.trailMaterial;
-        return this.particleMaterial;
+        const material = (trailEnabled === true && this.trailMaterial) ? this.trailMaterial : this.particleMaterial;
+        
+        // progressive load on start
+        // TODO: figure out how to do this before particle system rendering so we only load textures for visible materials
+        if (material && !suppressProgressiveLoading && material["_didRequestTextureLOD"] === undefined) {
+            material["_didRequestTextureLOD"] = 0;
+            if (debugProgressiveLoading) {
+                console.log("Load material LOD", material.name);
+            }
+            NEEDLE_progressive.assignTextureLOD(this.context, this.sourceId, material);
+        }
+
+        return material;
     }
 
     getMesh(renderMode?: ParticleSystemRenderMode) {
@@ -830,7 +841,14 @@ export class ParticleSystem extends Behaviour implements IParticleSystem {
         if (this._time > this.duration) this._time = 0;
     }
 
+    private lastMaterialVersion: number = -1;
     private onUpdate() {
+        const mat = this.renderer.getMaterial(this.trails.enabled);
+        if (mat && mat.version != this.lastMaterialVersion && this._particleSystem) {
+            this.lastMaterialVersion = mat.version;
+            this._particleSystem.texture = this._interface.texture;
+        }
+
         if (this._bursts) {
             this.emission.bursts = this._bursts;
             delete this._bursts;

package/src/engine-components/Renderer.ts

@@ -285,7 +285,7 @@ export class Renderer extends Behaviour implements IRenderer {
         return lm !== null && lm !== undefined;
     }
 
-    allowProgressiveLoading: boolean = true;
+    public allowProgressiveLoading: boolean = true;
 
     registering() {
         if (!this.enabled) {
@@ -546,7 +546,6 @@ export class Renderer extends Behaviour implements IRenderer {
                 console.log("Load material LOD", material.name);
             }
             NEEDLE_progressive.assignTextureLOD(this.context, this.sourceId, material);
-
         }
 
         if (material.envMapIntensity !== undefined) {

package/src/engine-components/WebXR.ts

@@ -16,6 +16,7 @@ import { ControllerType, WebXRController } from "./WebXRController";
 import { XRRig } from "./WebXRRig";
 import { WebXRSync } from "./WebXRSync";
 import { XRFlag, XRState, XRStateFlag } from "./XRFlag";
+import { showBalloonWarning } from '../engine/debug';
 
 
 export async function detectARSupport() {
@@ -201,6 +202,13 @@ export class WebXR extends Behaviour {
         this.webAR = new WebAR(this);
     }
 
+    start() {
+        if (location.protocol == 'http:' && location.host.indexOf('localhost') < 0) {
+            showBalloonWarning("WebXR only works on https");
+            console.warn("WebXR only works on https. https://engine.needle.tools/docs/xr.html");
+        }
+    }
+
     onEnable() {
         if (this.isInit) return;
         if (!this.enableAR && !this.enableVR) return;

package/src/engine-components/ui/BaseUIComponent.ts

@@ -66,7 +66,7 @@ export class BaseUIComponent extends Behaviour {
         const searchFrom = this.isRoot() ? this.gameObject : this.gameObject.parent;
         this._parentComponent = GameObject.getComponentInParent(searchFrom!, BaseUIComponent);
         if (!this._parentComponent) {
-            console.warn(`Component \"${this.name}\" doesn't have a UI parent anywhere. Do you have a UI element outside a Canvas?`, this);
+            console.warn(`Component \"${this.name}\" doesn't have a UI parent anywhere. Do you have an UI element outside a Canvas? UI components must be a child of a Canvas component`, this);
             return;
         }
 

package/src/engine-components/ui/Canvas.ts

@@ -7,6 +7,7 @@ import * as THREE from "three";
 import { getComponentsInChildren } from "../../engine/engine_components";
 import { IComponent } from "../../engine/engine_types";
 import { GameObject } from "../Component";
+import { showBalloonMessage, showBalloonWarning } from "../../engine/debug";
 
 export enum RenderMode {
     ScreenSpaceOverlay = 0,
@@ -116,6 +117,9 @@ export class Canvas extends UIRootComponent {
         }
     }
 
+    applyRenderSettings(){
+        this.onRenderSettingsChanged();
+    }
 
     private _updateRenderSettingsRoutine?: Generator;
     private onRenderSettingsChanged() {
@@ -147,6 +151,7 @@ export class Canvas extends UIRootComponent {
         switch (this.renderMode) {
             case RenderMode.ScreenSpaceOverlay:
             case RenderMode.ScreenSpaceCamera:
+                showBalloonWarning("Screenspace Canvas is not supported yet. Please use worldspace");
                 const camera = this.context.mainCameraComponent;
                 if (!camera) return;
                 const canvas = this.gameObject;

package/src/engine-components/ui/Text.ts

@@ -91,7 +91,7 @@ export class Text extends Graphic {
                 return;
             }
             //@ts-ignore
-            this._textMeshUi[0].set({ content: val });
+            this._textMeshUi[0].set({ fontSize: val });
             this.markDirty();
         }
     }