@jdultra/threedtiles 5.1.1 → 5.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jdultra/threedtiles",
-    "version": "5.1.1",
+    "version": "5.1.3",
     "description": "An OGC 3DTiles viewer for Three.js",
     "main": "tileset.js",
     "scripts": {

package/src/decoder/B3DMDecoder.js

@@ -8,14 +8,15 @@ const dracoLoader = new DRACOLoader();
 const tempMatrix = new THREE.Matrix4();
 dracoLoader.setDecoderPath('https://www.gstatic.com/draco/versioned/decoders/1.4.3/');
 gltfLoader.setDRACOLoader(dracoLoader);
-const zUpToYUp = new THREE.Matrix4();
-zUpToYUp.set(1,0,0,0,
+const zUpToYUpMatrix = new THREE.Matrix4();
+zUpToYUpMatrix.set(1,0,0,0,
 			0,0,-1,0,
 			0,1,0,0,
 			0,0,0,1);
+
 //const legacyGLTFLoader = new LegacyGLTFLoader();
 
-function parseB3DM(arrayBuffer, meshCallback) {
+function parseB3DM(arrayBuffer, meshCallback, zUpToYUp) {
 	const dataView = new DataView(arrayBuffer);
 
 	const magic =
@@ -72,8 +73,11 @@ function parseB3DM(arrayBuffer, meshCallback) {
 			}
 			
 			model.scene.traverse((o) => {
+				
 				if (o.isMesh) {
-					o.applyMatrix4(zUpToYUp);
+					if(zUpToYUp){
+						o.applyMatrix4(zUpToYUpMatrix);
+					}
 					if (!!meshCallback) {
 						meshCallback(o);
 					}
@@ -89,9 +93,9 @@ function parseB3DM(arrayBuffer, meshCallback) {
 
 const B3DMDecoder = {
 	parseB3DM: parseB3DM,
-	parseB3DMInstanced: (arrayBuffer, meshCallback, maxCount) => { // expects GLTF with one node level
+	parseB3DMInstanced: (arrayBuffer, meshCallback, maxCount, zUpToYUp) => { // expects GLTF with one node level
 
-		return parseB3DM(arrayBuffer, meshCallback).then(mesh => {
+		return parseB3DM(arrayBuffer, meshCallback, zUpToYUp).then(mesh => {
 			let instancedMesh;
 			mesh.updateWorldMatrix(false, true)
 			mesh.traverse(child => {

package/src/index.js

@@ -23,7 +23,7 @@ const domContainer = initDomContainer("screen");
 const camera = initCamera(domContainer.offsetWidth, domContainer.offsetHeight);
 const stats = initStats(domContainer);
 const renderer = initRenderer(camera, domContainer);
-const ogc3DTiles = initTileset(scene, 1.0);
+const ogc3DTiles = initTileset(scene, 4.0);
 
 //const instancedTileLoader = createInstancedTileLoader(scene);
 //initInstancedTilesets(instancedTileLoader);
@@ -133,7 +133,7 @@ function initTileset(scene, gem) {
         //url: "https://sampledata.luciad.com/data/ogc3dtiles/LucerneAirborneMesh/tileset.json",
         url: "https://sampleservices.luciad.com/ogc/3dtiles/marseille-mesh/tileset.json",
         //url: "https://storage.googleapis.com/ogc-3d-tiles/baltimore/tileset.json",
-        //url: "http://localhost:8082/tileset.json",
+        //url: "https://storage.googleapis.com/ogc-3d-tiles/berlinTileset/tileset.json",
         geometricErrorMultiplier: gem,
         loadOutsideView: false,
         tileLoader: tileLoader,
@@ -141,13 +141,13 @@ function initTileset(scene, gem) {
         static: false,
         centerModel:true,
         renderer: renderer,
-        onLoadCallback: (tile)=>{
+        /* onLoadCallback: (tile)=>{
             if (!!tile.json.boundingVolume.region) {
                 const halfHeight = (tile.json.boundingVolume.region[5] - tile.json.boundingVolume.region[4]) * 0.5;
                 ogc3DTile.translateOnAxis(new THREE.Vector3(0, 1, 0), halfHeight);
                 //ogc3DTile.updateWorldMatrix(true, true);
             }
-        }
+        } */
 
     });
     setIntervalAsync(function () {
@@ -236,8 +236,8 @@ function initLODMultiplierSlider(instancedTilesets) {
 function initController(camera, dom) {
     const controller = new OrbitControls(camera, dom);
 
+    //controller.target.set(4629210.73133627, 435359.7901640832, 4351492.357788198);
     controller.target.set(0,0,0);
-//controller.target.set(0,0,0);
 
 
     controller.minDistance = 0.1;

package/src/tileset/OGC3DTile.js

@@ -12,6 +12,7 @@ const upVector = new THREE.Vector3(0, 1, 0);
 const rendererSize = new THREE.Vector2();
 const tempQuaternion = new THREE.Quaternion();
 
+
 class OGC3DTile extends THREE.Object3D {
 
     /**
@@ -215,10 +216,14 @@ class OGC3DTile extends THREE.Object3D {
             if (!!url) {
                 if (url.includes(".b3dm")) {
                     self.contentURL = url;
+                    if(!!self.json.boundingVolume.region){
+                        //self.applyMatrix4(zUpToYUp);
+                    }
                     self.tileLoader.get(self.abortController, this.uuid, url, mesh => {
                         if (!!self.deleted) return;
                         mesh.traverse((o) => {
                             if (o.isMesh) {
+                                
                                 o.layers.disable(0);
                                 if (self.occlusionCullingService) {
                                     const position = o.geometry.attributes.position;
@@ -241,7 +246,10 @@ class OGC3DTile extends THREE.Object3D {
                         self.meshContent = mesh;
                     }, !self.cameraOnLoad ? () => 0 : () => {
                         return self.calculateDistanceToCamera(self.cameraOnLoad);
-                    }, () => self.getSiblings(), self.level);
+                    }, () => self.getSiblings(), 
+                    self.level,
+                    !!this.json.boundingVolume.region
+                    );
                 } else if (url.includes(".json")) {
                     self.tileLoader.get(self.abortController, this.uuid, url, json => {
                         if (!!self.deleted) return;

package/src/tileset/TileLoader.js

@@ -142,7 +142,7 @@ class TileLoader {
     }
 
 
-    get(abortController, tileIdentifier, path, callback, distanceFunction, getSiblings, level) {
+    get(abortController, tileIdentifier, path, callback, distanceFunction, getSiblings, level, zUpToYUp) {
         const self = this;
         const key = simplifyPath(path);
 
@@ -183,7 +183,7 @@ class TileLoader {
 
                     })
                     .then(resultArrayBuffer=>{
-                        return B3DMDecoder.parseB3DM(resultArrayBuffer, self.meshCallback);
+                        return B3DMDecoder.parseB3DM(resultArrayBuffer, self.meshCallback, zUpToYUp);
                     })
                     .then(mesh=>{
                         self.cache.put(key, mesh);

package/src/tileset/instanced/InstancedTile.js

@@ -217,7 +217,9 @@ class InstancedTile extends THREE.Object3D {
                     
                     self.tileLoader.get(self.abortController, url, self.uuid, self, !self.cameraOnLoad ? () => 0 : () => {
                         return self.calculateDistanceToCamera(self.cameraOnLoad);
-                    }, () => self.getSiblings(), self.level);
+                    }, () => self.getSiblings(), 
+                    self.level,
+                    !!self.json.boundingVolume.region);
                 } else if (url.includes(".json")) {
                     self.tileLoader.get(self.abortController, url, self.uuid, self);
 

package/src/tileset/instanced/InstancedTileLoader.js

@@ -68,7 +68,7 @@ class InstancedTileLoader {
 
                     })
                     .then(resultArrayBuffer=>{
-                        return B3DMDecoder.parseB3DMInstanced(resultArrayBuffer, self.meshCallback, self.maxInstances);
+                        return B3DMDecoder.parseB3DMInstanced(resultArrayBuffer, self.meshCallback, self.maxInstances, nextDownload.zUpToYUp);
                     })
                     .then(mesh=>{
                         nextDownload.tile.setObject(mesh);
@@ -138,7 +138,7 @@ class InstancedTileLoader {
         }
     }
 
-    get(abortController, path, uuid, instancedOGC3DTile, distanceFunction, getSiblings, level) {
+    get(abortController, path, uuid, instancedOGC3DTile, distanceFunction, getSiblings, level, zUpToYUp) {
         const self = this;
         const key = simplifyPath(path);
 
@@ -156,9 +156,7 @@ class InstancedTileLoader {
             if (path.includes(".b3dm")) {
                 const tile = new MeshTile(self.scene);
                 tile.addInstance(instancedOGC3DTile);
-                if(self.cache.has(key)){
-                    console.log("élkbhj")
-                }
+                
                 self.cache.put(key, tile);
 
                 const realAbortController = new AbortController();
@@ -176,6 +174,7 @@ class InstancedTileLoader {
                     getSiblings: getSiblings,
                     level: level,
                     uuid: uuid,
+                    zUpToYUp: zUpToYUp,
                     shouldDoDownload: () => {
                         return true;
                     },