@soonspacejs/plugin-tiles 2.14.5 → 2.14.6

package/dist/ArcgisTilesRenderer.d.ts

@@ -0,0 +1,27 @@
+import { Scene } from 'three';
+import { TilesRenderer } from '3d-tiles-renderer';
+import { TilesFadePlugin, UpdateOnChangePlugin, QuantizedMeshPlugin, ImageOverlayPlugin, ReorientationPlugin } from '3d-tiles-renderer/plugins';
+import { default as SoonSpace } from 'soonspacejs';
+declare class TileCustomMaterialPlugin {
+    priority: number;
+    processTileModel(scene: Scene): void;
+}
+declare class ArcgisTilesRenderer {
+    readonly ssp: SoonSpace;
+    tiles: TilesRenderer;
+    tilesFadePlugin: TilesFadePlugin;
+    updateOnChangePlugin: UpdateOnChangePlugin;
+    quantizedPlugin: QuantizedMeshPlugin;
+    customMaterialPlugin: TileCustomMaterialPlugin;
+    imageOverlayPlugin: ImageOverlayPlugin;
+    reorientationPlugin: ReorientationPlugin;
+    loedTilesSets: Set<() => void>;
+    constructor(ssp: SoonSpace);
+    render: () => void;
+    beforeRenderHandler: () => void;
+    enable(): void;
+    disable(): void;
+    invalidate(lon: number, lat: number, alt: number): () => void;
+    dispose(): void;
+}
+export { ArcgisTilesRenderer, };

package/dist/index.d.ts

@@ -14,3 +14,4 @@ declare class TilesPlugin {
     removeTiles(url: string): boolean;
 }
 export default TilesPlugin;
+export { ArcgisTilesRenderer, } from './ArcgisTilesRenderer';

package/dist/index.esm.js

@@ -1,28 +1,102 @@
-import u from "soonspacejs";
-import { TilesRenderer as h } from "3d-tiles-renderer";
-import { GLTFLoader as m } from "three/examples/jsm/loaders/GLTFLoader.js";
-class p {
+import c from "soonspacejs";
+import { TilesRenderer as g } from "3d-tiles-renderer";
+import { GLTFLoader as p } from "three/examples/jsm/loaders/GLTFLoader.js";
+import { MathUtils as h, MeshBasicMaterial as m } from "three";
+import { TilesFadePlugin as f, UpdateOnChangePlugin as v, QuantizedMeshPlugin as w, ImageOverlayPlugin as P, XYZTilesOverlay as T, ReorientationPlugin as C } from "3d-tiles-renderer/plugins";
+class L {
   constructor(t) {
     this.parser = t, this.name = "KHR_texture_basisu_patch";
   }
   loadTexture(t) {
-    const r = this.parser, a = r.json, s = a.textures[t].source, i = a.images[s];
-    if (!i || i.mimeType !== "image/ktx2")
+    const s = this.parser, i = s.json, r = i.textures[t].source, a = i.images[r];
+    if (!a || a.mimeType !== "image/ktx2")
       return null;
-    const o = r.options.ktx2Loader;
-    if (!o)
-      throw new Error(`${u.utils.consoleSspTitle}请使用 setModelKtx2DecoderPath 设置 ktx2 解压库路径`);
-    return r.loadTextureImage(t, s, o);
+    const n = s.options.ktx2Loader;
+    if (!n)
+      throw new Error(`${c.utils.consoleSspTitle}请使用 setModelKtx2DecoderPath 设置 ktx2 解压库路径`);
+    return s.loadTextureImage(t, r, n);
   }
 }
-class g {
+class M {
+  priority = -999;
+  processTileModel(t) {
+    t.traverse((s) => {
+      s.material && (s.material = new m());
+    });
+  }
+}
+const R = "https://sooncps.xwbuilders.com/api/ugis-dataprocess/v1/terrain/NhBLlMx3/";
+class E {
+  constructor(t) {
+    this.ssp = t, this.tiles = new g(R), this.tiles.fetchData = async (s, i) => {
+      if (/layer\.json$/.test(s)) {
+        const e = await fetch(s, i).then((r) => r.json());
+        return e.metadataAvailability = -1, new Response(JSON.stringify(e));
+      }
+      return fetch(s, i);
+    }, this.tilesFadePlugin = new f({ maximumFadeOutTiles: 200 }), this.updateOnChangePlugin = new v(), this.quantizedPlugin = new w({}), this.customMaterialPlugin = new M(), this.imageOverlayPlugin = new P({
+      renderer: t.viewport.renderer,
+      overlays: [
+        new T({
+          url: "https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}"
+        })
+      ]
+    }), this.reorientationPlugin = new C({
+      lon: 120,
+      lat: 30,
+      height: 0.1
+    }), this.tiles.registerPlugin(this.tilesFadePlugin), this.tiles.registerPlugin(this.updateOnChangePlugin), this.tiles.registerPlugin(this.quantizedPlugin), this.tiles.registerPlugin(this.customMaterialPlugin), this.tiles.registerPlugin(this.imageOverlayPlugin), this.tiles.registerPlugin(this.reorientationPlugin), this.tiles.maxDepth = 20, this.tiles.errorTarget = 1, this.tiles.addEventListener("needs-render", this.render), this.tiles.addEventListener("needs-update", this.render);
+  }
+  tiles;
+  tilesFadePlugin;
+  updateOnChangePlugin;
+  quantizedPlugin;
+  customMaterialPlugin;
+  imageOverlayPlugin;
+  reorientationPlugin;
+  loedTilesSets = /* @__PURE__ */ new Set();
+  render = () => {
+    this.ssp.render();
+  };
+  beforeRenderHandler = () => {
+    this.ssp.viewport.camera.updateMatrixWorld(), this.tiles.setCamera(this.ssp.viewport.camera), this.tiles.setResolutionFromRenderer(
+      this.ssp.viewport.camera,
+      this.ssp.viewport.renderer
+    ), this.tiles.update();
+  };
+  enable() {
+    this.ssp.addObject(this.tiles.group), this.ssp.signals.beforeRender.add(this.beforeRenderHandler);
+  }
+  disable() {
+    this.ssp.removeObject(this.tiles.group), this.ssp.signals.beforeRender.remove(this.beforeRenderHandler);
+  }
+  invalidate(t, s, i) {
+    const e = () => {
+      const a = h.degToRad(s), n = h.degToRad(t);
+      this.reorientationPlugin.transformLatLonHeightToOrigin(
+        a,
+        n,
+        i
+      ), this.ssp.render(), r();
+    }, r = () => {
+      this.tiles.removeEventListener("load-tile-set", e), this.loedTilesSets.delete(e);
+    };
+    return this.tiles.addEventListener("load-tile-set", e), this.loedTilesSets.add(e), this.tiles.root && e(), r;
+  }
+  dispose() {
+    this.disable(), this.loedTilesSets.forEach(
+      (t) => this.tiles.removeEventListener("load-tile-set", t)
+    ), this.loedTilesSets.clear(), this.tiles.removeEventListener("needs-render", this.render), this.tiles.removeEventListener("needs-update", this.render), this.tiles.dispose();
+  }
+}
+class Q {
   constructor(t) {
     this.ssp = t;
-    const { controls: r, viewport: a } = t;
-    this._tilesCamera = a.camera, r.addEventListener("transitionstart", () => {
-      this.cameraTransitionStart = !0, a.state.useFreq = 1;
-    }), r.addEventListener("rest", () => {
-      this.cameraTransitionStart = !1, this.needsUpdate = !0, a.state.useFreq = 60;
+    const { controls: s, viewport: i } = t;
+    this._tilesCamera = i.camera, s.addEventListener("transitionstart", () => {
+      this.cameraTransitionStart = !0, i.state.useFreq = 1;
+    }), s.addEventListener("rest", () => {
+      this.cameraTransitionStart = !1, this.needsUpdate = !0, i.state.useFreq = 60;
     }), t.signals.beforeRender.add(() => {
       this.needsUpdate && (this.needsUpdate = !1, t.viewport.camera.updateMatrixWorld(), this.tilesMap.forEach((e) => {
         e.group.updateMatrixWorld(), e.update();
@@ -42,29 +116,30 @@ class g {
   downloadQueue = null;
   async loadTiles(t) {
     if (this.tilesMap.has(t)) {
-      u.utils.warn(`${t} already loaded`);
+      c.utils.warn(`${t} already loaded`);
       return;
     }
-    const { ssp: r, ssp: { viewport: a } } = this, e = new h(t);
+    const { ssp: s, ssp: { viewport: i } } = this, e = new g(t);
     this.lruCache === null ? this.lruCache = e.lruCache : e.lruCache = this.lruCache, this.parseQueue === null ? this.parseQueue = e.parseQueue : e.parseQueue = this.parseQueue, this.downloadQueue === null ? this.downloadQueue = e.downloadQueue : e.downloadQueue = this.downloadQueue;
-    const s = new m(e.manager);
-    s.register((n) => new p(n));
-    const { dracoLoader: i, ktx2Loader: o, meshoptDecoder: l } = r.manager.store.modelManager.gltfLoader;
-    i && s.setDRACOLoader(i), o && s.setKTX2Loader(o), l && s.setMeshoptDecoder(l), e.manager.addHandler(/\.gltf$/, s), this.tilesMap.set(t, e), e.setCamera(this._tilesCamera), e.setResolutionFromRenderer(this._tilesCamera, a.renderer), e.lruCache.maxSize = 600, e.lruCache.minSize = 300, e.lruCache.unloadPercent = 0.8, r.addObject(e.group);
-    const d = () => {
-      this.cameraTransitionStart || (this.needsUpdate = !0, r.render());
+    const r = new p(e.manager);
+    r.register((o) => new L(o));
+    const { dracoLoader: a, ktx2Loader: n, meshoptDecoder: d } = s.manager.store.modelManager.gltfLoader;
+    a && r.setDRACOLoader(a), n && r.setKTX2Loader(n), d && r.setMeshoptDecoder(d), e.manager.addHandler(/\.gltf$/, r), this.tilesMap.set(t, e), e.setCamera(this._tilesCamera), e.setResolutionFromRenderer(this._tilesCamera, i.renderer), e.lruCache.maxSize = 600, e.lruCache.minSize = 300, e.lruCache.unloadPercent = 0.8, s.addObject(e.group);
+    const u = () => {
+      this.cameraTransitionStart || (this.needsUpdate = !0, s.render());
     };
-    return e.addEventListener("load-model", d), new Promise((n) => {
+    return e.addEventListener("load-model", u), new Promise((o) => {
       e.addEventListener("load-tile-set", () => {
-        d(), n(e);
+        u(), o(e);
       });
     });
   }
   removeTiles(t) {
-    const r = this.tilesMap.get(t);
-    return r ? (r.dispose(), this.tilesMap.delete(t), this.ssp.removeObject(r.group), !0) : !1;
+    const s = this.tilesMap.get(t);
+    return s ? (s.dispose(), this.tilesMap.delete(t), this.ssp.removeObject(s.group), !0) : !1;
   }
 }
 export {
-  g as default
+  E as ArcgisTilesRenderer,
+  Q as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soonspacejs/plugin-tiles",
   "pluginName": "TilesPlugin",
-  "version": "2.14.5",
+  "version": "2.14.6",
   "description": "3D Tiles plugin for SoonSpace.js",
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",
@@ -14,9 +14,9 @@
   ],
   "author": "xunwei",
   "license": "UNLICENSED",
-  "gitHead": "333db46f8d4a0e716267c9a4a0b4d8ddcac4276f",
+  "gitHead": "e2f676445b6db0317cff7bda0efa254aa30234b8",
   "peerDependencies": {
     "3d-tiles-renderer": "^0.4.14",
-    "soonspacejs": "2.14.5"
+    "soonspacejs": "2.14.6"
   }
 }