@needle-tools/engine 3.2.13-alpha → 3.2.14-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@needle-tools/engine",
-    "version": "3.2.13-alpha",
+    "version": "3.2.14-alpha",
     "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.umd.cjs",
     "type": "module",
@@ -61,7 +61,7 @@
         "postprocessing": "^6.30.1",
         "simplex-noise": "^4.0.1",
         "stats.js": "^0.17.0",
-        "three": "npm:@needle-tools/three@^0.146.6",
+        "three": "npm:@needle-tools/three@^0.146.8",
         "three-mesh-ui": "^6.4.5",
         "three.quarks": "^0.7.3",
         "uuid": "^9.0.0",

package/src/engine/codegen/register_types.js

@@ -95,6 +95,7 @@ import { Networking } from "../../engine-components/Networking";
 import { NoiseModule } from "../../engine-components/ParticleSystemModules";
 import { ObjectRaycaster } from "../../engine-components/ui/Raycaster";
 import { OffsetConstraint } from "../../engine-components/OffsetConstraint";
+import { OpenURL } from "../../engine-components/utils/OpenURL";
 import { OrbitControls } from "../../engine-components/OrbitControls";
 import { ParticleBurst } from "../../engine-components/ParticleSystemModules";
 import { ParticleSubEmitter } from "../../engine-components/ParticleSystemSubEmitter";
@@ -284,6 +285,7 @@ TypeStore.add("Networking", Networking);
 TypeStore.add("NoiseModule", NoiseModule);
 TypeStore.add("ObjectRaycaster", ObjectRaycaster);
 TypeStore.add("OffsetConstraint", OffsetConstraint);
+TypeStore.add("OpenURL", OpenURL);
 TypeStore.add("OrbitControls", OrbitControls);
 TypeStore.add("ParticleBurst", ParticleBurst);
 TypeStore.add("ParticleSubEmitter", ParticleSubEmitter);

package/src/engine-components/codegen/components.ts

@@ -93,6 +93,7 @@ export { Networking } from "../Networking";
 export { NoiseModule } from "../ParticleSystemModules";
 export { ObjectRaycaster } from "../ui/Raycaster";
 export { OffsetConstraint } from "../OffsetConstraint";
+export { OpenURL } from "../utils/OpenURL";
 export { OrbitControls } from "../OrbitControls";
 export { ParticleBurst } from "../ParticleSystemModules";
 export { ParticleSubEmitter } from "../ParticleSystemSubEmitter";

package/src/engine-components/export/usdz/USDZExporter.ts

@@ -1,6 +1,5 @@
 import { delay, getParam, isiOS, isMobileDevice, isSafari } from "../../../engine/engine_utils";
-import { Object3D, Color } from "three";
-import * as THREE from "three";
+import { Object3D, Color, Mesh, Matrix4 } from "three";
 import { USDZExporter as ThreeUSDZExporter } from "three/examples/jsm/exporters/USDZExporter";
 import { AnimationExtension } from "./extensions/Animation"
 import { ensureQuicklookLinkIsCreated } from "./utils/quicklook";
@@ -72,7 +71,7 @@ export class USDZExporter extends Behaviour {
         if (!this.objectToExport) this.objectToExport = this.gameObject;
 
 
-        if (isDevEnvironment() && (!this.objectToExport || this.objectToExport.children.length <= 0)) {
+        if (isDevEnvironment() && (!this.objectToExport?.children?.length && !(this.objectToExport as Mesh)?.isMesh)) {
             showBalloonWarning("USDZ Exporter has nothing to export");
             console.warn("USDZExporter has no objects to export assigned:", this)
         }
@@ -114,7 +113,7 @@ export class USDZExporter extends Behaviour {
             const scale = 1 / this.webARSessionRoot!.arScale;
             scene.matrix.makeScale(scale, scale, scale);
             if (this.webARSessionRoot.invertForward) {
-                scene.matrix.multiply(new THREE.Matrix4().makeRotationY(Math.PI));
+                scene.matrix.multiply(new Matrix4().makeRotationY(Math.PI));
             }
         }
 

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

@@ -6,14 +6,14 @@ import * as ThreeMeshUI from 'three-mesh-ui'
 import { Context } from "../../engine/engine_setup";
 import { OrbitControls } from "../OrbitControls";
 import { IPointerEventHandler, PointerEventData } from "./PointerEvents";
-import { Raycaster } from "./Raycaster";
+import { ObjectRaycaster, Raycaster } from "./Raycaster";
 import { InputEvents } from "../../engine/engine_input";
 import { Object3D } from "three";
 import { ICanvasGroup, IGraphic } from "./Interfaces";
 import { getParam } from "../../engine/engine_utils";
 import { UIRaycastUtils } from "./RaycastUtils";
 import { $shadowDomOwner } from "./BaseUIComponent";
-import { showBalloonMessage, showBalloonWarning } from "../../engine/debug";
+import { isDevEnvironment, showBalloonMessage, showBalloonWarning } from "../../engine/debug";
 
 const debug = getParam("debugeventsystem");
 
@@ -86,9 +86,15 @@ export class EventSystem extends Behaviour {
     }
 
     start() {
-        // const res = GameObject.findObjectsOfType(Raycaster, this.context);
-        // if (res)
-        //     this.raycaster = [...res];
+        if (this.raycaster.length <= 0) {
+            const res = GameObject.findObjectOfType(Raycaster, this.context);
+            if (!res) {
+                const rc = GameObject.addNewComponent(this.context.scene, ObjectRaycaster);
+                this.raycaster.push(rc);
+                if (isDevEnvironment())
+                    console.warn("Added an ObjectRaycaster to the scene because no raycaster was found", this);
+            }
+        }
     }
 
     register(rc: Raycaster) {

package/src/engine-components/utils/OpenURL.ts

@@ -0,0 +1,119 @@
+
+import { IPointerClickHandler, PointerEventData } from "../ui";
+import { Behaviour } from "../Component";
+import { serializable } from "../../engine/engine_serialization";
+import { isDevEnvironment, showBalloonMessage } from "../../engine/debug";
+import { isSafari } from "../../engine/engine_utils";
+import { ObjectRaycaster, Raycaster } from "../ui/Raycaster";
+import { tryGetUIComponent } from "../ui/Utils";
+
+export enum OpenURLMode {
+    NewTab = 0,
+    SameTab = 1,
+    NewWindow = 2
+}
+
+export class OpenURL extends Behaviour implements IPointerClickHandler {
+
+    @serializable()
+    clickable: boolean = true;
+
+    @serializable()
+    url?: string;
+
+    @serializable()
+    mode: OpenURLMode = OpenURLMode.NewTab;
+
+    async open() {
+        if (!this.url) {
+            console.error("URL is not set", this);
+            return;
+        }
+
+        this._validateUrl();
+
+        if (isDevEnvironment()) showBalloonMessage("Open URL: " + this.url)
+
+
+        switch (this.mode) {
+            case OpenURLMode.NewTab:
+                if (isSafari()) {
+                    globalThis.open(this.url, "_blank");
+                }
+                else
+                    globalThis.open(this.url, "_blank");
+                break;
+            case OpenURLMode.SameTab:
+                if (isSafari()) {
+                    globalThis.open(this.url, "_top");
+                }
+                else globalThis.open(this.url, "_self");
+                break;
+            case OpenURLMode.NewWindow:
+                if (isSafari()) {
+                    globalThis.open(this.url, "_top");
+                }
+                else globalThis.open(this.url, "_new");
+                break;
+
+        }
+    }
+
+    start(): void {
+        const raycaster = this.gameObject.getComponentInParent(ObjectRaycaster);
+        if (!raycaster) this.gameObject.addNewComponent(ObjectRaycaster);
+    }
+
+    onEnable(): void {
+        if (isSafari()) window.addEventListener("touchend", this._safariNewTabWorkaround);
+    }
+    onDisable(): void {
+        if (isSafari()) window.removeEventListener("touchend", this._safariNewTabWorkaround);
+    }
+
+    onPointerEnter(args) {
+        if (!args.used && this.clickable)
+            this.context.input.setCursorPointer();
+    }
+    onPointerExit() {
+        if (this.clickable)
+            this.context.input.setCursorNormal();
+    }
+    onPointerClick(args: PointerEventData) {
+        if (this.clickable && !args.used && this.url?.length)
+            this.open();
+    }
+
+    private _safariNewTabWorkaround = () => {
+        if (!this.clickable || !this.url?.length) return;
+        // we only need this workaround for opening a new tab
+        if (this.mode === OpenURLMode.SameTab) return;
+        // When we process the click directly in the browser event we can open a new tab
+        // by emitting a link attribute and calling onClick
+        const raycaster = this.gameObject.getComponentInParent(Raycaster);
+        if (raycaster) {
+            const hits = raycaster.performRaycast();
+            if (!hits) return;
+            for (const hit of hits) {
+                if (hit.object === this.gameObject || tryGetUIComponent(hit.object)?.gameObject === this.gameObject) {
+                    this._validateUrl();
+                    var a = document.createElement('a') as HTMLAnchorElement;
+                    a.setAttribute("target", "_blank");
+                    a.setAttribute("href", this.url);
+                    a.click();
+                    break;
+                }
+            }
+        }
+    }
+
+    private _validateUrl() {
+        if (!this.url) return;
+        if (this.url.startsWith("www.")) {
+            if (isDevEnvironment()) {
+                console.warn("URL is not valid, adding https:// to the start of the URL", this.url);
+            }
+            this.url = "https://" + this.url;
+        }
+    }
+}