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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@needle-tools/engine",
-    "version": "2.60.3-pre",
+    "version": "2.60.4-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.1-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/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,
@@ -147,6 +148,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();
         }
     }