u-space 0.0.0-alpha.1

package/dist/plugins/atmosphere/Atmosphere.d.ts

@@ -0,0 +1,9 @@
+import type { Viewer } from 'u-space';
+declare class Atmosphere {
+    viewer: Viewer;
+    constructor(viewer: Viewer);
+    enable(): void;
+    disable(): void;
+    dispose(): void;
+}
+export { Atmosphere };

package/dist/plugins/atmosphere/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class s{viewer;constructor(e){this.viewer=e}enable(){}disable(){}dispose(){}}exports.Atmosphere=s;

package/dist/plugins/atmosphere/index.d.ts

@@ -0,0 +1 @@
+export * from './Atmosphere';

package/dist/plugins/atmosphere/index.js

@@ -0,0 +1,15 @@
+class r {
+  viewer;
+  constructor(e) {
+    this.viewer = e;
+  }
+  enable() {
+  }
+  disable() {
+  }
+  dispose() {
+  }
+}
+export {
+  r as Atmosphere
+};

package/dist/plugins/curve-movement/CurveMovement.d.ts

@@ -0,0 +1,78 @@
+import { EventDispatcher, Vector3, type Curve } from 'three/webgpu';
+import type { Viewer } from 'u-space';
+export type CurveMovementEventMap = {
+    update: {
+        progress: number;
+    };
+    complete: {};
+};
+declare class CurveMovement extends EventDispatcher<CurveMovementEventMap> {
+    viewer: Viewer;
+    /** 路径曲线 */
+    path: Curve<Vector3> | null;
+    /** 当前进度 (0-1) */
+    progress: number;
+    /** 移动速度 (每秒进度) */
+    speed: number;
+    /** 循环模式 */
+    loop: 'once' | 'repeat' | 'pingpong';
+    /** 是否往返移动 */
+    pingPong: boolean;
+    /** 位置偏移 */
+    positionOffset: Vector3;
+    /** 是否自动朝向路径前方 */
+    autoLookAt: boolean;
+    /** Y轴朝向角度偏移 (弧度) */
+    lookAtOffset: number;
+    /** 当前方向 (1: 正向, -1: 反向) */
+    direction: 1 | -1;
+    /** 是否正在播放 */
+    protected _isPlaying: boolean;
+    /** 临时向量用于计算 */
+    protected _tempPosition: Vector3;
+    protected _tempTangent: Vector3;
+    protected _tempLookAt: Vector3;
+    constructor(viewer: Viewer);
+    /**
+     * 从点数组创建 CatmullRom 曲线路径
+     */
+    setFromPoints(points: Vector3[], closed?: boolean): this;
+    /**
+     * 设置路径曲线
+     */
+    setPath(path: Curve<Vector3>): this;
+    /**
+     * 设置当前进度并更新位置
+     */
+    setProgress(progress: number): this;
+    /**
+     * 获取是否正在播放
+     */
+    get isPlaying(): boolean;
+    /**
+     * 开始移动动画
+     */
+    play(): this;
+    resume(): this;
+    /**
+     * 暂停移动动画
+     */
+    pause(): this;
+    /**
+     * 停止并重置进度
+     */
+    stop(): this;
+    /**
+     * 反转移动方向
+     */
+    reverse(): this;
+    /**
+     * 更新动画帧
+     */
+    private _update;
+    /**
+     * 销毁插件
+     */
+    dispose(): void;
+}
+export { CurveMovement };

package/dist/plugins/curve-movement/CurveMovementCamera.d.ts

@@ -0,0 +1,8 @@
+import type { Viewer } from 'u-space';
+import { CurveMovement } from './CurveMovement';
+declare class CurveMovementCamera extends CurveMovement {
+    constructor(viewer: Viewer);
+    private _updateCamera;
+    dispose(): void;
+}
+export { CurveMovementCamera };

package/dist/plugins/curve-movement/CurveMovementObject.d.ts

@@ -0,0 +1,14 @@
+import { type Object3D } from 'three';
+import type { Viewer } from 'u-space';
+import { CurveMovement } from './CurveMovement';
+declare class CurveMovementObject extends CurveMovement {
+    /** 移动目标对象 */
+    target: Object3D | null;
+    constructor(viewer: Viewer);
+    /**
+     * 更新动画帧
+     */
+    private _updateObject;
+    dispose(): void;
+}
+export { CurveMovementObject };

package/dist/plugins/curve-movement/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("three/webgpu");require("three");class s extends e.EventDispatcher{viewer;path=null;progress=0;speed=.1;loop="once";pingPong=!1;positionOffset=new e.Vector3;autoLookAt=!0;lookAtOffset=0;direction=1;_isPlaying=!1;_tempPosition=new e.Vector3;_tempTangent=new e.Vector3;_tempLookAt=new e.Vector3;constructor(t){super(),this.viewer=t}setFromPoints(t,r=!1){return this.setPath(new e.CatmullRomCurve3(t,r,"catmullrom",0))}setPath(t){return this.path=t,this}setProgress(t){return this.progress=Math.max(0,Math.min(1,t)),this}get isPlaying(){return this._isPlaying}play(){return this.resume(),this.progress=0,this.direction=1,this}resume(){return this._isPlaying=!0,this.viewer.addEventListener("beforeControlsUpdate",this._update),this}pause(){return this._isPlaying=!1,this.viewer.removeEventListener("beforeControlsUpdate",this._update),this}stop(){return this.pause(),this.progress=0,this.direction=1,this}reverse(){return this.direction*=-1,this}_update=()=>{if(!this._isPlaying||!this.path)return;const t=this.viewer.timer.getDelta();if(this.progress+=this.speed*t*this.direction,this.progress>=1)switch(this.loop){case"once":this.progress=1,this.pause(),this.dispatchEvent({type:"complete"});break;case"repeat":this.progress=0;break;case"pingpong":this.progress=1,this.direction=-1;break}else if(this.progress<=0)switch(this.loop){case"once":this.progress=0,this.pause(),this.dispatchEvent({type:"complete"});break;case"repeat":this.progress=1;break;case"pingpong":this.progress=0,this.direction=1;break}this.path.getPointAt(this.progress,this._tempPosition),this._tempPosition.add(this.positionOffset),this.autoLookAt&&(this.path.getTangentAt(this.progress,this._tempTangent),this._tempLookAt.copy(this._tempPosition).add(this._tempTangent)),this.dispatchEvent({type:"update",progress:this.progress}),this.viewer.render()};dispose(){this.stop(),this.path=null}}class o extends s{constructor(t){super(t),this.addEventListener("update",this._updateCamera)}_updateCamera=()=>{this.viewer.controls.setPosition(this._tempPosition.x,this._tempPosition.y,this._tempPosition.z),this.autoLookAt&&(this.viewer.controls.setTarget(this._tempLookAt.x,this._tempLookAt.y,this._tempLookAt.z),this.lookAtOffset!==0&&this.viewer.controls.rotate(this.lookAtOffset,0))};dispose(){super.dispose(),this.removeEventListener("update",this._updateCamera)}}class h extends s{target=null;constructor(t){super(t),this.addEventListener("update",this._updateObject)}_updateObject(){this.target&&(this.target.position.copy(this._tempPosition),this.autoLookAt&&(this.target.lookAt(this._tempLookAt),this.lookAtOffset!==0&&this.target.rotateY(this.lookAtOffset)))}dispose(){super.dispose(),this.removeEventListener("update",this._updateObject),this.target=null}}exports.CurveMovement=s;exports.CurveMovementCamera=o;exports.CurveMovementObject=h;

package/dist/plugins/curve-movement/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CurveMovement';
+export * from './CurveMovementCamera';
+export * from './CurveMovementObject';

package/dist/plugins/curve-movement/index.js

@@ -0,0 +1,153 @@
+import { EventDispatcher as r, Vector3 as e, CatmullRomCurve3 as h } from "three/webgpu";
+import "three";
+class i extends r {
+  viewer;
+  /** 路径曲线 */
+  path = null;
+  /** 当前进度 (0-1) */
+  progress = 0;
+  /** 移动速度 (每秒进度) */
+  speed = 0.1;
+  /** 循环模式 */
+  loop = "once";
+  /** 是否往返移动 */
+  pingPong = !1;
+  /** 位置偏移 */
+  positionOffset = new e();
+  /** 是否自动朝向路径前方 */
+  autoLookAt = !0;
+  /** Y轴朝向角度偏移 (弧度) */
+  lookAtOffset = 0;
+  /** 当前方向 (1: 正向, -1: 反向) */
+  direction = 1;
+  /** 是否正在播放 */
+  _isPlaying = !1;
+  /** 临时向量用于计算 */
+  _tempPosition = new e();
+  _tempTangent = new e();
+  _tempLookAt = new e();
+  constructor(t) {
+    super(), this.viewer = t;
+  }
+  /**
+   * 从点数组创建 CatmullRom 曲线路径
+   */
+  setFromPoints(t, o = !1) {
+    return this.setPath(new h(t, o, "catmullrom", 0));
+  }
+  /**
+   * 设置路径曲线
+   */
+  setPath(t) {
+    return this.path = t, this;
+  }
+  /**
+   * 设置当前进度并更新位置
+   */
+  setProgress(t) {
+    return this.progress = Math.max(0, Math.min(1, t)), this;
+  }
+  /**
+   * 获取是否正在播放
+   */
+  get isPlaying() {
+    return this._isPlaying;
+  }
+  /**
+   * 开始移动动画
+   */
+  play() {
+    return this.resume(), this.progress = 0, this.direction = 1, this;
+  }
+  resume() {
+    return this._isPlaying = !0, this.viewer.addEventListener("beforeControlsUpdate", this._update), this;
+  }
+  /**
+   * 暂停移动动画
+   */
+  pause() {
+    return this._isPlaying = !1, this.viewer.removeEventListener("beforeControlsUpdate", this._update), this;
+  }
+  /**
+   * 停止并重置进度
+   */
+  stop() {
+    return this.pause(), this.progress = 0, this.direction = 1, this;
+  }
+  /**
+   * 反转移动方向
+   */
+  reverse() {
+    return this.direction *= -1, this;
+  }
+  /**
+   * 更新动画帧
+   */
+  _update = () => {
+    if (!this._isPlaying || !this.path) return;
+    const t = this.viewer.timer.getDelta();
+    if (this.progress += this.speed * t * this.direction, this.progress >= 1)
+      switch (this.loop) {
+        case "once":
+          this.progress = 1, this.pause(), this.dispatchEvent({ type: "complete" });
+          break;
+        case "repeat":
+          this.progress = 0;
+          break;
+        case "pingpong":
+          this.progress = 1, this.direction = -1;
+          break;
+      }
+    else if (this.progress <= 0)
+      switch (this.loop) {
+        case "once":
+          this.progress = 0, this.pause(), this.dispatchEvent({ type: "complete" });
+          break;
+        case "repeat":
+          this.progress = 1;
+          break;
+        case "pingpong":
+          this.progress = 0, this.direction = 1;
+          break;
+      }
+    this.path.getPointAt(this.progress, this._tempPosition), this._tempPosition.add(this.positionOffset), this.autoLookAt && (this.path.getTangentAt(this.progress, this._tempTangent), this._tempLookAt.copy(this._tempPosition).add(this._tempTangent)), this.dispatchEvent({ type: "update", progress: this.progress }), this.viewer.render();
+  };
+  /**
+   * 销毁插件
+   */
+  dispose() {
+    this.stop(), this.path = null;
+  }
+}
+class n extends i {
+  constructor(t) {
+    super(t), this.addEventListener("update", this._updateCamera);
+  }
+  _updateCamera = () => {
+    this.viewer.controls.setPosition(this._tempPosition.x, this._tempPosition.y, this._tempPosition.z), this.autoLookAt && (this.viewer.controls.setTarget(this._tempLookAt.x, this._tempLookAt.y, this._tempLookAt.z), this.lookAtOffset !== 0 && this.viewer.controls.rotate(this.lookAtOffset, 0));
+  };
+  dispose() {
+    super.dispose(), this.removeEventListener("update", this._updateCamera);
+  }
+}
+class u extends i {
+  /** 移动目标对象 */
+  target = null;
+  constructor(t) {
+    super(t), this.addEventListener("update", this._updateObject);
+  }
+  /**
+   * 更新动画帧
+   */
+  _updateObject() {
+    this.target && (this.target.position.copy(this._tempPosition), this.autoLookAt && (this.target.lookAt(this._tempLookAt), this.lookAtOffset !== 0 && this.target.rotateY(this.lookAtOffset)));
+  }
+  dispose() {
+    super.dispose(), this.removeEventListener("update", this._updateObject), this.target = null;
+  }
+}
+export {
+  i as CurveMovement,
+  n as CurveMovementCamera,
+  u as CurveMovementObject
+};

package/dist/plugins/keyboard-controls/KeyboardControls.d.ts

@@ -0,0 +1,31 @@
+import type { Viewer } from 'u-space';
+export declare const ACTION: Readonly<{
+    MOVE_FORWARD: "move-forward";
+    MOVE_BACKWARD: "move-backward";
+    MOVE_LEFT: "move-left";
+    MOVE_RIGHT: "move-right";
+    MOVE_UP: "move-up";
+    MOVE_DOWN: "move-down";
+    ROTATE_LEFT: "rotate-left";
+    ROTATE_RIGHT: "rotate-right";
+    ROTATE_UP: "rotate-up";
+    ROTATE_DOWN: "rotate-down";
+}>;
+type ActionValue = (typeof ACTION)[keyof typeof ACTION];
+declare class KeyboardControls {
+    viewer: Viewer;
+    moveDistanceDelta: number;
+    rotateAngleDelta: number;
+    keys: Record<string, ActionValue>;
+    _state: Record<ActionValue, {
+        fn: () => void;
+        pressed: boolean;
+    }>;
+    constructor(viewer: Viewer);
+    _onKeyDown: (event: KeyboardEvent) => void;
+    _onKeyUp: (event: KeyboardEvent) => void;
+    _update: () => void;
+    enable(): this;
+    disable(): this;
+}
+export { KeyboardControls };

package/dist/plugins/keyboard-controls/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({MOVE_FORWARD:"move-forward",MOVE_BACKWARD:"move-backward",MOVE_LEFT:"move-left",MOVE_RIGHT:"move-right",MOVE_UP:"move-up",MOVE_DOWN:"move-down",ROTATE_LEFT:"rotate-left",ROTATE_RIGHT:"rotate-right",ROTATE_UP:"rotate-up",ROTATE_DOWN:"rotate-down"});class r{viewer;moveDistanceDelta=.1;rotateAngleDelta=Math.PI/180;keys={KeyW:e.MOVE_FORWARD,KeyS:e.MOVE_BACKWARD,KeyA:e.MOVE_LEFT,KeyD:e.MOVE_RIGHT,KeyQ:e.MOVE_UP,KeyE:e.MOVE_DOWN,ArrowLeft:e.ROTATE_LEFT,ArrowRight:e.ROTATE_RIGHT,ArrowUp:e.ROTATE_UP,ArrowDown:e.ROTATE_DOWN};_state={[e.MOVE_FORWARD]:{fn:()=>this.viewer.controls.forward(this.moveDistanceDelta),pressed:!1},[e.MOVE_BACKWARD]:{fn:()=>this.viewer.controls.forward(-this.moveDistanceDelta),pressed:!1},[e.MOVE_LEFT]:{fn:()=>this.viewer.controls.truck(-this.moveDistanceDelta,0),pressed:!1},[e.MOVE_RIGHT]:{fn:()=>this.viewer.controls.truck(this.moveDistanceDelta,0),pressed:!1},[e.MOVE_UP]:{fn:()=>this.viewer.controls.elevate(this.moveDistanceDelta),pressed:!1},[e.MOVE_DOWN]:{fn:()=>this.viewer.controls.elevate(-this.moveDistanceDelta),pressed:!1},[e.ROTATE_LEFT]:{fn:()=>this.viewer.controls.rotate(this.rotateAngleDelta,0),pressed:!1},[e.ROTATE_RIGHT]:{fn:()=>this.viewer.controls.rotate(-this.rotateAngleDelta,0),pressed:!1},[e.ROTATE_UP]:{fn:()=>this.viewer.controls.rotate(0,this.rotateAngleDelta),pressed:!1},[e.ROTATE_DOWN]:{fn:()=>this.viewer.controls.rotate(0,-this.rotateAngleDelta),pressed:!1}};constructor(t){this.viewer=t}_onKeyDown=t=>{const s=this.keys[t.code];s&&(this._state[s].pressed=!0)};_onKeyUp=t=>{const s=this.keys[t.code];s&&(this._state[s].pressed=!1)};_update=()=>{const{_state:t}=this;for(const{pressed:s,fn:o}of Object.values(t))s&&o()};enable(){return window.addEventListener("keydown",this._onKeyDown),window.addEventListener("keyup",this._onKeyUp),this.viewer.addEventListener("beforeControlsUpdate",this._update),this}disable(){return window.removeEventListener("keydown",this._onKeyDown),window.removeEventListener("keyup",this._onKeyUp),this.viewer.removeEventListener("beforeControlsUpdate",this._update),this}}exports.ACTION=e;exports.KeyboardControls=r;

package/dist/plugins/keyboard-controls/index.d.ts

@@ -0,0 +1 @@
+export * from './KeyboardControls';

package/dist/plugins/keyboard-controls/index.js

@@ -0,0 +1,67 @@
+const e = Object.freeze({
+  MOVE_FORWARD: "move-forward",
+  MOVE_BACKWARD: "move-backward",
+  MOVE_LEFT: "move-left",
+  MOVE_RIGHT: "move-right",
+  MOVE_UP: "move-up",
+  MOVE_DOWN: "move-down",
+  ROTATE_LEFT: "rotate-left",
+  ROTATE_RIGHT: "rotate-right",
+  ROTATE_UP: "rotate-up",
+  ROTATE_DOWN: "rotate-down"
+});
+class n {
+  viewer;
+  moveDistanceDelta = 0.1;
+  rotateAngleDelta = Math.PI / 180;
+  keys = {
+    KeyW: e.MOVE_FORWARD,
+    KeyS: e.MOVE_BACKWARD,
+    KeyA: e.MOVE_LEFT,
+    KeyD: e.MOVE_RIGHT,
+    KeyQ: e.MOVE_UP,
+    KeyE: e.MOVE_DOWN,
+    ArrowLeft: e.ROTATE_LEFT,
+    ArrowRight: e.ROTATE_RIGHT,
+    ArrowUp: e.ROTATE_UP,
+    ArrowDown: e.ROTATE_DOWN
+  };
+  _state = {
+    [e.MOVE_FORWARD]: { fn: () => this.viewer.controls.forward(this.moveDistanceDelta), pressed: !1 },
+    [e.MOVE_BACKWARD]: { fn: () => this.viewer.controls.forward(-this.moveDistanceDelta), pressed: !1 },
+    [e.MOVE_LEFT]: { fn: () => this.viewer.controls.truck(-this.moveDistanceDelta, 0), pressed: !1 },
+    [e.MOVE_RIGHT]: { fn: () => this.viewer.controls.truck(this.moveDistanceDelta, 0), pressed: !1 },
+    [e.MOVE_UP]: { fn: () => this.viewer.controls.elevate(this.moveDistanceDelta), pressed: !1 },
+    [e.MOVE_DOWN]: { fn: () => this.viewer.controls.elevate(-this.moveDistanceDelta), pressed: !1 },
+    [e.ROTATE_LEFT]: { fn: () => this.viewer.controls.rotate(this.rotateAngleDelta, 0), pressed: !1 },
+    [e.ROTATE_RIGHT]: { fn: () => this.viewer.controls.rotate(-this.rotateAngleDelta, 0), pressed: !1 },
+    [e.ROTATE_UP]: { fn: () => this.viewer.controls.rotate(0, this.rotateAngleDelta), pressed: !1 },
+    [e.ROTATE_DOWN]: { fn: () => this.viewer.controls.rotate(0, -this.rotateAngleDelta), pressed: !1 }
+  };
+  constructor(t) {
+    this.viewer = t;
+  }
+  _onKeyDown = (t) => {
+    const s = this.keys[t.code];
+    s && (this._state[s].pressed = !0);
+  };
+  _onKeyUp = (t) => {
+    const s = this.keys[t.code];
+    s && (this._state[s].pressed = !1);
+  };
+  _update = () => {
+    const { _state: t } = this;
+    for (const { pressed: s, fn: o } of Object.values(t))
+      s && o();
+  };
+  enable() {
+    return window.addEventListener("keydown", this._onKeyDown), window.addEventListener("keyup", this._onKeyUp), this.viewer.addEventListener("beforeControlsUpdate", this._update), this;
+  }
+  disable() {
+    return window.removeEventListener("keydown", this._onKeyDown), window.removeEventListener("keyup", this._onKeyUp), this.viewer.removeEventListener("beforeControlsUpdate", this._update), this;
+  }
+}
+export {
+  e as ACTION,
+  n as KeyboardControls
+};

package/dist/plugins/minimap/Minimap.d.ts

@@ -0,0 +1,22 @@
+import { CanvasTarget, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, RenderTarget, Scene, type Object3D } from 'three/webgpu';
+import { type Viewer, CameraControls } from 'u-space';
+declare class Minimap {
+    viewer: Viewer;
+    camera: OrthographicCamera;
+    scene: Scene;
+    canvas: HTMLCanvasElement;
+    canvasTarget: CanvasTarget;
+    renderTarget: RenderTarget;
+    controls: CameraControls;
+    plane: Mesh<PlaneGeometry, MeshBasicNodeMaterial>;
+    target: Object3D | null;
+    marker: Object3D;
+    needsUpdate: boolean;
+    constructor(viewer: Viewer);
+    _update: () => Promise<void>;
+    setSize(width: number, height: number, updateStyle?: boolean): void;
+    enable(): this;
+    disable(): this;
+    dispose(): void;
+}
+export { Minimap };

package/dist/plugins/minimap/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("three/tsl"),t=require("three/webgpu"),c=require("u-space"),n=new t.Vector3,g=new t.Vector3;class v{viewer;camera;scene;canvas;canvasTarget;renderTarget;controls;plane;target;marker;needsUpdate;constructor(e){this.viewer=e,this.canvas=document.createElement("canvas"),this.canvas.style.position="absolute",this.canvas.style.top="10px",this.canvas.style.left="10px",this.canvasTarget=new t.CanvasTarget(this.canvas),this.camera=new t.OrthographicCamera,this.camera.position.z=1,this.scene=new t.Scene,this.scene.environment=e.scene.environment,this.renderTarget=new t.RenderTarget(1,1,{flipY:!1}),this.controls=new c.CameraControls(this.camera,this.canvas),this.controls.enabled=!1,this.plane=new t.Mesh(new t.PlaneGeometry(1,1).rotateX(-Math.PI/2),new t.MeshBasicNodeMaterial({colorNode:a.texture(this.renderTarget.texture,a.vec2(a.uv().x,a.uv().y.oneMinus())),transparent:!0,depthTest:!1})),this.target=null,this.marker=new t.Mesh(new t.ShapeGeometry(new t.Shape([new t.Vector2(0,.9),new t.Vector2(.6,-.9),new t.Vector2(0,-.4),new t.Vector2(-.6,-.9)])).rotateX(-Math.PI/2),new t.MeshBasicNodeMaterial({color:16711680,transparent:!0,depthTest:!1})),this.marker.scale.setScalar(5),this.marker.renderOrder=1,this.needsUpdate=!1,this.setSize(300,300)}_update=async()=>{const{renderer:e,timer:s,controls:r}=this.viewer;if(this.needsUpdate&&this.target){this.needsUpdate=!1;const o=this.target.parent;this.scene.attach(this.target);const i=new t.Box3().setFromObject(this.target),p=i.getCenter(n),h=i.getSize(g);this.plane.position.copy(p),this.plane.scale.set(h.x,1,h.z),this.scene.remove(this.plane),this.scene.remove(this.marker),this.controls.flyToBox(i,{viewpoint:"top",enableTransition:!1}),this.controls.update(s.getDelta());const m=e.getRenderTarget();e.setRenderTarget(this.renderTarget),e.render(this.scene,this.camera),e.setRenderTarget(m),o?o.attach(this.target):this.scene.remove(this.target),this.scene.add(this.plane),this.scene.add(this.marker)}r.getPosition(n),this.marker.position.x=n.x,this.marker.position.y=this.plane.position.y,this.marker.position.z=n.z,this.marker.rotation.y=r.azimuthAngle;const l=e.getCanvasTarget(),d=e.getRenderTarget();e.setCanvasTarget(this.canvasTarget),e.setRenderTarget(null),e.render(this.scene,this.camera),e.setCanvasTarget(l),e.setRenderTarget(d)};setSize(e,s,r=!0){this.canvasTarget.setSize(e,s,r),this.camera.left=-e/2,this.camera.right=e/2,this.camera.top=s/2,this.camera.bottom=-s/2,this.camera.updateProjectionMatrix(),this.renderTarget.setSize(e,s)}enable(){return this.viewer.el.appendChild(this.canvas),this.viewer.addEventListener("afterRender",this._update),this}disable(){return this.viewer.el.removeChild(this.canvas),this.viewer.removeEventListener("afterRender",this._update),this}dispose(){this.disable(),c.ObjectUtils.traverseMeshes(this.marker,e=>{e.geometry.dispose(),e.material.dispose()}),this.plane.geometry.dispose(),this.plane.material.dispose(),this.renderTarget.dispose(),this.renderTarget.texture.dispose(),this.controls.dispose()}}exports.Minimap=v;

package/dist/plugins/minimap/index.d.ts

@@ -0,0 +1 @@
+export * from './Minimap';

package/dist/plugins/minimap/index.js

@@ -0,0 +1,67 @@
+import { texture as T, vec2 as w, uv as h } from "three/tsl";
+import { Vector3 as d, CanvasTarget as u, OrthographicCamera as f, Scene as x, RenderTarget as y, Mesh as c, PlaneGeometry as k, MeshBasicNodeMaterial as l, ShapeGeometry as z, Shape as C, Vector2 as a, Box3 as b } from "three/webgpu";
+import { CameraControls as M, ObjectUtils as R } from "u-space";
+const r = new d(), S = new d();
+class j {
+  viewer;
+  camera;
+  scene;
+  canvas;
+  canvasTarget;
+  renderTarget;
+  controls;
+  plane;
+  target;
+  marker;
+  needsUpdate;
+  constructor(e) {
+    this.viewer = e, this.canvas = document.createElement("canvas"), this.canvas.style.position = "absolute", this.canvas.style.top = "10px", this.canvas.style.left = "10px", this.canvasTarget = new u(this.canvas), this.camera = new f(), this.camera.position.z = 1, this.scene = new x(), this.scene.environment = e.scene.environment, this.renderTarget = new y(1, 1, { flipY: !1 }), this.controls = new M(this.camera, this.canvas), this.controls.enabled = !1, this.plane = new c(
+      new k(1, 1).rotateX(-Math.PI / 2),
+      new l({
+        colorNode: T(this.renderTarget.texture, w(h().x, h().y.oneMinus())),
+        transparent: !0,
+        depthTest: !1
+      })
+    ), this.target = null, this.marker = new c(
+      new z(
+        new C([new a(0, 0.9), new a(0.6, -0.9), new a(0, -0.4), new a(-0.6, -0.9)])
+      ).rotateX(-Math.PI / 2),
+      new l({ color: 16711680, transparent: !0, depthTest: !1 })
+    ), this.marker.scale.setScalar(5), this.marker.renderOrder = 1, this.needsUpdate = !1, this.setSize(300, 300);
+  }
+  _update = async () => {
+    const { renderer: e, timer: t, controls: s } = this.viewer;
+    if (this.needsUpdate && this.target) {
+      this.needsUpdate = !1;
+      const i = this.target.parent;
+      this.scene.attach(this.target);
+      const n = new b().setFromObject(this.target), g = n.getCenter(r), o = n.getSize(S);
+      this.plane.position.copy(g), this.plane.scale.set(o.x, 1, o.z), this.scene.remove(this.plane), this.scene.remove(this.marker), this.controls.flyToBox(n, {
+        viewpoint: "top",
+        enableTransition: !1
+      }), this.controls.update(t.getDelta());
+      const v = e.getRenderTarget();
+      e.setRenderTarget(this.renderTarget), e.render(this.scene, this.camera), e.setRenderTarget(v), i ? i.attach(this.target) : this.scene.remove(this.target), this.scene.add(this.plane), this.scene.add(this.marker);
+    }
+    s.getPosition(r), this.marker.position.x = r.x, this.marker.position.y = this.plane.position.y, this.marker.position.z = r.z, this.marker.rotation.y = s.azimuthAngle;
+    const p = e.getCanvasTarget(), m = e.getRenderTarget();
+    e.setCanvasTarget(this.canvasTarget), e.setRenderTarget(null), e.render(this.scene, this.camera), e.setCanvasTarget(p), e.setRenderTarget(m);
+  };
+  setSize(e, t, s = !0) {
+    this.canvasTarget.setSize(e, t, s), this.camera.left = -e / 2, this.camera.right = e / 2, this.camera.top = t / 2, this.camera.bottom = -t / 2, this.camera.updateProjectionMatrix(), this.renderTarget.setSize(e, t);
+  }
+  enable() {
+    return this.viewer.el.appendChild(this.canvas), this.viewer.addEventListener("afterRender", this._update), this;
+  }
+  disable() {
+    return this.viewer.el.removeChild(this.canvas), this.viewer.removeEventListener("afterRender", this._update), this;
+  }
+  dispose() {
+    this.disable(), R.traverseMeshes(this.marker, (e) => {
+      e.geometry.dispose(), e.material.dispose();
+    }), this.plane.geometry.dispose(), this.plane.material.dispose(), this.renderTarget.dispose(), this.renderTarget.texture.dispose(), this.controls.dispose();
+  }
+}
+export {
+  j as Minimap
+};

package/dist/plugins/tiles/ArcgisTilesRenderer.d.ts

@@ -0,0 +1,14 @@
+import type { Viewer } from 'u-space';
+import { Globe } from './Globe';
+declare class ArcgisTilesRenderer extends Globe {
+    viewer: Viewer;
+    loedTilesSets: Set<() => void>;
+    constructor(viewer: Viewer);
+    render: () => void;
+    beforeRenderHandler: () => void;
+    enable(): this;
+    disable(): this;
+    invalidate(lon: number, lat: number, alt: number): () => void;
+    dispose(): void;
+}
+export { ArcgisTilesRenderer };

package/dist/plugins/tiles/Globe.d.ts

@@ -0,0 +1,22 @@
+import { TilesRenderer } from '3d-tiles-renderer';
+import { TileCompressionPlugin, UpdateOnChangePlugin, ReorientationPlugin, XYZTilesPlugin } from '3d-tiles-renderer/plugins';
+import { TilesFadePlugin } from './plugins/fade/TilesFadePlugin';
+import { TileMaterialReplacementPlugin } from './plugins/TileMaterialReplacementPlugin';
+declare class Globe {
+    tiles: TilesRenderer;
+    tileCompressionPlugin: TileCompressionPlugin;
+    updateOnChangePlugin: UpdateOnChangePlugin;
+    reorientationPlugin: ReorientationPlugin;
+    xyzTilesPlugin: XYZTilesPlugin;
+    tilesFadePlugin: TilesFadePlugin;
+    tileMaterialReplacementPlugin: TileMaterialReplacementPlugin;
+    constructor();
+    _initTilesRenderer(): TilesRenderer<import("3d-tiles-renderer").TilesRendererEventMap>;
+    _initTileCompressionPlugin(): TileCompressionPlugin;
+    _initUpdateOnChangePlugin(): UpdateOnChangePlugin;
+    _initReorientationPlugin(): ReorientationPlugin;
+    _initXYZTilesPlugin(): XYZTilesPlugin;
+    _initTilesFadePlugin(): TilesFadePlugin;
+    _initTileMaterialReplacementPlugin(): TileMaterialReplacementPlugin;
+}
+export { Globe };

package/dist/plugins/tiles/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("three/webgpu"),v=require("3d-tiles-renderer"),l=require("3d-tiles-renderer/plugins"),f=require("3d-tiles-renderer/src/three/plugins/fade/FadeMaterialManager.js"),M=require("3d-tiles-renderer/src/three/plugins/fade/wrapFadeMaterial.js"),s=require("three/tsl"),o=require("@takram/three-geospatial"),c=require("@takram/three-geospatial/webgpu"),u=Symbol("FADE_PARAMS"),h=c.FnLayout({name:"bayerDither2x2",type:"float",inputs:[{name:"v",type:"vec2"}]})(([t])=>(o.reinterpretType(t),t.y.mul(3).add(t.x.mul(2)).mod(4))),T=c.FnLayout({name:"bayerDither4x4",type:"float",inputs:[{name:"v",type:"vec2"}]})(([t])=>{o.reinterpretType(t);const e=t.mod(2),i=t.mod(4).mul(.5).floor();return h(e).mul(4).add(h(i))}),y=s.uniform(0).onObjectUpdate(({material:t})=>t!=null?t?.params?.fadeIn.value??0:0),R=s.uniform(0).onObjectUpdate(({material:t})=>t!=null?t?.params?.fadeOut.value??0:0),w=s.Fn(()=>{const i=T(s.screenCoordinate.xy.mod(4).floor()).add(.5).div(16);return s.If(i.greaterThanEqual(y),()=>{s.Discard()}),s.If(i.lessThan(R),()=>{s.Discard()}),s.output})();function E(t){if(o.reinterpretType(t),t[u]!=null)return t[u];const e={fadeIn:{value:0},fadeOut:{value:0},fadeTexture:{value:null}};let i=0;return t.params=e,t.defines={get FEATURE_FADE(){return i},set FEATURE_FADE(r){r!==i&&(i=r,t.outputNode=r===1?w:null)}},e}class F extends f.FadeMaterialManager{prepareMaterial(e){const i=this._fadeParams;if(i.has(e))return;let r;e instanceof n.NodeMaterial?r=E(e):r=M.wrapFadeMaterial(e,e.onBeforeCompile),i.set(e,r)}}class _ extends l.TilesFadePlugin{constructor(...e){super(...e),this._fadeMaterialManager=new F}}function p(t,e){const i=t.material;if(Array.isArray(i))throw new Error("Multiple materials are not supported yet.");const r=new e;"map"in i&&i.map!=null&&"map"in r&&(o.reinterpretType(i.map),o.reinterpretType(r.map),i.map.flipY=!1,r.map=i.map.clone()),t.material=r,i.dispose()}class b{tiles;overrideMaterial;constructor(e=n.MeshBasicNodeMaterial){this.overrideMaterial=e}init(e){this.tiles=e,e.group.traverse(i=>{i instanceof n.Mesh&&p(i,this.overrideMaterial)}),e.addEventListener("load-model",this.handleLoadModel),e.addEventListener("dispose-model",this.handleDisposeModel)}handleLoadModel=({scene:e})=>{e.traverse(i=>{i instanceof n.Mesh&&p(i,this.overrideMaterial)})};handleDisposeModel=({scene:e})=>{e.traverse(i=>{i instanceof n.Mesh&&i.material.dispose()})};dispose(){this.tiles?.removeEventListener("load-model",this.handleLoadModel),this.tiles?.removeEventListener("dispose-model",this.handleDisposeModel)}}class g{tiles;tileCompressionPlugin;updateOnChangePlugin;reorientationPlugin;xyzTilesPlugin;tilesFadePlugin;tileMaterialReplacementPlugin;constructor(){this.tiles=this._initTilesRenderer(),this.tileCompressionPlugin=this._initTileCompressionPlugin(),this.updateOnChangePlugin=this._initUpdateOnChangePlugin(),this.reorientationPlugin=this._initReorientationPlugin(),this.xyzTilesPlugin=this._initXYZTilesPlugin(),this.tilesFadePlugin=this._initTilesFadePlugin(),this.tileMaterialReplacementPlugin=this._initTileMaterialReplacementPlugin()}_initTilesRenderer(){const e=new v.TilesRenderer;return e.maxDepth=20,e.errorTarget=1,e}_initTileCompressionPlugin(){const e=new l.TileCompressionPlugin;return this.tiles.registerPlugin(e),e}_initUpdateOnChangePlugin(){const e=new l.UpdateOnChangePlugin;return this.tiles.registerPlugin(e),e}_initReorientationPlugin(){const e=new l.ReorientationPlugin;return this.tiles.registerPlugin(e),e}_initXYZTilesPlugin(){const e=new l.XYZTilesPlugin({center:!0,shape:"ellipsoid",url:"https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}"});return this.tiles.registerPlugin(e),e}_initTilesFadePlugin(){const e=new _;return this.tiles.registerPlugin(e),e}_initTileMaterialReplacementPlugin(){const e=new b(n.MeshBasicNodeMaterial);return this.tiles.registerPlugin(e),e}}class L extends g{viewer;loedTilesSets=new Set;constructor(e){super(),this.viewer=e,this.tiles.addEventListener("needs-render",this.render),this.tiles.addEventListener("needs-update",this.render)}render=()=>{this.viewer.render()};beforeRenderHandler=()=>{this.viewer.camera.updateMatrixWorld(),this.tiles.setCamera(this.viewer.camera),this.tiles.setResolutionFromRenderer(this.viewer.camera,this.viewer.renderer),this.tiles.update()};enable(){return this.viewer.scene.add(this.tiles.group),this.viewer.addEventListener("beforeRender",this.beforeRenderHandler),this}disable(){return this.viewer.scene.remove(this.tiles.group),this.viewer.removeEventListener("beforeRender",this.beforeRenderHandler),this}invalidate(e,i,r){const a=()=>{const m=n.MathUtils.degToRad(i),P=n.MathUtils.degToRad(e);this.reorientationPlugin.transformLatLonHeightToOrigin(m,P,r),this.render(),d()},d=()=>{this.tiles.removeEventListener("load-root-tileset",a),this.loedTilesSets.delete(a)};return this.tiles.addEventListener("load-root-tileset",a),this.loedTilesSets.add(a),this.tiles.root&&a(),d}dispose(){this.disable(),this.loedTilesSets.forEach(e=>this.tiles.removeEventListener("load-root-tileset",e)),this.loedTilesSets.clear(),this.tiles.removeEventListener("needs-render",this.render),this.tiles.removeEventListener("needs-update",this.render),this.tiles.dispose()}}exports.ArcgisTilesRenderer=L;exports.Globe=g;

package/dist/plugins/tiles/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ArcgisTilesRenderer';
+export * from './Globe';