npm - itowns - Versions diffs - 2.44.3-next.8 → 2.45.0 - Mend

itowns 2.44.3-next.8 → 2.45.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (219) hide show

package/README.md +3 -129
package/examples/3dtiles_loader.html +123 -48
package/examples/config.json +3 -10
package/examples/copc_simple_loader.html +15 -5
package/examples/effects_stereo.html +2 -2
package/examples/entwine_3d_loader.html +3 -1
package/examples/entwine_simple_loader.html +1 -1
package/examples/images/itowns_logo.svg +123 -0
package/examples/js/plugins/COGParser.js +1 -1
package/examples/jsm/OGC3DTilesHelper.js +6 -1
package/examples/layers/JSONLayers/GeoidMNT.json +3 -1
package/examples/misc_collada.html +2 -2
package/examples/source_file_geojson_3d.html +0 -1
package/examples/source_file_kml_raster_usgs.html +0 -1
package/examples/source_stream_wfs_raster.html +0 -7
package/examples/vector_tile_mapbox_raster.html +91 -0
package/examples/view_3d_map_webxr.html +3 -1
package/examples/view_multi_25d.html +2 -2
package/package.json +21 -75
package/CODING.md +0 -120
package/CONTRIBUTING.md +0 -150
package/CONTRIBUTORS.md +0 -55
package/LICENSE.md +0 -44
package/changelog.md +0 -1361
package/dist/455.js +0 -2
package/dist/455.js.map +0 -1
package/dist/debug.js +0 -3
package/dist/debug.js.LICENSE.txt +0 -13
package/dist/debug.js.map +0 -1
package/dist/itowns.js +0 -3
package/dist/itowns.js.LICENSE.txt +0 -7
package/dist/itowns.js.map +0 -1
package/dist/itowns_lasparser.js +0 -2
package/dist/itowns_lasparser.js.map +0 -1
package/dist/itowns_lasworker.js +0 -2
package/dist/itowns_lasworker.js.map +0 -1
package/dist/itowns_potree2worker.js +0 -2
package/dist/itowns_potree2worker.js.map +0 -1
package/dist/itowns_widgets.js +0 -2
package/dist/itowns_widgets.js.map +0 -1
package/examples/.eslintrc.cjs +0 -35
package/examples/3dtiles_25d.html +0 -120
package/examples/3dtiles_basic.html +0 -94
package/examples/3dtiles_batch_table.html +0 -86
package/examples/3dtiles_ion.html +0 -126
package/examples/3dtiles_pointcloud.html +0 -95
package/examples/jsm/.eslintrc.cjs +0 -38
package/lib/Controls/FirstPersonControls.js +0 -308
package/lib/Controls/FlyControls.js +0 -175
package/lib/Controls/GlobeControls.js +0 -1162
package/lib/Controls/PlanarControls.js +0 -1025
package/lib/Controls/StateControl.js +0 -429
package/lib/Controls/StreetControls.js +0 -392
package/lib/Converter/Feature2Mesh.js +0 -615
package/lib/Converter/Feature2Texture.js +0 -170
package/lib/Converter/convertToTile.js +0 -75
package/lib/Converter/textureConverter.js +0 -44
package/lib/Core/3DTiles/C3DTBatchTable.js +0 -131
package/lib/Core/3DTiles/C3DTBatchTableHierarchyExtension.js +0 -96
package/lib/Core/3DTiles/C3DTBoundingVolume.js +0 -157
package/lib/Core/3DTiles/C3DTExtensions.js +0 -97
package/lib/Core/3DTiles/C3DTFeature.js +0 -110
package/lib/Core/3DTiles/C3DTilesEnums.js +0 -20
package/lib/Core/3DTiles/C3DTileset.js +0 -99
package/lib/Core/3DTiles/utils/BinaryPropertyAccessor.js +0 -100
package/lib/Core/AnimationPlayer.js +0 -142
package/lib/Core/CopcNode.js +0 -174
package/lib/Core/Deprecated/Undeprecator.js +0 -75
package/lib/Core/EntwinePointTileNode.js +0 -126
package/lib/Core/Feature.js +0 -490
package/lib/Core/Geographic/CoordStars.js +0 -80
package/lib/Core/Geographic/Coordinates.js +0 -320
package/lib/Core/Geographic/Crs.js +0 -175
package/lib/Core/Geographic/Extent.js +0 -534
package/lib/Core/Geographic/GeoidGrid.js +0 -109
package/lib/Core/Label.js +0 -222
package/lib/Core/MainLoop.js +0 -211
package/lib/Core/Math/Ellipsoid.js +0 -144
package/lib/Core/Picking.js +0 -255
package/lib/Core/PointCloudNode.js +0 -42
package/lib/Core/Potree2Node.js +0 -206
package/lib/Core/Potree2PointAttributes.js +0 -139
package/lib/Core/PotreeNode.js +0 -101
package/lib/Core/Prefab/Globe/Atmosphere.js +0 -299
package/lib/Core/Prefab/Globe/BuilderEllipsoidTile.js +0 -110
package/lib/Core/Prefab/Globe/GlobeLayer.js +0 -145
package/lib/Core/Prefab/Globe/SkyShader.js +0 -78
package/lib/Core/Prefab/GlobeView.js +0 -161
package/lib/Core/Prefab/Planar/PlanarLayer.js +0 -53
package/lib/Core/Prefab/Planar/PlanarTileBuilder.js +0 -72
package/lib/Core/Prefab/PlanarView.js +0 -62
package/lib/Core/Prefab/TileBuilder.js +0 -80
package/lib/Core/Prefab/computeBufferTileGeometry.js +0 -183
package/lib/Core/Scheduler/Cache.js +0 -256
package/lib/Core/Scheduler/CancelledCommandException.js +0 -15
package/lib/Core/Scheduler/Scheduler.js +0 -294
package/lib/Core/Style.js +0 -1121
package/lib/Core/System/Capabilities.js +0 -63
package/lib/Core/Tile/Tile.js +0 -219
package/lib/Core/Tile/TileGrid.js +0 -46
package/lib/Core/TileGeometry.js +0 -40
package/lib/Core/TileMesh.js +0 -109
package/lib/Core/View.js +0 -1109
package/lib/Layer/C3DTilesLayer.js +0 -455
package/lib/Layer/ColorLayer.js +0 -128
package/lib/Layer/CopcLayer.js +0 -58
package/lib/Layer/ElevationLayer.js +0 -107
package/lib/Layer/EntwinePointTileLayer.js +0 -64
package/lib/Layer/FeatureGeometryLayer.js +0 -63
package/lib/Layer/GeoidLayer.js +0 -80
package/lib/Layer/GeometryLayer.js +0 -202
package/lib/Layer/InfoLayer.js +0 -64
package/lib/Layer/LabelLayer.js +0 -456
package/lib/Layer/Layer.js +0 -304
package/lib/Layer/LayerUpdateState.js +0 -89
package/lib/Layer/LayerUpdateStrategy.js +0 -80
package/lib/Layer/OGC3DTilesLayer.js +0 -387
package/lib/Layer/OrientedImageLayer.js +0 -222
package/lib/Layer/PointCloudLayer.js +0 -359
package/lib/Layer/Potree2Layer.js +0 -164
package/lib/Layer/PotreeLayer.js +0 -65
package/lib/Layer/RasterLayer.js +0 -27
package/lib/Layer/ReferencingLayerProperties.js +0 -62
package/lib/Layer/TiledGeometryLayer.js +0 -403
package/lib/Loader/LASLoader.js +0 -193
package/lib/Loader/Potree2BrotliLoader.js +0 -261
package/lib/Loader/Potree2Loader.js +0 -207
package/lib/Main.js +0 -115
package/lib/MainBundle.js +0 -4
package/lib/Parser/B3dmParser.js +0 -174
package/lib/Parser/CameraCalibrationParser.js +0 -94
package/lib/Parser/GDFParser.js +0 -72
package/lib/Parser/GTXParser.js +0 -75
package/lib/Parser/GeoJsonParser.js +0 -212
package/lib/Parser/GpxParser.js +0 -25
package/lib/Parser/ISGParser.js +0 -71
package/lib/Parser/KMLParser.js +0 -25
package/lib/Parser/LASParser.js +0 -137
package/lib/Parser/MapBoxUrlParser.js +0 -83
package/lib/Parser/PntsParser.js +0 -131
package/lib/Parser/Potree2BinParser.js +0 -92
package/lib/Parser/PotreeBinParser.js +0 -106
package/lib/Parser/PotreeCinParser.js +0 -29
package/lib/Parser/ShapefileParser.js +0 -78
package/lib/Parser/VectorTileParser.js +0 -202
package/lib/Parser/XbilParser.js +0 -119
package/lib/Parser/deprecated/LegacyGLTFLoader.js +0 -1386
package/lib/Parser/iGLTFLoader.js +0 -168
package/lib/Process/3dTilesProcessing.js +0 -304
package/lib/Process/FeatureProcessing.js +0 -76
package/lib/Process/LayeredMaterialNodeProcessing.js +0 -221
package/lib/Process/ObjectRemovalHelper.js +0 -97
package/lib/Process/handlerNodeError.js +0 -23
package/lib/Provider/3dTilesProvider.js +0 -149
package/lib/Provider/DataSourceProvider.js +0 -8
package/lib/Provider/Fetcher.js +0 -229
package/lib/Provider/PointCloudProvider.js +0 -45
package/lib/Provider/TileProvider.js +0 -16
package/lib/Provider/URLBuilder.js +0 -116
package/lib/Renderer/Camera.js +0 -281
package/lib/Renderer/Color.js +0 -56
package/lib/Renderer/ColorLayersOrdering.js +0 -115
package/lib/Renderer/CommonMaterial.js +0 -31
package/lib/Renderer/Label2DRenderer.js +0 -190
package/lib/Renderer/LayeredMaterial.js +0 -243
package/lib/Renderer/OBB.js +0 -153
package/lib/Renderer/OrientedImageCamera.js +0 -118
package/lib/Renderer/OrientedImageMaterial.js +0 -167
package/lib/Renderer/PointsMaterial.js +0 -485
package/lib/Renderer/RasterTile.js +0 -209
package/lib/Renderer/RenderMode.js +0 -31
package/lib/Renderer/Shader/ShaderChunk.js +0 -160
package/lib/Renderer/Shader/ShaderUtils.js +0 -47
package/lib/Renderer/SphereHelper.js +0 -23
package/lib/Renderer/WebXR.js +0 -51
package/lib/Renderer/c3DEngine.js +0 -214
package/lib/Source/C3DTilesGoogleSource.js +0 -74
package/lib/Source/C3DTilesIonSource.js +0 -54
package/lib/Source/C3DTilesSource.js +0 -30
package/lib/Source/CopcSource.js +0 -115
package/lib/Source/EntwinePointTileSource.js +0 -62
package/lib/Source/FileSource.js +0 -189
package/lib/Source/OGC3DTilesGoogleSource.js +0 -29
package/lib/Source/OGC3DTilesIonSource.js +0 -34
package/lib/Source/OGC3DTilesSource.js +0 -21
package/lib/Source/OrientedImageSource.js +0 -59
package/lib/Source/Potree2Source.js +0 -167
package/lib/Source/PotreeSource.js +0 -82
package/lib/Source/Source.js +0 -223
package/lib/Source/TMSSource.js +0 -145
package/lib/Source/VectorTilesSource.js +0 -178
package/lib/Source/WFSSource.js +0 -168
package/lib/Source/WMSSource.js +0 -133
package/lib/Source/WMTSSource.js +0 -86
package/lib/ThreeExtended/capabilities/WebGL.js +0 -69
package/lib/ThreeExtended/libs/ktx-parse.module.js +0 -470
package/lib/ThreeExtended/libs/zstddec.module.js +0 -29
package/lib/ThreeExtended/loaders/DDSLoader.js +0 -200
package/lib/ThreeExtended/loaders/DRACOLoader.js +0 -399
package/lib/ThreeExtended/loaders/GLTFLoader.js +0 -2876
package/lib/ThreeExtended/loaders/KTX2Loader.js +0 -625
package/lib/ThreeExtended/utils/BufferGeometryUtils.js +0 -846
package/lib/ThreeExtended/utils/WorkerPool.js +0 -70
package/lib/Utils/CameraUtils.js +0 -555
package/lib/Utils/DEMUtils.js +0 -350
package/lib/Utils/FeaturesUtils.js +0 -156
package/lib/Utils/Gradients.js +0 -16
package/lib/Utils/OrientationUtils.js +0 -457
package/lib/Utils/ThreeUtils.js +0 -115
package/lib/Utils/gui/C3DTilesStyle.js +0 -215
package/lib/Utils/gui/Main.js +0 -7
package/lib/Utils/gui/Minimap.js +0 -154
package/lib/Utils/gui/Navigation.js +0 -245
package/lib/Utils/gui/Scale.js +0 -107
package/lib/Utils/gui/Searchbar.js +0 -234
package/lib/Utils/gui/Widget.js +0 -80
package/lib/Utils/placeObjectOnGround.js +0 -137
package/lib/Worker/LASLoaderWorker.js +0 -19
package/lib/Worker/Potree2Worker.js +0 -21

package/examples/3dtiles_ion.html DELETED Viewed

@@ -1,126 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>Itowns - 3d-tiles from Cesium ion example</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" type="text/css" href="css/example.css">
-        <link rel="stylesheet" type="text/css" href="css/LoadingScreen.css">
-        <style type="text/css">
-            #description {
-                z-index: 2;
-                left: 10px;
-                width: 30%;
-            }
-        </style>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js"></script>
-    </head>
-    <body>
-        <div id="description">
-            <p><b>This example displays a dataset representing extruded OSM buildings from Cesium ion
-                with Cesium default access token. Zoom to any place in the world to see the buildings. <br>
-                Buildings may appear to "fly" above the ground in some places, this is due to the combination
-                of precision errors of this dataset and of the 3D terrain we use in this example. </b>
-            </p>
-        </div>
-        <div id="attribution"></div>
-        <div id="viewerDiv"></div>
-        <!-- Import iTowns source code -->
-        <script src="../dist/itowns.js"></script>
-        <!-- Import iTowns LoadingScreen plugin -->
-        <script src="js/GUI/LoadingScreen.js"></script>
-        <script type="text/javascript">
-            // ---------- CREATE A GlobeView FOR SUPPORTING DATA VISUALIZATION : ----------
-            // Define camera initial position
-            const placement = {
-                coord: new itowns.Coordinates('EPSG:4326', 2.351323, 48.856712),
-                range: 25000000,
-            }
-            // `viewerDiv` will contain iTowns' rendering area (`<canvas>`)
-            var viewerDiv = document.getElementById('viewerDiv');
-            // Create a GlobeView
-            var viewOptions = {
-                diffuse: new itowns.THREE.Color(0xa0d5fc)
-            };
-            var view = new itowns.GlobeView(viewerDiv, placement, viewOptions);
-            // Setup loading screen
-            setupLoadingScreen(viewerDiv, view);
-            // ---------- ADD A BASEMAP: ----------
-            // Add one imagery layer to the scene. This layer's properties are defined in a json file, but it could be
-            // defined as a plain js object. See `Layer` documentation for more info.
-            itowns.Fetcher.json('./layers/JSONLayers/OPENSM.json').then(function _(config) {
-                config.source = new itowns.TMSSource(config.source);
-                var layer = new itowns.ColorLayer('Ortho', config);
-                view.addLayer(layer);
-            });
-            // ---------- ADD DIGITAL ELEVATION MODELS : ----------
-             // Add two elevation layers, each with a different level of detail. Here again, each layer's properties are
-            // defined in a json file.
-            function addElevationLayerFromConfig(config) {
-                config.source = new itowns.WMTSSource(config.source);
-                view.addLayer(
-                    new itowns.ElevationLayer(config.id, config),
-                );
-            }
-            itowns.Fetcher.json('./layers/JSONLayers/IGN_MNT_HIGHRES.json').then(addElevationLayerFromConfig);
-            itowns.Fetcher.json('./layers/JSONLayers/WORLD_DTM.json').then(addElevationLayerFromConfig);
-            // ---------- ADD 3D TILES MODEL FROM CESIUM ION SERVER : ----------
-            // Enable draco compression (used by this tileset)
-            itowns.enableDracoLoader('./libs/draco/');
-            // Create a new 3D Tiles batch table hierarchy extension manager and add it to the tileset since this tileset
-            // uses this extension
-            const extensions = new itowns.C3DTExtensions();
-            extensions.registerExtension("3DTILES_batch_table_hierarchy",
-                { [itowns.C3DTilesTypes.batchtable]:
-                    itowns.C3DTBatchTableHierarchyExtension });
-            // Create a 3D Tiles layer from Cesium ion server with Cesium default access token and assetId of the
-            // OSM buildings dataset.
-            var threeDTilesIonSource = new itowns.C3DTilesIonSource({
-                accessToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzOTkxZjY3NS0yNDU4LTQ3MTAtOGQ2NC1lOGI4YmY5ODhhYjQiLCJpZCI6Mzg4OTQsImlhdCI6MTYwNjkyMDkwOH0.aVrPA4xnpbSUlqfJ9RkSWmZtms_hnSRz7m596h1R7ew',
-                assetId: 96188
-            });
-            threeDTilesIonSource.whenReady.then(displayAttributions); // Add attributions returned by cesium ion server
-            var threeDTilesIonLayer = new itowns.C3DTilesLayer('3d-tiles-cesium-ion', {
-                name: '3D Tiles from Cesium Ion',
-                source: threeDTilesIonSource,
-                registeredExtensions: extensions,
-            }, view);
-            itowns.View.prototype.addLayer.call(view, threeDTilesIonLayer);
-            // Automatically convert cesium html attributions into html node elements and append them to the
-            // attributions div
-            function displayAttributions() {
-                var attribDiv = document.getElementById('attribution');
-                for (attrib of threeDTilesIonSource.attribution) {
-                    var attribElt = document.createElement('template');
-                    attribElt.innerHTML = attrib.html;
-                    attribDiv.appendChild(attribElt.content.firstChild);
-                }
-            }
-            // ---------- ADD LIGHTS: ----------
-            var ambLight = new itowns.THREE.AmbientLight(0xffffff, 1);
-            view.scene.add( ambLight );
-        </script>
-    </body>
-</html>

package/examples/3dtiles_pointcloud.html DELETED Viewed

@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>Itowns - Pointcloud classification</title>
-        <meta charset="UTF-8">
-        <link rel="stylesheet" type="text/css" href="css/example.css">
-        <link rel="stylesheet" type="text/css" href="css/LoadingScreen.css">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js"></script>
-    </head>
-    <body>
-        <div id="description">
-            Pointcloud classification
-            <ul>
-              <li>Display your pointcloud</li>
-              <li>Use classification to assign colour to each points</li>
-              <li>Switch between mode on the left panel</li>
-            </ul>
-        </div>
-        <div id="viewerDiv"></div>
-        <script src="js/GUI/GuiTools.js"></script>
-        <script src="../dist/itowns.js"></script>
-        <script src="js/GUI/LoadingScreen.js"></script>
-        <script src="../dist/debug.js"></script>
-        <script src="js/3dTilesHelper.js"></script>
-        <script type="text/javascript">
-            /* global itowns,document,GuiTools*/
-            var placement = {
-                coord: new itowns.Coordinates('EPSG:4326', 3.695885, 43.397379, 0),
-                range: 3000,
-                tilt: 55,
-                heading: 180
-            }
-            // iTowns namespace defined here
-            var viewerDiv = document.getElementById('viewerDiv');
-            var view = new itowns.GlobeView(viewerDiv, placement);
-            view.camera3D.near = 5;
-            setupLoadingScreen(viewerDiv, view);
-            var menuGlobe = new GuiTools('menuDiv', view, 300);
-            itowns.Fetcher.json('./layers/JSONLayers/OPENSM.json').then(function _(config) {
-                config.source = new itowns.TMSSource(config.source);
-                var layer = new itowns.ColorLayer('Ortho', config);
-                view.addLayer(layer).then(menuGlobe.addLayerGUI.bind(menuGlobe));
-            });
-            function updatePointCloudSize({tileContent}) {
-                tileContent.traverse(function (obj) {
-                    if (obj.isPoints) {
-                        obj.material.size = 2.0;
-                    }
-                });
-            }
-            // Create a new Layer 3d-tiles For Pointcloud
-            // -------------------------------------------
-            var $3dTilesSource = new itowns.C3DTilesSource({
-                    url: 'https://raw.githubusercontent.com/iTowns/iTowns2-sample-data/master/pointclouds/pnts-sete-2021-0756_6256/tileset.json',
-                });
-            var $3dTilesLayerSetePC = new itowns.C3DTilesLayer('3d-tiles-sete', {
-                name: 'SetePC',
-                sseThreshold: 5,
-                pntsMode: itowns.PNTS_MODE.CLASSIFICATION,
-                pntsShape : itowns.PNTS_SHAPE.CIRCLE,
-                source: $3dTilesSource,
-            }, view);
-            $3dTilesLayerSetePC.addEventListener(
-                itowns.C3DTILES_LAYER_EVENTS.ON_TILE_CONTENT_LOADED,
-                updatePointCloudSize,
-            );
-            itowns.View.prototype.addLayer.call(view, $3dTilesLayerSetePC);
-            function switchMode(){
-                let pntsLayer = view.getLayerById("3d-tiles-sete");
-                if(pntsLayer){
-                    pntsLayer.pntsMode = pntsLayer.pntsMode === itowns.PNTS_MODE.COLOR ? itowns.PNTS_MODE.CLASSIFICATION : itowns.PNTS_MODE.COLOR;
-                    view.notifyChange(view.camera3D);
-                }
-            }
-            // Add the UI Debug
-            var d = new debug.Debug(view, menuGlobe.gui);
-            $3dTilesLayerSetePC.whenReady
-                .then(() => {
-                    debug.createTileDebugUI(menuGlobe.gui, view, view.tileLayer, d);
-                    debug.create3dTilesDebugUI(menuGlobe.gui, view, $3dTilesLayerSetePC);
-                });
-        </script>
-    </body>
-</html>

package/examples/jsm/.eslintrc.cjs DELETED Viewed

@@ -1,38 +0,0 @@
-module.exports = {
-    extends: [
-        'eslint-config-airbnb-base',
-        'eslint-config-airbnb-base/rules/strict',
-        '../.eslintrc.cjs',
-    ],
-    parserOptions: {
-        ecmaVersion: 13,
-        sourceType: 'module',
-        ecmaFeatures: {
-            impliedStrict: true,
-        },
-    },
-    env: {
-        browser: true,
-        es6: true,
-        amd: true,
-        commonjs: true,
-    },
-    globals: {
-        itowns: true,
-    },
-    rules: {
-        'prefer-arrow-callback': 'off',
-        'object-shorthand': 'off',
-        'no-param-reassign': ['error', { props: false }],
-        'no-mixed-operators': ['error', { allowSamePrecedence: true }],
-        'prefer-template': 'off',
-        'prefer-rest-params': 'off',
-        'arrow-parens': ['error', 'as-needed', { requireForBlockBody: true }],
-        // deactivated rules for `examples/`
-        'no-console': 'off',
-        // TODO reactivate all the following rules
-        'no-underscore-dangle': 'off',
-    },
-};

package/lib/Controls/FirstPersonControls.js DELETED Viewed

@@ -1,308 +0,0 @@
-import * as THREE from 'three';
-import { MAIN_LOOP_EVENTS } from "../Core/MainLoop.js";
-// Note: we could use existing three.js controls (like https://github.com/mrdoob/three.js/blob/dev/examples/js/controls/FirstPersonControls.js)
-// but including these controls in itowns allows use to integrate them tightly with itowns.
-// Especially the existing controls are expecting a continuous update loop while we have a pausable one (so our controls use .notifyChange when needed)
-function limitRotation(camera3D, rot, verticalFOV) {
-  // Limit vertical rotation (look up/down) to make sure the user cannot see
-  // outside of the cone defined by verticalFOV
-  const limit = THREE.MathUtils.degToRad(verticalFOV - camera3D.fov) * 0.5;
-  return THREE.MathUtils.clamp(rot, -limit, limit);
-}
-const axisY = new THREE.Vector3(0, 1, 0);
-function applyRotation(view, camera3D, state) {
-  camera3D.quaternion.setFromUnitVectors(axisY, camera3D.up);
-  camera3D.rotateY(state.rotateY);
-  camera3D.rotateX(state.rotateX);
-  view.notifyChange(view.camera3D);
-}
-const MOVEMENTS = {
-  38: {
-    method: 'translateZ',
-    sign: -1
-  },
-  // FORWARD: up key
-  40: {
-    method: 'translateZ',
-    sign: 1
-  },
-  // BACKWARD: down key
-  37: {
-    method: 'translateX',
-    sign: -1
-  },
-  // STRAFE_LEFT: left key
-  39: {
-    method: 'translateX',
-    sign: 1
-  },
-  // STRAFE_RIGHT: right key
-  33: {
-    method: 'translateY',
-    sign: 1
-  },
-  // UP: PageUp key
-  34: {
-    method: 'translateY',
-    sign: -1
-  } // DOWN: PageDown key
-};
-function moveCameraVerticalPlanar(value) {
-  this.camera.position.z += value;
-}
-const normal = new THREE.Vector3();
-const q = new THREE.Quaternion();
-const e = new THREE.Euler(0, 0, 0, 'YXZ');
-function moveCameraVerticalGlobe(value) {
-  // compute geodesic normale
-  normal.copy(this.camera.position);
-  normal.normalize();
-  this.camera.position.add(normal.multiplyScalar(value));
-}
-class FirstPersonControls extends THREE.EventDispatcher {
-  /**
-   * @param {View} view
-   * @param {object} options
-   * @param {boolean} options.focusOnClick - whether or not to focus the renderer domElement on click
-   * @param {boolean} options.focusOnMouseOver - whether or not to focus when the mouse is over the domElement
-   * @param {boolean} options.moveSpeed - if > 0, pressing the arrow keys will move the camera
-   * @param {number} options.verticalFOV - define the max visible vertical angle of the scene in degrees (default 180)
-   * @param {number} options.panoramaRatio - alternative way to specify the max vertical angle when using a panorama.
-   * You can specify the panorama width/height ratio and the verticalFOV will be computed automatically
-   * @param {boolean} options.disableEventListeners - if true, the controls will not self listen to mouse/key events.
-   * You'll have to manually forward the events to the appropriate functions: onMouseDown, onMouseMove, onMouseUp,
-   * onKeyUp, onKeyDown and onMouseWheel.
-   */
-  constructor(view) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    super();
-    this.isFirstPersonControls = true;
-    this.camera = view.camera3D;
-    this.view = view;
-    this.moves = new Set();
-    if (options.panoramaRatio) {
-      const radius = options.panoramaRatio * 200 / (2 * Math.PI);
-      options.verticalFOV = options.panoramaRatio == 2 ? 180 : THREE.MathUtils.radToDeg(2 * Math.atan(200 / (2 * radius)));
-    }
-    options.verticalFOV = options.verticalFOV || 180;
-    options.moveSpeed = options.moveSpeed === undefined ? 10 : options.moveSpeed; // backward or forward move speed in m/s
-    this.options = options;
-    this._isMouseDown = false;
-    this._onMouseDownMouseX = 0;
-    this._onMouseDownMouseY = 0;
-    this._state = {
-      rotateX: 0,
-      rotateY: 0,
-      snapshot() {
-        return {
-          rotateX: this.rotateX,
-          rotateY: this.rotateY
-        };
-      }
-    };
-    this.reset();
-    this.eventListeners = options.disableEventListeners;
-    if (!options.disableEventListeners) {
-      this._onMouseDown = this.onMouseDown.bind(this);
-      this._onMouseMove = this.onMouseMove.bind(this);
-      this._onMouseUp = this.onMouseUp.bind(this);
-      this._onMouseWheel = this.onMouseWheel.bind(this);
-      this._onKeyUp = this.onKeyUp.bind(this);
-      this._onKeyDown = this.onKeyDown.bind(this);
-      this._onContextMenu = this.onContextMenu.bind(this);
-      view.domElement.addEventListener('mousedown', this._onMouseDown, false);
-      view.domElement.addEventListener('touchstart', this._onMouseDown, false);
-      view.domElement.addEventListener('mousemove', this._onMouseMove, false);
-      view.domElement.addEventListener('touchmove', this._onMouseMove, false);
-      view.domElement.addEventListener('mouseup', this._onMouseUp, false);
-      view.domElement.addEventListener('touchend', this._onMouseUp, false);
-      view.domElement.addEventListener('wheel', this._onMouseWheel, false);
-      // Disable context menu when right clicking.
-      view.domElement.addEventListener('contextmenu', this._onContextMenu, false);
-      // TODO: Why windows
-      document.addEventListener('keydown', this._onKeyDown, false);
-      document.addEventListener('keyup', this._onKeyUp, false);
-    }
-    this.view.addFrameRequester(MAIN_LOOP_EVENTS.AFTER_CAMERA_UPDATE, this.update.bind(this));
-    // focus policy
-    this._onFocus = () => view.domElement.focus();
-    this.focusOnMouseOver = options.focusOnMouseOver;
-    if (options.focusOnMouseOver) {
-      view.domElement.addEventListener('mouseover', this._onFocus);
-    }
-    this.focusOnClick = options.focusOnClick;
-    if (options.focusOnClick) {
-      view.domElement.addEventListener('click', this._onFocus);
-    }
-    if (view.referenceCrs == 'EPSG:4978') {
-      this.moveCameraVertical = moveCameraVerticalGlobe;
-    } else {
-      this.moveCameraVertical = moveCameraVerticalPlanar;
-    }
-  }
-  isUserInteracting() {
-    return this.moves.size !== 0 && !this._isMouseDown;
-  }
-  /**
-   * Resets the controls internal state to match the camera' state.
-   * This must be called when manually modifying the camera's position or rotation.
-   * @param {boolean} preserveRotationOnX - if true, the look up/down rotation will
-   * not be copied from the camera
-   */
-  reset() {
-    let preserveRotationOnX = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    // Compute the correct init state, given the calculus in applyRotation:
-    // cam.quaternion = q * r
-    // => r = invert(q) * cam.quaterion
-    // q is the quaternion derived from the up vector
-    q.setFromUnitVectors(axisY, this.camera.up);
-    q.invert();
-    q.multiply(this.camera.quaternion);
-    // tranform it to euler
-    e.setFromQuaternion(q);
-    if (!preserveRotationOnX) {
-      this._state.rotateX = e.x;
-    }
-    this._state.rotateY = e.y;
-  }
-  /**
-   * Updates the camera position / rotation based on occured input events.
-   * This is done automatically when needed but can also be done if needed.
-   * @param {number} dt - ellpased time since last update in seconds
-   * @param {boolean} updateLoopRestarted - true if itowns' update loop just restarted
-   * @param {boolean} force - set to true if you want to force the update, even if it
-   * appears unneeded.
-   */
-  update(dt, updateLoopRestarted, force) {
-    if (this.enabled == false) {
-      return;
-    }
-    // dt will not be relevant when we just started rendering, we consider a 1-frame move in this case
-    if (updateLoopRestarted) {
-      dt = 16;
-    }
-    for (const move of this.moves) {
-      if (move.method === 'translateY') {
-        this.moveCameraVertical(move.sign * this.options.moveSpeed * dt / 1000);
-      } else {
-        this.camera[move.method](move.sign * this.options.moveSpeed * dt / 1000);
-      }
-    }
-    if (this._isMouseDown === true || force === true) {
-      applyRotation(this.view, this.camera, this._state);
-    }
-    if (this.moves.size) {
-      this.view.notifyChange(this.camera);
-    }
-  }
-  // Event callback functions
-  // Mouse movement handling
-  onMouseDown(event) {
-    if (this.enabled == false) {
-      return;
-    }
-    // next line is commented because, when I uncomment it, key binding doesn't work any more.
-    // event.preventDefault();
-    this._isMouseDown = true;
-    const coords = this.view.eventToViewCoords(event);
-    this._onMouseDownMouseX = coords.x;
-    this._onMouseDownMouseY = coords.y;
-    this._stateOnMouseDown = this._state.snapshot();
-  }
-  onMouseUp() {
-    if (this.enabled == false) {
-      return;
-    }
-    this._isMouseDown = false;
-  }
-  onMouseMove(event) {
-    if (this.enabled == false) {
-      return;
-    }
-    if (this._isMouseDown === true) {
-      // in rigor we have tan(theta) = tan(cameraFOV) * deltaH / H
-      // (where deltaH is the vertical amount we moved, and H the renderer height)
-      // we loosely approximate tan(x) by x
-      const pxToAngleRatio = THREE.MathUtils.degToRad(this.camera.fov) / this.view.mainLoop.gfxEngine.height;
-      const coords = this.view.eventToViewCoords(event);
-      // update state based on pointer movement
-      this._state.rotateY = (coords.x - this._onMouseDownMouseX) * pxToAngleRatio + this._stateOnMouseDown.rotateY;
-      this._state.rotateX = limitRotation(this.camera, (coords.y - this._onMouseDownMouseY) * pxToAngleRatio + this._stateOnMouseDown.rotateX, this.options.verticalFOV);
-      applyRotation(this.view, this.camera, this._state);
-    }
-  }
-  // Mouse wheel
-  onMouseWheel(event) {
-    if (this.enabled == false) {
-      return;
-    }
-    const delta = event.deltaY;
-    this.camera.fov = THREE.MathUtils.clamp(this.camera.fov + Math.sign(delta), 10, Math.min(100, this.options.verticalFOV));
-    this.camera.updateProjectionMatrix();
-    this._state.rotateX = limitRotation(this.camera, this._state.rotateX, this.options.verticalFOV);
-    applyRotation(this.view, this.camera, this._state);
-  }
-  // Keyboard handling
-  onKeyUp(e) {
-    if (this.enabled == false) {
-      return;
-    }
-    const move = MOVEMENTS[e.keyCode];
-    if (move) {
-      this.moves.delete(move);
-      this.view.notifyChange(undefined, false);
-      e.preventDefault();
-    }
-  }
-  onKeyDown(e) {
-    if (this.enabled == false) {
-      return;
-    }
-    const move = MOVEMENTS[e.keyCode];
-    if (move) {
-      this.moves.add(move);
-      this.view.notifyChange(undefined, false);
-      e.preventDefault();
-    }
-  }
-  onContextMenu(event) {
-    event.preventDefault();
-  }
-  dispose() {
-    if (!this.eventListeners) {
-      this.view.domElement.removeEventListener('mousedown', this._onMouseDown, false);
-      this.view.domElement.removeEventListener('touchstart', this._onMouseDown, false);
-      this.view.domElement.removeEventListener('mousemove', this._onMouseMove, false);
-      this.view.domElement.removeEventListener('touchmove', this._onMouseMove, false);
-      this.view.domElement.removeEventListener('mouseup', this._onMouseUp, false);
-      this.view.domElement.removeEventListener('touchend', this._onMouseUp, false);
-      this.view.domElement.removeEventListener('wheel', this._onMouseWheel, false);
-      this.view.domElement.removeEventListener('contextmenu', this._onContextMenu, false);
-      document.removeEventListener('keydown', this._onKeyDown, false);
-      document.removeEventListener('keyup', this._onKeyUp, false);
-    }
-    if (this.focusOnMouseOver) {
-      this.view.domElement.removeEventListener('mouseover', this._onFocus);
-    }
-    if (this.focusOnClick) {
-      this.view.domElement.removeEventListener('click', this._onFocus);
-    }
-    this.dispatchEvent({
-      type: 'dispose'
-    });
-  }
-}
-export default FirstPersonControls;