@needle-tools/engine 2.55.2-pre → 2.56.0-pre

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@needle-tools/engine",
-    "version": "2.55.2-pre",
+    "version": "2.56.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.js",
     "module": "src/needle-engine.ts",

package/src/engine-components/DropListener.ts

@@ -14,9 +14,9 @@ import { GLTF } from "three/examples/jsm/loaders/GLTFLoader";
 
 export enum DropListenerEvents {
     ObjectAdded = "object-added",
+    FileDropped = "file-dropped",
 }
 
-
 export class DropListener extends Behaviour {
 
     @serializable()
@@ -47,6 +47,17 @@ export class DropListener extends Behaviour {
         evt.preventDefault();
     }
 
+    async addFiles(fileList: Array<File>) {
+        for (const file of fileList) {
+            if (!file) continue;
+            console.log("Register file " + file.name + " to", this.filesBackendUrl, file);
+            const res = await files.addFile(file, this.context, this.filesBackendUrl);
+            this.dispatchEvent(new CustomEvent(DropListenerEvents.FileDropped, { detail: file }));
+            if (res)
+                this.addObject(undefined, res);
+        }
+    }
+
     private async onDrop(evt: DragEvent) {
         console.log(evt);
         if (!evt.dataTransfer) return;
@@ -61,6 +72,7 @@ export class DropListener extends Behaviour {
                 if (!file) continue;
                 console.log("Register file " + file.name + " to", this.filesBackendUrl, file);
                 const res = await files.addFile(file, this.context, this.filesBackendUrl);
+                this.dispatchEvent(new CustomEvent(DropListenerEvents.FileDropped, { detail: file }));
                 if (res)
                     this.addObject(evt, res);
             }
@@ -82,17 +94,20 @@ export class DropListener extends Behaviour {
         }
     }
 
-    private async addObject(evt: DragEvent, gltf: GLTF) {
+    private async addObject(evt: DragEvent | undefined, gltf: GLTF) {
         console.log("Dropped", gltf);
-        const opts = new RaycastOptions();
-        opts.setMask(0xffffff);
-        opts.screenPointFromOffset(evt.offsetX, evt.offsetY);
-        const rc = this.context.physics.raycast(opts);
+        
         const obj = gltf.scene;
-        if (rc && rc.length > 0) {
-            for (const hit of rc) {
-                obj.position.copy(hit.point);
-                break;
+        if (evt !== undefined) {
+            const opts = new RaycastOptions();
+            opts.setMask(0xffffff);
+            opts.screenPointFromOffset(evt.offsetX, evt.offsetY);
+            const rc = this.context.physics.raycast(opts);
+            if (rc && rc.length > 0) {
+                for (const hit of rc) {
+                    obj.position.copy(hit.point);
+                    break;
+                }
             }
         }
         this.gameObject.add(obj);

package/src/engine-components/Light.ts

@@ -300,7 +300,7 @@ export class Light extends Behaviour implements ILight {
                     break;
             }
         }
-        else if(!this.light) {
+        else if (!this.light) {
             switch (this.type) {
                 case LightType.Directional:
                     // console.log(this);
@@ -347,7 +347,7 @@ export class Light extends Behaviour implements ILight {
         if (this.light) {
             if (this._intensity >= 0)
                 this.light.intensity = this._intensity;
-            else  
+            else
                 this._intensity = this.light.intensity;
 
             if (this.shadows !== LightShadows.None) {
@@ -371,15 +371,8 @@ export class Light extends Behaviour implements ILight {
             if (debug)
                 console.log("Override shadow bias?", this._overrideShadowBiasSettings, this.shadowBias, this.shadowNormalBias);
 
-            // shadow bias settings
-            if (this._overrideShadowBiasSettings === true) {
-                this.light.shadow.bias = this.shadowBias;
-                this.light.shadow.normalBias = this.shadowNormalBias;
-            }
-            else {
-                this.light.shadow.bias = this.shadowBias * 0.00001;
-                this.light.shadow.normalBias = this.shadowNormalBias * .0001;
-            }
+            this.light.shadow.bias = this.shadowBias;
+            this.light.shadow.normalBias = this.shadowNormalBias;
 
             this.updateShadowSoftHard();
 

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

@@ -13,7 +13,16 @@ class Sprite {
 export class Image extends MaskableGraphic {
 
     @serializable(Sprite)
-    sprite?: Sprite;
+    get sprite(): Sprite | undefined {
+        return this._sprite;
+    }
+    set sprite(sprite: Sprite | undefined) {
+        if (this._sprite === sprite) return;
+        this._sprite = sprite;
+        this.onAfterCreated();
+    }
+
+    private _sprite?: Sprite;
 
     private isBuiltinSprite() {
         switch (this.sprite?.texture?.name) {
@@ -24,7 +33,7 @@ export class Image extends MaskableGraphic {
         }
         // this is a hack/workaround for production builds where the name of the sprite is missing
         // need to remove this!!!!
-        if(this.sprite?.texture?.image?.width === 32 && this.sprite?.texture?.image?.height === 32) 
+        if (this.sprite?.texture?.image?.width === 32 && this.sprite?.texture?.image?.height === 32)
             return true;
         return false;
     }
@@ -39,6 +48,7 @@ export class Image extends MaskableGraphic {
     }
 
     protected onAfterCreated(): void {
+        if(!this.__didAwake) return;
         super.onAfterCreated();
         if (this.isBuiltinSprite()) return;
         this.setTexture(this.sprite?.texture);
@@ -47,9 +57,19 @@ export class Image extends MaskableGraphic {
 
 export class RawImage extends MaskableGraphic {
     @serializable(Texture)
-    mainTexture?: Texture;
+    get mainTexture(): Texture | undefined {
+        return this._mainTexture;
+    }
+    set mainTexture(texture: Texture | undefined) {
+        if (this._mainTexture === texture) return;
+        this._mainTexture = texture;
+        this.onAfterCreated();
+    }
+
+    private _mainTexture?: Texture;
 
     protected onAfterCreated(): void {
+        if(!this.__didAwake) return;
         super.onAfterCreated();
         // console.log(this);
         // if (this.mainTexture) {