easter-egg-quest 1.0.15 → 1.0.17

package/dist/easter-egg-quest.es.js

@@ -462,6 +462,12 @@ class InputTracker {
     this._phases = [];
     this._currentPhaseType = "still";
     this._currentPhaseStart = Date.now();
+    this._snapshot.isMoving = false;
+    this._snapshot.velocity = 0;
+    if (this._stillTimer) {
+      clearTimeout(this._stillTimer);
+      this._stillTimer = null;
+    }
   }
   resetCounts() {
     this._snapshot.totalClicks = 0;
@@ -514,7 +520,25 @@ function isElementVisible(el) {
   if (rect.width === 0 || rect.height === 0) return false;
   const style = getComputedStyle(el);
   if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0") return false;
-  return rect.top < window.innerHeight && rect.bottom > 0 && rect.left < window.innerWidth && rect.right > 0;
+  const inViewport = rect.top < window.innerHeight && rect.bottom > 0 && rect.left < window.innerWidth && rect.right > 0;
+  if (!inViewport) return false;
+  let parent = el.parentElement;
+  while (parent && parent !== document.body) {
+    const parentStyle = getComputedStyle(parent);
+    const overflowClips = [
+      parentStyle.overflow,
+      parentStyle.overflowX,
+      parentStyle.overflowY
+    ].some((value) => ["auto", "scroll", "hidden", "clip"].includes(value));
+    if (overflowClips) {
+      const parentRect = parent.getBoundingClientRect();
+      if (rect.bottom <= parentRect.top || rect.top >= parentRect.bottom || rect.right <= parentRect.left || rect.left >= parentRect.right) {
+        return false;
+      }
+    }
+    parent = parent.parentElement;
+  }
+  return true;
 }
 function isDangerousElement(el) {
   const text = (el.textContent ?? "").toLowerCase().trim();
@@ -522,26 +546,6 @@ function isDangerousElement(el) {
   const combined = `${text} ${ariaLabel}`;
   return DANGEROUS_KEYWORDS.some((kw) => combined.includes(kw));
 }
-function findEligibleEntryElements(containerSelector, excludeSelectors = []) {
-  const container = containerSelector ? document.querySelector(containerSelector) ?? document.body : document.body;
-  const candidates = container.querySelectorAll(
-    'a, button, [role="button"], nav a, nav button, .cta, [data-easter-entry]'
-  );
-  const excludeSet = /* @__PURE__ */ new Set();
-  for (const sel of excludeSelectors) {
-    document.querySelectorAll(sel).forEach((el) => excludeSet.add(el));
-  }
-  const eligible = [];
-  candidates.forEach((el) => {
-    if (excludeSet.has(el)) return;
-    if (!isElementVisible(el)) return;
-    if (isDangerousElement(el)) return;
-    const rect = el.getBoundingClientRect();
-    if (rect.width < 30 || rect.height < 20) return;
-    eligible.push(el);
-  });
-  return eligible;
-}
 function pickRandom(arr) {
   if (arr.length === 0) return void 0;
   return arr[Math.floor(Math.random() * arr.length)];
@@ -567,6 +571,15 @@ class HiddenEntry {
     this._hintVisibleStart = 0;
     this._hintCheckInterval = null;
     this._hintVisibilityHandler = null;
+    this._domObserver = null;
+    this._intersectionObserver = null;
+    this._mutationDebounce = null;
+    this._navigationHandler = null;
+    this._bootstrapObserver = null;
+    this._retryTimer = null;
+    this._fallbackTimer = null;
+    this._retryCount = 0;
+    this._historyPatched = false;
     this.config = config;
     this.script = script;
     this.onFound = onFound;
@@ -576,16 +589,10 @@ class HiddenEntry {
       this._createFallbackEntry();
       return;
     }
-    const eligible = findEligibleEntryElements(
-      this.config.hiddenEntry.selector,
-      this.config.hiddenEntry.excludeSelectors
-    );
-    if (eligible.length === 0) {
-      this._createFallbackEntry();
-      return;
-    }
-    this._injectIntoExisting(eligible);
     this._startHintEscalation();
+    this._startBootstrapWatch();
+    this._scheduleFallback();
+    this._attemptInjection(0);
   }
   cleanup() {
     var _a2, _b2, _c, _d;
@@ -600,6 +607,8 @@ class HiddenEntry {
       this.targetElement.style.removeProperty("animation");
       this.targetElement.classList.remove("eeq-entry-target");
     }
+    this._stopWatchdog();
+    this._stopBootstrapWatch();
     (_a2 = this._injectedElement) == null ? void 0 : _a2.remove();
     this._injectedElement = null;
     (_b2 = this.hintContainer) == null ? void 0 : _b2.remove();
@@ -612,17 +621,11 @@ class HiddenEntry {
     this._attachToElement(this.targetElement);
   }
   // ─── Inject trigger text inside an existing element ─────────────────
-  _injectIntoExisting(_eligible) {
-    const candidates = Array.from(
-      document.querySelectorAll(
-        "p, li, figcaption, blockquote, h4, h3, h2, h1, header a, nav a, nav button"
-      )
-    ).filter((el) => {
-      var _a2;
-      const text = ((_a2 = el.textContent) == null ? void 0 : _a2.trim()) ?? "";
-      const rect = el.getBoundingClientRect();
-      return text.length >= 2 && rect.width > 0 && rect.height > 0 && !el.closest("[data-eeq]");
-    });
+  _injectIntoExisting() {
+    var _a2;
+    const root = this._getSearchRoot();
+    const candidates = this._findTextCandidates(root);
+    if (candidates.length === 0) return false;
     const sorted = candidates.sort((a, b) => {
       const aNav = a.closest("nav") !== null || a.closest("header") !== null ? 1 : 0;
       const bNav = b.closest("nav") !== null || b.closest("header") !== null ? 1 : 0;
@@ -633,8 +636,8 @@ class HiddenEntry {
     });
     const prints = sorted.map(
       (el) => {
-        var _a2;
-        return `${el.tagName}:${(((_a2 = el.textContent) == null ? void 0 : _a2.trim()) ?? "").slice(0, 30)}`;
+        var _a3;
+        return `${el.tagName}:${(((_a3 = el.textContent) == null ? void 0 : _a3.trim()) ?? "").slice(0, 30)}`;
       }
     );
     const HISTORY_KEY = "eeq_trigger_history";
@@ -666,8 +669,8 @@ class HiddenEntry {
     ];
     const rotatedPrints = rotated.map(
       (el) => {
-        var _a2;
-        return `${el.tagName}:${(((_a2 = el.textContent) == null ? void 0 : _a2.trim()) ?? "").slice(0, 30)}`;
+        var _a3;
+        return `${el.tagName}:${(((_a3 = el.textContent) == null ? void 0 : _a3.trim()) ?? "").slice(0, 30)}`;
       }
     );
     const unused = rotated.filter((_, i) => !usedSet.has(rotatedPrints[i]));
@@ -681,6 +684,7 @@ class HiddenEntry {
       const isInline = host.tagName === "A" || host.tagName === "BUTTON" || host.tagName === "LI" || host.closest("nav") !== null;
       const span = document.createElement("span");
       span.textContent = isInline ? " · start hunt" : " start hunt";
+      span.setAttribute("data-eeq", "trigger");
       span.style.cssText = `
         font: inherit;
         color: inherit;
@@ -708,9 +712,264 @@ class HiddenEntry {
       this._injectedElement = span;
       this.targetElement = span;
       this._attachToElement(span);
-      return;
+      this._retryCount = 0;
+      this._clearRetryTimer();
+      this._clearFallbackTimer();
+      (_a2 = this.fallbackButton) == null ? void 0 : _a2.remove();
+      this.fallbackButton = null;
+      this._stopBootstrapWatch();
+      this._startWatchdog();
+      return true;
+    }
+    return false;
+  }
+  _attemptInjection(delayMs) {
+    this._clearRetryTimer();
+    this._retryTimer = setTimeout(() => {
+      if (this._destroyed || this._injectedElement) return;
+      const ok = this._injectIntoExisting();
+      if (!ok) this._scheduleNextRetry();
+    }, delayMs);
+  }
+  _scheduleNextRetry() {
+    if (this._destroyed || this._injectedElement) return;
+    const delays = [300, 900, 1800, 3200, 5e3, 8e3];
+    const nextDelay = delays[Math.min(this._retryCount, delays.length - 1)];
+    this._retryCount += 1;
+    this._attemptInjection(nextDelay);
+  }
+  _scheduleFallback() {
+    if (this.fallbackButton || this._fallbackTimer) return;
+    this._fallbackTimer = setTimeout(() => {
+      if (this._destroyed || this._injectedElement || this.fallbackButton) return;
+      this._createFallbackEntry();
+    }, 1e4);
+  }
+  _clearRetryTimer() {
+    if (this._retryTimer) {
+      clearTimeout(this._retryTimer);
+      this._retryTimer = null;
+    }
+  }
+  _clearFallbackTimer() {
+    if (this._fallbackTimer) {
+      clearTimeout(this._fallbackTimer);
+      this._fallbackTimer = null;
+    }
+  }
+  _getSearchRoot() {
+    if (!this.config.hiddenEntry.selector) return document.body;
+    return document.querySelector(this.config.hiddenEntry.selector) ?? document.body;
+  }
+  _findTextCandidates(root) {
+    var _a2;
+    const selector = [
+      "p",
+      "li",
+      "figcaption",
+      "blockquote",
+      "caption",
+      "label",
+      "td",
+      "th",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "a",
+      "button",
+      '[role="button"]',
+      '[role="link"]',
+      "div",
+      "span",
+      "article",
+      "section",
+      "summary",
+      "[data-easter-entry]",
+      "[mat-button]",
+      "[mat-list-item]",
+      ".mat-mdc-button",
+      ".mat-mdc-list-item",
+      ".ag-cell",
+      ".ag-header-cell"
+    ].join(", ");
+    const excludeSet = /* @__PURE__ */ new Set();
+    for (const sel of this.config.hiddenEntry.excludeSelectors) {
+      (_a2 = root.querySelectorAll) == null ? void 0 : _a2.call(root, sel).forEach((el) => excludeSet.add(el));
+    }
+    return Array.from(root.querySelectorAll(selector)).filter((el) => {
+      var _a3, _b2;
+      if (!(el instanceof HTMLElement)) return false;
+      if (excludeSet.has(el)) return false;
+      if (el.closest("[data-eeq]")) return false;
+      if (el.closest("script, style, noscript, svg, canvas, form")) return false;
+      if (isDangerousElement(el)) return false;
+      if (!isElementVisible(el)) return false;
+      const text = ((_a3 = el.innerText) == null ? void 0 : _a3.trim()) || ((_b2 = el.textContent) == null ? void 0 : _b2.trim()) || "";
+      if (text.length < 6 || text.length > 220) return false;
+      const childElementCount = el.children.length;
+      if (childElementCount > 12) return false;
+      const rect = el.getBoundingClientRect();
+      if (rect.width < 18 || rect.height < 12) return false;
+      return true;
+    });
+  }
+  _startBootstrapWatch() {
+    this._stopBootstrapWatch();
+    const root = this._getSearchRoot();
+    const observerTarget = root instanceof HTMLElement ? root : document.body;
+    this._bootstrapObserver = new MutationObserver(() => {
+      if (this._destroyed || this._injectedElement) return;
+      if (this._mutationDebounce) clearTimeout(this._mutationDebounce);
+      this._mutationDebounce = setTimeout(() => {
+        if (this._destroyed || this._injectedElement) return;
+        this._attemptInjection(150);
+      }, 250);
+    });
+    this._bootstrapObserver.observe(observerTarget, { childList: true, subtree: true });
+    this._navigationHandler = () => {
+      if (this._destroyed || this._injectedElement) return;
+      this._attemptInjection(700);
+    };
+    window.addEventListener("popstate", this._navigationHandler);
+    window.addEventListener("hashchange", this._navigationHandler);
+    if (!this._historyPatched && typeof window.history !== "undefined") {
+      this._historyPatched = true;
+      const patchHistoryMethod = (method) => {
+        const original = window.history[method].bind(window.history);
+        window.history[method] = (...args) => {
+          const result = original(...args);
+          window.dispatchEvent(new Event("eeq:navigation"));
+          return result;
+        };
+      };
+      patchHistoryMethod("pushState");
+      patchHistoryMethod("replaceState");
     }
-    this._createFallbackEntry();
+    window.addEventListener("eeq:navigation", this._navigationHandler);
+  }
+  _stopBootstrapWatch() {
+    if (this._bootstrapObserver) {
+      this._bootstrapObserver.disconnect();
+      this._bootstrapObserver = null;
+    }
+    this._clearRetryTimer();
+    this._clearFallbackTimer();
+    if (this._mutationDebounce) {
+      clearTimeout(this._mutationDebounce);
+      this._mutationDebounce = null;
+    }
+    if (this._navigationHandler) {
+      window.removeEventListener("popstate", this._navigationHandler);
+      window.removeEventListener("hashchange", this._navigationHandler);
+      window.removeEventListener("eeq:navigation", this._navigationHandler);
+      this._navigationHandler = null;
+    }
+  }
+  /**
+   * Watch for the injected trigger element being removed from the DOM
+   * (SPA re-render, route change, virtual scroll) or scrolled out of view.
+   *
+   * Uses IntersectionObserver (zero layout cost) for visibility,
+   * a MutationObserver on a stable ancestor (survives Angular/React re-renders),
+   * and navigation event listeners for SPA route changes.
+   */
+  _startWatchdog() {
+    this._stopWatchdog();
+    if (!this._injectedElement) return;
+    this._intersectionObserver = new IntersectionObserver(
+      (entries) => {
+        if (this._destroyed || !this._injectedElement) return;
+        const entry = entries[0];
+        if (entry && !entry.isIntersecting) {
+          this._reinject();
+        }
+      },
+      { threshold: 0 }
+    );
+    this._intersectionObserver.observe(this._injectedElement);
+    const observeTarget = this._findStableAncestor(this._injectedElement);
+    this._domObserver = new MutationObserver(() => {
+      if (this._destroyed || !this._injectedElement) return;
+      if (this._mutationDebounce) clearTimeout(this._mutationDebounce);
+      this._mutationDebounce = setTimeout(() => {
+        if (this._destroyed || !this._injectedElement) return;
+        if (!document.body.contains(this._injectedElement)) {
+          this._reinject();
+        }
+      }, 300);
+    });
+    this._domObserver.observe(observeTarget, { childList: true, subtree: true });
+    this._navigationHandler = () => {
+      if (this._destroyed || !this._injectedElement) return;
+      setTimeout(() => {
+        if (this._destroyed || !this._injectedElement) return;
+        if (!document.body.contains(this._injectedElement)) {
+          this._reinject();
+        }
+      }, 500);
+    };
+    window.addEventListener("popstate", this._navigationHandler);
+    window.addEventListener("hashchange", this._navigationHandler);
+    window.addEventListener("eeq:navigation", this._navigationHandler);
+  }
+  /**
+   * Walk up the DOM to find a stable ancestor that won't be replaced
+   * by SPA framework routing (Angular <router-outlet>, React root, etc.).
+   */
+  _findStableAncestor(el) {
+    let node = el.parentElement;
+    while (node && node !== document.body) {
+      const tag = node.tagName.toLowerCase();
+      if (tag === "main" || tag === "body" || tag.includes("app-") || // Angular app-root, app-component, etc.
+      tag.includes("-root") || // custom element roots
+      node.querySelector("router-outlet") !== null || node.id === "app" || node.id === "root" || node.id === "__next") {
+        return node;
+      }
+      node = node.parentElement;
+    }
+    return document.body;
+  }
+  _stopWatchdog() {
+    if (this._domObserver) {
+      this._domObserver.disconnect();
+      this._domObserver = null;
+    }
+    if (this._intersectionObserver) {
+      this._intersectionObserver.disconnect();
+      this._intersectionObserver = null;
+    }
+    if (this._mutationDebounce) {
+      clearTimeout(this._mutationDebounce);
+      this._mutationDebounce = null;
+    }
+    if (this._navigationHandler) {
+      window.removeEventListener("popstate", this._navigationHandler);
+      window.removeEventListener("hashchange", this._navigationHandler);
+      window.removeEventListener("eeq:navigation", this._navigationHandler);
+      this._navigationHandler = null;
+    }
+  }
+  /** Remove old trigger (if still in DOM) and re-inject into a new element. */
+  _reinject() {
+    this._stopWatchdog();
+    if (this.clickHandler && this.targetElement) {
+      this.targetElement.removeEventListener("click", this.clickHandler);
+    }
+    if (this._injectedElement && document.body.contains(this._injectedElement)) {
+      this._injectedElement.remove();
+    }
+    this._injectedElement = null;
+    this.targetElement = null;
+    this._startBootstrapWatch();
+    this._scheduleFallback();
+    setTimeout(() => {
+      if (this._destroyed) return;
+      const ok = this._injectIntoExisting();
+      if (!ok) this._scheduleNextRetry();
+    }, 1200);
   }
   /**
    * Try to insert the trigger span between words inside a text node.
@@ -718,12 +977,22 @@ class HiddenEntry {
    * Returns true if inserted without layout shift.
    */
   _tryInsertBetweenWords(host, span) {
-    var _a2;
     const textNodes = [];
-    for (const node of host.childNodes) {
-      if (node.nodeType === Node.TEXT_NODE && (((_a2 = node.textContent) == null ? void 0 : _a2.trim().length) ?? 0) > 5) {
-        textNodes.push(node);
+    const walker = document.createTreeWalker(host, NodeFilter.SHOW_TEXT, {
+      acceptNode: (node) => {
+        var _a2;
+        const text2 = ((_a2 = node.textContent) == null ? void 0 : _a2.trim()) ?? "";
+        if (text2.length <= 5) return NodeFilter.FILTER_REJECT;
+        const parent = node.parentElement;
+        if (!parent) return NodeFilter.FILTER_REJECT;
+        if (parent.closest("[data-eeq], script, style, noscript")) return NodeFilter.FILTER_REJECT;
+        return NodeFilter.FILTER_ACCEPT;
       }
+    });
+    let current = walker.nextNode();
+    while (current) {
+      textNodes.push(current);
+      current = walker.nextNode();
     }
     if (!textNodes.length) return false;
     const slotSeed = Math.floor(Date.now() / (1e3 * 60 * 2));
@@ -740,13 +1009,13 @@ class HiddenEntry {
     const splitAt = spacePositions[Math.min(idx, spacePositions.length - 1)];
     const before = text.slice(0, splitAt);
     const after = text.slice(splitAt);
-    const heightBefore = host.getBoundingClientRect().height;
+    const rectBefore = host.getBoundingClientRect();
     const afterNode = document.createTextNode(after);
     textNode.textContent = before;
     host.insertBefore(afterNode, textNode.nextSibling);
     host.insertBefore(span, afterNode);
-    const heightAfter = host.getBoundingClientRect().height;
-    if (Math.abs(heightAfter - heightBefore) > 2) {
+    const rectAfter = host.getBoundingClientRect();
+    if (Math.abs(rectAfter.height - rectBefore.height) > 8 || Math.abs(rectAfter.width - rectBefore.width) > 24) {
       host.removeChild(span);
       host.removeChild(afterNode);
       textNode.textContent = text;
@@ -991,6 +1260,7 @@ class HiddenEntry {
     document.head.appendChild(this.shimmerStyle);
   }
   _createFallbackEntry() {
+    if (this.fallbackButton) return;
     this.fallbackButton = document.createElement("button");
     this.fallbackButton.textContent = "·";
     this.fallbackButton.setAttribute("aria-label", "Hidden game entry");
@@ -1059,7 +1329,7 @@ class NarrativeRenderer {
       width: "100%",
       height: "100%",
       pointerEvents: "none",
-      zIndex: "999990"
+      zIndex: "999993"
     });
     document.body.appendChild(this.host);
     this.shadow = this.host.attachShadow({ mode: "closed" });
@@ -1889,6 +2159,13 @@ class ThreeRenderer {
       }
     }
   }
+  /** Mark all ambient particles for rapid fade-out (rhythm lost). */
+  fadeOutAmbientParticles() {
+    for (const p of this._ambientParticles) {
+      p.fadeIn = false;
+      if (p.life > 0.3) p.life = 0.3;
+    }
+  }
   /** Start the finale composition. */
   startFinale() {
     this._finaleActive = true;
@@ -2209,17 +2486,17 @@ class ThreeRenderer {
     this.eggBodies.push(body3);
   }
   // ── Mini egg helpers for particles ─────────────────────────────────────
-  /** Create a tiny egg-shaped geometry (same squash as main eggs, lower poly). */
+  /** Create a tiny egg-shaped geometry — rounder, less elongated. */
   _createMiniEggGeo(T, radius) {
-    const geo = new T.SphereGeometry(radius, 8, 8);
+    const geo = new T.SphereGeometry(radius, 12, 12);
     const pos = geo.attributes.position;
     for (let i = 0; i < pos.count; i++) {
       let y = pos.getY(i);
       const x = pos.getX(i);
       const z = pos.getZ(i);
-      const topSquash = y > 0 ? 0.92 : 1;
-      y = y * 1.15 * topSquash;
-      const narrowing = 1 - Math.abs(y) * 0.06;
+      const topSquash = y > 0 ? 0.95 : 1;
+      y = y * 1.08 * topSquash;
+      const narrowing = 1 - Math.abs(y) * 0.03;
       pos.setX(i, x * narrowing);
       pos.setY(i, y);
       pos.setZ(i, z * narrowing);
@@ -2235,8 +2512,8 @@ class ThreeRenderer {
     c.height = 64;
     const ctx = c.getContext("2d");
     const hue = Math.random() * 360;
-    const sat = 45 + Math.random() * 30;
-    const light = 65 + Math.random() * 15;
+    const sat = 60 + Math.random() * 25;
+    const light = 68 + Math.random() * 14;
     ctx.fillStyle = `hsl(${hue}, ${sat}%, ${light}%)`;
     ctx.fillRect(0, 0, 64, 64);
     const accentHue = (hue + 80 + Math.random() * 100) % 360;
@@ -2307,7 +2584,7 @@ class ThreeRenderer {
     return new T.MeshBasicMaterial({
       map: tex,
       transparent: true,
-      opacity
+      opacity: opacity || 0.85
     });
   }
   _createEggGeometry(T) {
@@ -3037,12 +3314,12 @@ class ThreeRenderer {
       p.mesh.rotation.z += dt * 0.5;
       if (p.fadeIn && p.life > 0.7) {
         p.mesh.material.opacity = Math.min(
-          0.55,
-          p.mesh.material.opacity + dt * 0.6
+          0.9,
+          p.mesh.material.opacity + dt * 1
         );
-        if (p.mesh.material.opacity >= 0.5) p.fadeIn = false;
+        if (p.mesh.material.opacity >= 0.85) p.fadeIn = false;
       } else {
-        p.mesh.material.opacity = Math.max(0, p.life * 0.55);
+        p.mesh.material.opacity = Math.max(0, p.life * 0.85);
       }
       if (p.life <= 0) {
         this.scene.remove(p.mesh);
@@ -4511,7 +4788,7 @@ class RhythmStage {
         if (isGood) {
           this._goodCycles++;
         } else {
-          this._goodCycles = 0;
+          this._goodCycles = Math.max(0, this._goodCycles - 1);
           this._showReaction();
         }
         this._lastPhaseCount += 2;
@@ -4829,11 +5106,13 @@ class GameController {
       (_a3 = this.eggRenderer) == null ? void 0 : _a3.addTrail(data.x, data.y, data.velocity);
     });
     this.bus.on("rhythm:breathe", (data) => {
-      var _a3, _b3, _c;
+      var _a3, _b3;
       (_a3 = this.eggRenderer) == null ? void 0 : _a3.setBreathIntensity(data.accuracy);
       (_b3 = this.pageBreather) == null ? void 0 : _b3.update(data.accuracy, data.isMoving);
-      if (((_c = this.pageBreather) == null ? void 0 : _c.isInSync()) && data.accuracy > 0 && this.threeRenderer) {
+      if (data.accuracy > 0 && this.threeRenderer) {
         this.threeRenderer.showProgressParticles(0.6 + data.accuracy * 0.4);
+      } else if (this.threeRenderer) {
+        this.threeRenderer.fadeOutAmbientParticles();
       }
     });
     this.overlay = new OverlayManager(this.config);
@@ -5151,6 +5430,7 @@ class GameController {
     }
     const successLines = eggIndex === 0 ? this.script.stage1Success : eggIndex === 1 ? this.script.stage2Success : this.script.stage3Success;
     await ((_c = this.narrative) == null ? void 0 : _c.showSequence(successLines, 4500));
+    await this._wait(3e3);
     (_d = this.narrative) == null ? void 0 : _d.clear();
     await this._wait(800);
     if (this.threeRenderer) {