@jdultra/threedtiles 8.0.1 → 9.0.1

package/src/geometry/obb.js

@@ -1,47 +0,0 @@
-import { Matrix3, Sphere, Vector3 } from "three";
-
-class OBB {
-    constructor(values) {
-        this.center = new Vector3(values[0], values[1], values[2]);
-        var e1 = new Vector3(values[3], values[4], values[4]);
-        var e2 = new Vector3(values[6], values[7], values[8]);
-        var e3 = new Vector3(values[9], values[10], values[11]);
-
-        this.halfWidth = e1.length();
-        this.halfHeight = e2.length();
-        this.halfDepth = e3.length();
-
-        e1.normalize();
-        e2.normalize();
-        e3.normalize();
-
-        // A sphere is used for frustum culling
-        this.sphere = new Sphere(this.center, Math.sqrt(this.halfWidth * this.halfWidth + this.halfHeight * this.halfHeight + this.halfDepth * this.halfDepth));
-
-        this.matrixToOBBCoordinateSystem = new Matrix3();
-        this.matrixToOBBCoordinateSystem.set(
-            e1.x, e1.y, e1.z,
-            e2.x, e2.y, e2.z,
-            e3.x, e3.y, e3.z);
-    }
-
-    inFrustum(frustum) {
-        // frustum check simplified to bounding sphere intersection
-        return frustum.intersectsSphere(this.sphere);
-    }
-    distanceToPoint(point) {
-
-        let transformedPoint = point.clone();
-        transformedPoint.sub(this.center);
-        transformedPoint.applyMatrix3(this.matrixToOBBCoordinateSystem);
-
-        //// point to bounds 
-        let dx = Math.max(0, Math.max(-this.halfWidth - transformedPoint.x, transformedPoint.x - this.halfWidth));
-        let dy = Math.max(0, Math.max(-this.halfHeight - transformedPoint.y, transformedPoint.y - this.halfHeight));
-        let dz = Math.max(0, Math.max(-this.halfDepth - transformedPoint.z, transformedPoint.z - this.halfDepth));
-        return Math.sqrt(dx * dx + dy * dy + dz * dz);
-    }
-    
-}
-
-export { OBB };

package/src/index.js

@@ -1,331 +0,0 @@
-import "regenerator-runtime/runtime.js";
-import * as THREE from 'three';
-import Stats from 'three/examples/jsm/libs/stats.module.js';
-import { OGC3DTile } from "./tileset/OGC3DTile";
-import { TileLoader } from "./tileset/TileLoader";
-import { MapControls, OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
-import { setIntervalAsync } from 'set-interval-async/dynamic';
-import { OcclusionCullingService } from "./tileset/OcclusionCullingService";
-import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer';
-import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js';
-
-import { InstancedOGC3DTile } from "./tileset/instanced/InstancedOGC3DTile.js"
-import { InstancedTileLoader } from "./tileset/instanced/InstancedTileLoader.js"
-import { Sky } from 'three/addons/objects/Sky.js';
-
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
-import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
-import { KTX2Loader } from "three/examples/jsm/loaders/KTX2Loader";
-
-const occlusionCullingService = new OcclusionCullingService();
-occlusionCullingService.setSide(THREE.DoubleSide);
-const scene = initScene();
-
-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 instancedTileLoader = createInstancedTileLoader(scene);
-//const ogc3DTiles = initInstancedTilesets(instancedTileLoader);
-
-
-/*const gltfLoader = new GLTFLoader();
-const dracoLoader = new DRACOLoader();
-dracoLoader.setDecoderPath('https://www.gstatic.com/draco/versioned/decoders/1.4.3/');
-gltfLoader.setDRACOLoader(dracoLoader);
-
-const ktx2Loader = new KTX2Loader();
-ktx2Loader.setTranscoderPath('jsm/libs/basis/');
-//gltfLoader.setKTX2Loader(ktx2Loader)
-
-
-gltfLoader.load(
-    // resource URL
-    'http://localhost:8080/3/15.glb',
-    // called when the resource is loaded
-    function (gltf) {
-
-        scene.add(gltf.scene);
-
-    },
-    // called while loading is progressing
-    function (xhr) {
-
-        console.log((xhr.loaded / xhr.total * 100) + '% loaded');
-
-    },
-    // called when loading has errors
-    function (error) {
-
-        console.log('An error happened : ' + error);
-
-    }
-);*/
-// Optional: Provide a DRACOLoader instance to decode compressed mesh data
-
-const controller = initController(camera, domContainer);
-
-const composer = initComposer(scene, camera, renderer);
-
-animate();
-
-let sky, sun;
-initSky();
-function initSky() {
-    sky = new Sky();
-    sky.scale.setScalar(450000);
-    scene.add(sky);
-
-    sun = new THREE.Vector3();
-
-    const effectController = {
-        turbidity: 10,
-        rayleigh: 1,
-        mieCoefficient: 0.005,
-        mieDirectionalG: 0.3,
-        elevation: 5,
-        azimuth: 40,
-        exposure: renderer.toneMappingExposure
-    };
-
-    const uniforms = sky.material.uniforms;
-    uniforms['turbidity'].value = effectController.turbidity;
-    uniforms['rayleigh'].value = effectController.rayleigh;
-    uniforms['mieCoefficient'].value = effectController.mieCoefficient;
-    uniforms['mieDirectionalG'].value = effectController.mieDirectionalG;
-
-    const phi = THREE.MathUtils.degToRad(90 - effectController.elevation);
-    const theta = THREE.MathUtils.degToRad(effectController.azimuth);
-
-    sun.setFromSphericalCoords(1, phi, theta);
-
-    uniforms['sunPosition'].value.copy(sun);
-
-    renderer.toneMappingExposure = effectController.exposure;
-    renderer.render(scene, camera);
-}
-function initComposer(scene, camera, renderer) {
-    const renderScene = new RenderPass(scene, camera);
-    //const bloomPass = new UnrealBloomPass(new THREE.Vector2(window.innerWidth, window.innerHeight), 0.4, 0.5, 0);
-
-
-    const composer = new EffectComposer(renderer);
-    composer.addPass(renderScene);
-    //composer.addPass(bloomPass);
-    return composer;
-}
-function initScene() {
-    const scene = new THREE.Scene();
-    scene.matrixAutoUpdate = false;
-    //scene.matrixWorldAutoUpdate = false;
-    scene.background = new THREE.Color(0xE5E3E4);
-    //const dirLight = new THREE.DirectionalLight(0xFFFFFF, 1.0);
-    //dirLight.position.set(100,100,100);
-    //dirLight.lookAt(new THREE.Vector3(0,0,0));
-    scene.add(new THREE.AmbientLight(0xFFFFFF, 1.0));
-
-    //scene.add(dirLight)
-
-    /* const light = new THREE.PointLight(0xbbbbff, 2, 5000);
-    const sphere = new THREE.SphereGeometry(2, 16, 8);
-    light.add(new THREE.Mesh(sphere, new THREE.MeshBasicMaterial({ color: 0xbbbbff })));
-    scene.add(light);
-    light.position.set(200, 200, 200);
-
-
-    const light2 = new THREE.PointLight(0xffbbbb, 2, 5000);
-    const sphere2 = new THREE.SphereGeometry(2, 16, 8);
-    light2.add(new THREE.Mesh(sphere2, new THREE.MeshBasicMaterial({ color: 0xffbbbb })));
-    scene.add(light2);
-    light2.position.set(200, 100, -100); */
-
-
-    return scene;
-}
-
-function initDomContainer(divID) {
-
-    const domContainer = document.getElementById(divID);
-    domContainer.style = "position: absolute; height:100%; width:100%; left: 0px; top:0px;";
-    document.body.appendChild(domContainer);
-    return domContainer;
-}
-
-
-function initRenderer(camera, dom) {
-
-    const renderer = new THREE.WebGLRenderer({ antialias: true, powerPreference: "high-performance" });
-    renderer.setPixelRatio(window.devicePixelRatio);
-    renderer.setSize(dom.offsetWidth, dom.offsetHeight);
-    renderer.outputEncoding = THREE.sRGBEncoding;
-    //renderer.toneMapping = THREE.ReinhardToneMapping;
-    //renderer.toneMappingExposure = Math.pow(0.8, 4.0);
-    renderer.autoClear = false;
-
-    dom.appendChild(renderer.domElement);
-
-    onWindowResize();
-    window.addEventListener('resize', onWindowResize);
-    function onWindowResize() {
-
-        const aspect = window.innerWidth / window.innerHeight;
-        camera.aspect = aspect;
-        camera.updateProjectionMatrix();
-
-        renderer.setSize(dom.offsetWidth, dom.offsetHeight);
-    }
-
-    return renderer;
-}
-
-function initStats(dom) {
-    const stats = Stats();
-    document.body.appendChild(stats.dom);
-    return stats;
-}
-
-
-
-
-function initTileset(scene, gem) {
-
-    const tileLoader = new TileLoader({
-        renderer: renderer,
-        maxCachedItems: 100,
-        meshCallback: mesh => {
-            //// Insert code to be called on every newly decoded mesh e.g.:
-            mesh.material.wireframe = false;
-            mesh.material.side = THREE.DoubleSide;
-            //mesh.material.metalness = 0.0
-        },
-        pointsCallback: points => {
-            points.material.size = Math.min(1.0, 0.5 * Math.sqrt(points.geometricError));
-            points.material.sizeAttenuation = true;
-        }
-    });
-
-    const ogc3DTile = new OGC3DTile({
-        //url: "https://storage.googleapis.com/ogc-3d-tiles/berlinTileset/tileset.json",
-        //url: "https://storage.googleapis.com/ogc-3d-tiles/ayutthaya/tiledWithSkirts/tileset.json",
-        url: "http://localhost:8080/tileset.json",
-        geometricErrorMultiplier: gem,
-        loadOutsideView: true,
-        tileLoader: tileLoader,
-        //occlusionCullingService: occlusionCullingService,
-        static: false,
-        centerModel: true,
-        renderer: renderer
-
-    });
-    setIntervalAsync(function () {
-        ogc3DTile.update(camera);
-    }, 10);
-
-    //ogc3DTile.scale.set(0.1,0.1,0.1)
-
-    ogc3DTile.rotateOnAxis(new THREE.Vector3(1, 0, 0), -Math.PI * 0.5) // Z-UP to Y-UP
-    //ogc3DTile.translateOnAxis(new THREE.Vector3(0, 0, 1), 1)
-    /* 
-    ogc3DTile.translateOnAxis(new THREE.Vector3(0, 0, 1), 10) // Z-UP to Y-UP
-    ogc3DTile.translateOnAxis(new THREE.Vector3(0, 1, 0), 18.5) // Z-UP to Y-UP */
-    scene.add(ogc3DTile);
-
-    return ogc3DTile;
-}
-
-
-function createInstancedTileLoader(scene) {
-    return new InstancedTileLoader(scene, {
-        renderer: renderer,
-        maxCachedItems : 100,
-        maxInstances : 1,
-        meshCallback: mesh => {
-            //// Insert code to be called on every newly decoded mesh e.g.:
-            mesh.material.wireframe = false;
-            mesh.material.side = THREE.DoubleSide;
-        },
-        pointsCallback: points => {
-            points.material.size = Math.min(1.0, 0.5 * Math.sqrt(points.geometricError));
-            points.material.sizeAttenuation = true;
-        }
-    });
-}
-function initInstancedTilesets(instancedTileLoader) {
-
-    /*new GLTFLoader().load('http://localhost:8080/test.glb', function ( gltf ) {
-        scene.add(gltf.scene);
-    } );*/
-
-    const instancedTilesets = [];
-
-
-    const tileset = new InstancedOGC3DTile({
-        //url: "https://storage.googleapis.com/ogc-3d-tiles/berlinTileset/tileset.json",
-        url: "http://localhost:8080/tileset.json",
-        geometricErrorMultiplier: 1,
-        loadOutsideView: true,
-        tileLoader: instancedTileLoader,
-        static: false,
-        centerModel: true,
-        renderer: renderer
-    });
-    tileset.rotateOnAxis(new THREE.Vector3(1, 0, 0), Math.PI * -1) // Z-UP to Y-UP
-
-    tileset.updateMatrix()
-    scene.add(tileset);
-    instancedTilesets.push(tileset);
-
-    scene.updateMatrixWorld(true)
-    function now() {
-        return (typeof performance === 'undefined' ? Date : performance).now();
-    }
-    let updateIndex = 0;
-    setInterval(() => {
-        let startTime = now();
-        do {
-            const frustum = new THREE.Frustum();
-            frustum.setFromProjectionMatrix(new THREE.Matrix4().multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse));
-            instancedTilesets[updateIndex].update(camera, frustum);
-            updateIndex = (updateIndex + 1) % instancedTilesets.length;
-        } while (updateIndex < instancedTilesets.length && now() - startTime < 4);
-    }, 40);
-
-    //initLODMultiplierSlider(instancedTilesets);
-}
-
-
-function initCamera(width, height) {
-    const camera = new THREE.PerspectiveCamera(60, width / height, 0.1, 20000);
-    camera.position.set(50, 50, 50);
-    camera.lookAt(0, 0, 0);
-
-    camera.matrixAutoUpdate = true;
-    return camera;
-}
-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.minDistance = 0.1;
-    controller.maxDistance = 10000;
-    controller.update();
-    return controller;
-}
-
-
-function animate() {
-    requestAnimationFrame(animate);
-    //instancedTileLoader.update();
-    composer.render();
-    //occlusionCullingService.update(scene, renderer, camera)
-    stats.update();
-}
-
-
-
-
-