BlueMapWeb/src/map/TileLoader.js

85 lines
3.2 KiB
JavaScript

/*
* This file is part of BlueMap, licensed under the MIT License (MIT).
*
* Copyright (c) Blue (Lukas Rieger) <https://bluecolored.de>
* Copyright (c) contributors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
import {pathFromCoords} from "../util/Utils";
import {BufferGeometryLoader, FileLoader, Mesh} from "three";
export class TileLoader {
/**
* @param tilePath {string}
* @param material {THREE.Material | THREE.Material[]}
* @param tileSettings {{
* tileSize: {x: number, z: number},
* scale: {x: number, z: number},
* translate: {x: number, z: number}
* }}
* @param layer {number}
*/
constructor(tilePath, material, tileSettings, layer = 0) {
Object.defineProperty( this, 'isTileLoader', { value: true } );
this.tilePath = tilePath;
this.material = material;
this.tileSettings = tileSettings;
this.layer = layer;
this.fileLoader = new FileLoader();
this.fileLoader.setResponseType('json');
this.bufferGeometryLoader = new BufferGeometryLoader();
}
load = (tileX, tileZ) => {
return new Promise((resolve, reject) => {
this.fileLoader.load(this.tilePath + pathFromCoords(tileX, tileZ) + '.json',
geometryJson => {
if (!geometryJson.type || geometryJson.type !== 'BufferGeometry') reject({status: "empty"});
let geometry = this.bufferGeometryLoader.parse(geometryJson);
let object = new Mesh(geometry, this.material);
if (this.layer) object.layers.set(this.layer);
let tileSize = this.tileSettings.tileSize;
let translate = this.tileSettings.translate;
let scale = this.tileSettings.scale;
object.position.set(tileX * tileSize.x + translate.x, 0, tileZ * tileSize.z + translate.z);
object.scale.set(scale.x, 1, scale.z);
object.userData.tileUrl = this.tilePath + pathFromCoords(tileX, tileZ) + '.json';
object.updateMatrixWorld(true);
resolve(object);
},
() => {},
reject
);
});
}
}