@needle-tools/engine 4.10.0-beta.2 → 4.10.0-next.2abafea

package/src/engine/webcomponents/needle-engine.ts

@@ -38,18 +38,14 @@ const observedAttributes = [
     "loadstart",
     "progress",
     "loadfinished",
-
     "dracoDecoderPath",
     "dracoDecoderType",
     "ktx2DecoderPath",
-
     "tone-mapping",
     "tone-mapping-exposure",
     "background-blurriness",
     "background-color",
     "environment-intensity",
-
-    "focus-rect",
 ]
 
 // https://developers.google.com/web/fundamentals/web-components/customelements
@@ -99,7 +95,7 @@ export class NeedleEngineWebComponent extends HTMLElement implements INeedleEngi
         if (value === null) this.removeAttribute("camera-controls");
         else this.setAttribute("camera-controls", value ? "true" : "false");
     }
-
+    
 
     /**
      * Get the current context for this web component instance. The context is created when the src attribute is set and the loading has finished.  
@@ -335,17 +331,17 @@ export class NeedleEngineWebComponent extends HTMLElement implements INeedleEngi
                 if (debug) console.log("ktx2DecoderPath", newValue);
                 setKtx2TranscoderPath(newValue);
                 break;
-
+                
             case "tonemapping":
             case "tone-mapping":
             case "tone-mapping-exposure":
             case "background-blurriness":
             case "background-color":
             case "environment-intensity":
-                {
-                    this.applyAttributes();
-                    break;
-                }
+            {
+                this.applyAttributes();
+                break;
+            }
             case "public-key": {
                 if (newValue != PUBLIC_KEY)
                     this.setPublicKey();
@@ -356,25 +352,6 @@ export class NeedleEngineWebComponent extends HTMLElement implements INeedleEngi
                     this.setVersion();
                 break;
             }
-
-            case "focus-rect":
-                {
-                    const focus_rect = this.getAttribute("focus-rect") as HTMLElement | string | null;
-                    if (focus_rect && this._context) {
-                        if (focus_rect === null) {
-                            this._context.setCameraFocusRect(null);
-                        }
-                        else if (typeof focus_rect === "string" && focus_rect.length > 0) {
-                            const element = document.querySelector(focus_rect);
-                            this._context.setCameraFocusRect(element instanceof HTMLElement ? element : null);
-                        }
-                        else if (focus_rect instanceof HTMLElement) {
-                            this._context.setCameraFocusRect(focus_rect);
-                        }
-
-                    }
-                }
-                break;
         }
     }
 
@@ -594,7 +571,7 @@ export class NeedleEngineWebComponent extends HTMLElement implements INeedleEngi
                 this.context.scene.background = null;
             }
             // HACK: if we set background-color to a color and then back to null we want the background-image attribute to re-apply
-            else if (this.getAttribute("background-image")) {
+            else if(this.getAttribute("background-image")) {
                 this.setAttribute("background-image", this.getAttribute("background-image")!);
             }
         }

package/src/engine-components/web/ScrollFollow.ts

@@ -435,7 +435,7 @@ export class ScrollFollow extends Behaviour {
                     time += diff * weight;
                 }
             }
-            if (debug && this.context.time.frame % 20 === 0) console.log(time.toFixed(3), [...weightsArray])
+            if (this.context.time.frame % 20 === 0) console.log(time.toFixed(3), [...weightsArray])
             if (this.damping <= 0) {
                 director.time = time;
             }