@realsee/dnalogel 3.5.0-tag-dev.2 → 3.6.0-dev.0

package/libs/CruisePlugin/Move.d.ts

@@ -0,0 +1,40 @@
+import type { Five } from '@realsee/five';
+import CruiseController from './BaseController';
+import type { PluginState } from './typing';
+import type { PartialDeep } from 'type-fest';
+import type * as THREE from 'three';
+type Data = {
+    path: THREE.CurvePath<THREE.Vector3>;
+    offset?: Partial<{
+        x: number;
+        y: number;
+        z: number;
+    }>;
+};
+type Config = {
+    offset?: Partial<{
+        x: number;
+        y: number;
+        z: number;
+    }>;
+    allowBroke?: boolean;
+};
+export default class MoveController extends CruiseController<Data, Config> {
+    private curve;
+    private baseCurveOffset;
+    private curveOffset;
+    private playStartedTime;
+    private duration;
+    constructor(five: Five, config?: Config);
+    load(data: Data, state?: PartialDeep<PluginState>): Promise<void>;
+    changeSpeed: (speed: number, userAction?: boolean) => void;
+    moveToStart: () => void;
+    playFromStart: () => void;
+    protected getDuration: () => number;
+    protected getProgress: () => number;
+    protected handlePlay(): Promise<string>;
+    protected handlePause(options?: {
+        userAction?: boolean;
+    }): void;
+}
+export {};

package/libs/CruisePlugin/Move.js

@@ -0,0 +1,120 @@
+var S = Object.defineProperty;
+var g = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var m = (o, e, t) => e in o ? S(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, v = (o, e) => {
+  for (var t in e || (e = {}))
+    y.call(e, t) && m(o, t, e[t]);
+  if (g)
+    for (var t of g(e))
+      P.call(e, t) && m(o, t, e[t]);
+  return o;
+};
+var r = (o, e, t) => (m(o, typeof e != "symbol" ? e + "" : e, t), t);
+import C from "./BaseController.js";
+import { objectAssignDeepExports as u } from "../vendor/object-assign-deep/objectAssignDeep.js";
+import "hammerjs";
+import "three";
+import "@realsee/five";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { uuid as b } from "../shared-utils/uuid.js";
+import { getFiveStateOnCurve as c } from "./utils/getFiveStateOnCurve.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/Subscribe.js";
+import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
+import "../shared-utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../shared-utils/vectorToCoordinate.js";
+import "../shared-utils/formatRad.js";
+class tt extends C {
+  constructor(t, s) {
+    var i;
+    super(t, s);
+    r(this, "curve");
+    r(this, "baseCurveOffset");
+    r(this, "curveOffset");
+    r(this, "playStartedTime", performance.now());
+    r(this, "duration");
+    r(this, "changeSpeed", (t, s = !0) => {
+      this.state.speed = t, this.hooks.emit("speedChange", t, { userAction: s });
+    });
+    r(this, "moveToStart", () => {
+      this.five.setState(c(this.curve, 0, this.curveOffset));
+    });
+    r(this, "playFromStart", () => {
+      this.clearPauseData(), this.setState({ playing: !0 });
+    });
+    r(this, "getDuration", () => this.getSpeededDuration(this.duration));
+    r(this, "getProgress", () => {
+      var n;
+      const t = this.getPauseData(), s = 1 - ((n = t == null ? void 0 : t.playedProgress) != null ? n : 0), a = this.getDuration(), i = (performance.now() - this.playStartedTime) / a;
+      return 1 - s + i;
+    });
+    const a = {
+      config: {
+        speedConfig: {
+          moveSpeed: 2,
+          moveSpeedUnit: "m/s"
+        }
+      }
+    }, f = {
+      allowBroke: !0
+    };
+    this.state = u({}, a, this.state), this.config = u({}, f, this.config), this.baseCurveOffset = u({ x: 0, y: 0, z: 0 }, { y: 2 }, (i = this.config) == null ? void 0 : i.offset);
+  }
+  load(t, s) {
+    var i, n, h, p, d, l;
+    if (this.handlePause(), this.clear(), this.data = v({ id: b() }, t), this.curve = this.data.path.curves[0], this.curveOffset = {
+      x: this.baseCurveOffset.x + ((n = (i = this.data.offset) == null ? void 0 : i.x) != null ? n : 0),
+      y: this.baseCurveOffset.y + ((p = (h = this.data.offset) == null ? void 0 : h.y) != null ? p : 0),
+      z: this.baseCurveOffset.z + ((l = (d = this.data.offset) == null ? void 0 : d.z) != null ? l : 0)
+    }, !this.curve)
+      throw new Error("curve is not defined");
+    const a = this.curve.getLength(), f = this.state.config.speedConfig.moveSpeedUnit === "m/ms" ? 1 : 1e3;
+    return this.duration = a / (this.state.config.speedConfig.moveSpeed / f), s ? this.setState(s) : (this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed)), Promise.resolve();
+  }
+  handlePlay() {
+    return new Promise((t, s) => {
+      var n;
+      const a = this.getPauseData(), f = c(this.curve, (n = a == null ? void 0 : a.playedProgress) != null ? n : 0, this.curveOffset);
+      if (this.five.setState(f), this.playStartedTime = performance.now(), this.config.allowBroke) {
+        const h = this.addInterruptListener(() => {
+          this.hooks.emit("broke"), this.handlePause(), h();
+        });
+      }
+      const i = () => {
+        const h = this.getProgress();
+        if (h >= 1)
+          this.five.off("renderFrame", i), t("end");
+        else if (this.state.playing === !1)
+          this.five.off("renderFrame", i);
+        else if (h >= 0) {
+          const p = c(this.curve, h, this.curveOffset);
+          this.five.setState(p, !0);
+        }
+      };
+      this.five.on("renderFrame", i);
+    });
+  }
+  handlePause(t) {
+    var s;
+    this.state.playing = !1, this.hooks.emit("pause", { userAction: (s = t == null ? void 0 : t.userAction) != null ? s : !0 }), this.setPauseData();
+  }
+}
+export {
+  tt as default
+};

package/libs/CruisePlugin/Work.d.ts

@@ -0,0 +1,120 @@
+import type { Five, State } from '@realsee/five';
+import type { PluginState, PluginServerData, PluginData, CruiseKeyframe, MoveEffect, Config } from './typing';
+import CruiseController from './BaseController';
+export default class WalkController extends CruiseController<PluginData, Config> {
+    state: PluginState;
+    protected privateState: {
+        /**
+         * privateState.playing 和 state.playing 的区别：
+         * state.playing 先为true，然后才 handleplay，handleplay方法内会检查privateState.playing，如果已经开始（privateState.playing === true），就不执行操作，如果为false，就执行操作
+         * 其实就是加了一个不允许重复执行handleplay的逻辑
+         */
+        playing: boolean;
+        currentPlayKeyframe: {
+            keyframe: CruiseKeyframe;
+            originDuration?: number;
+        } | null;
+        currentPlayQueue: Promise<any>[];
+        broke: boolean;
+        playId?: string;
+        moveToFirstPanoEffect?: MoveEffect;
+        moveToFirstPanoDuration?: number;
+        modeChanging?: boolean;
+    };
+    constructor(five: Five, config?: Config);
+    /**
+     * @description Load Data and State
+     */
+    load(serverData: PluginServerData | PluginServerData['data'], state?: PluginState, userAction?: boolean): Promise<void>;
+    /**
+     * @description If playing, first pause, then play from keyframes index/id
+     * @param {number} options.index play from keyframes index
+     * @param {string} options.id play from keyframes id
+     */
+    playFrom(options: {
+        userAction?: boolean;
+        index?: number;
+        id?: string;
+    }): void;
+    /**
+     * @description Play from first keyframe
+     */
+    playFromStart(options?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description Format data
+     */
+    protected formatData(serverData: PluginServerData | PluginServerData['data']): Promise<PluginData>;
+    /**
+     * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
+     * @param {number} options.playFromIndex play from keyframes index
+     * @param {string} options.playFromId play from keyframes id
+     */
+    protected handlePlay(options?: {
+        userAction?: boolean;
+        playFromIndex?: number;
+        playFromId?: string;
+        notEmitEvent?: true;
+    }): Promise<string>;
+    /**
+     * @description: Pause and record pause state
+     */
+    protected handlePause(options?: {
+        userAction?: boolean;
+        notEmitEvent?: true;
+    }): void;
+    /**
+     * @description: Change play speed
+     */
+    protected changeSpeed(speed: number, userAction?: boolean): void;
+    /**
+     * @description Get ratate progress
+     */
+    protected getProgress(): any;
+    /**
+     * @description Set pause data
+     */
+    protected setPauseData(): Map<string, {
+        fiveState: Partial<State>;
+        id?: string | number;
+        playedProgress: number;
+        duration?: number;
+    }>;
+    /**
+     * @description: Restore state that before loaded
+     */
+    protected clear(): void;
+    /**
+     * @description Play single keyframe
+     */
+    private playKeyframe;
+    /**
+     * @description: getPlayPromise
+     */
+    private getPlayPromise;
+    /**
+     * @description Action promise queue in sequence
+     */
+    private actionPromiseQueue;
+    /**
+     * @description Action move keyframe
+     */
+    private move;
+    /**
+     * @description Action rotate keyframe
+     */
+    private rotate;
+    /**
+     * @description Update five camera
+     */
+    private updateCamera;
+    /**
+     * @description: Change five pano
+     */
+    private changePano;
+    /**
+     * @description Change five mode
+     */
+    private changeMode;
+}