itowns 2.44.3-next.4 → 2.44.3-next.41

package/lib/Core/Prefab/Globe/SkyShader.js

@@ -1,78 +0,0 @@
-/**
- * @author zz85 / https://github.com/zz85
- *
- * Based on "A Practical Analytic Model for Daylight"
- * aka The Preetham Model, the de facto standard analytic skydome model
- * http://www.cs.utah.edu/~shirley/papers/sunsky/sunsky.pdf
- *
- * First implemented by Simon Wallner
- * http://www.simonwallner.at/projects/atmospheric-scattering
- *
- * Improved by Martin Upitis
- * http://blenderartists.org/forum/showthread.php?245954-preethams-sky-impementation-HDR
- *
- * Three.js integration by zz85 http://twitter.com/blurspline
- */
-
-import * as THREE from 'three';
-const skyShader = {
-  uniforms: {
-    luminance: {
-      type: 'f',
-      value: 1
-    },
-    turbidity: {
-      type: 'f',
-      value: 2
-    },
-    reileigh: {
-      type: 'f',
-      value: 1
-    },
-    mieCoefficient: {
-      type: 'f',
-      value: 0.005
-    },
-    mieDirectionalG: {
-      type: 'f',
-      value: 0.8
-    },
-    v3LightPosition: {
-      type: 'v3',
-      value: new THREE.Vector3()
-    },
-    up: {
-      type: 'v3',
-      value: new THREE.Vector3(0.0, 1.0, 0.0)
-    }
-  },
-  vertexShader: ['varying vec3 vWorldPosition;', 'void main() {', 'vec4 worldPosition = modelMatrix *  vec4( cameraPosition + position, 1.0 );', 'vWorldPosition = worldPosition.xyz;', 'gl_Position = projectionMatrix * modelViewMatrix * vec4( cameraPosition + position, 1.0 );', '}'].join('\n'),
-  fragmentShader: ['uniform sampler2D skySampler;', 'uniform vec3 v3LightPosition;', 'uniform vec3 up;', 'varying vec3 vWorldPosition;',
-  // "vec3 cameraPos = cameraPosition; //vec3(0., 0., 0.);",
-  '// uniform sampler2D sDiffuse;', '// const float turbidity = 10.0; //', '// const float reileigh = 2.; //', '// const float luminance = 1.0; //', '// const float mieCoefficient = 0.005;', '// const float mieDirectionalG = 0.8;', 'uniform float luminance;', 'uniform float turbidity;', 'uniform float reileigh;', 'uniform float mieCoefficient;', 'uniform float mieDirectionalG;', '// constants for atmospheric scattering', 'const float e = 2.71828182845904523536028747135266249775724709369995957;', 'const float pi = 3.141592653589793238462643383279502884197169;', 'const float n = 1.0003; // refractive index of air', 'const float N = 2.545E25; // number of molecules per unit volume for air at', '// 288.15K and 1013mb (sea level -45 celsius)', 'const float pn = 0.035; // depolatization factor for standard air', '// wavelength of used primaries, according to preetham', 'const vec3 lambda = vec3(680E-9, 550E-9, 450E-9);', '// mie stuff', '// K coefficient for the primaries', 'const vec3 K = vec3(0.686, 0.678, 0.666);', 'const float v = 4.0;', '// optical length at zenith for molecules', 'const float rayleighZenithLength = 8.4E3;', 'const float mieZenithLength = 1.25E3;',
-  // "const vec3 up = vec3(0.0, 1.0, 0.0);",
-
-  'const float EE = 1000.0;', 'const float sunAngularDiameterCos = 0.999956676946448443553574619906976478926848692873900859324;', '// 66 arc seconds -> degrees, and the cosine of that', '// earth shadow hack', 'const float cutoffAngle = pi/1.95;', 'const float steepness = 1.5;', 'vec3 totalRayleigh(vec3 lambda)', '{', 'return (8.0 * pow(pi, 3.0) * pow(pow(n, 2.0) - 1.0, 2.0) * (6.0 + 3.0 * pn)) / (3.0 * N * pow(lambda, vec3(4.0)) * (6.0 - 7.0 * pn));', '}',
-  // see http://blenderartists.org/forum/showthread.php?321110-Shaders-and-Skybox-madness
-  '// A simplied version of the total Reayleigh scattering to works on browsers that use ANGLE', 'vec3 simplifiedRayleigh()', '{', 'return 0.0005 / vec3(94, 40, 18);',
-  // return 0.00054532832366 / (3.0 * 2.545E25 * pow(vec3(680E-9, 550E-9, 450E-9), vec3(4.0)) * 6.245);
-  '}', 'float rayleighPhase(float cosTheta)', '{ ', 'return (3.0 / (16.0*pi)) * (1.0 + pow(cosTheta, 2.0));', '// return (1.0 / (3.0*pi)) * (1.0 + pow(cosTheta, 2.0));', '// return (3.0 / 4.0) * (1.0 + pow(cosTheta, 2.0));', '}', 'vec3 totalMie(vec3 lambda, vec3 K, float T)', '{', 'float c = (0.2 * T ) * 10E-18;', 'return 0.434 * c * pi * pow((2.0 * pi) / lambda, vec3(v - 2.0)) * K;', '}', 'float hgPhase(float cosTheta, float g)', '{', 'return (1.0 / (4.0*pi)) * ((1.0 - pow(g, 2.0)) / pow(1.0 - 2.0*g*cosTheta + pow(g, 2.0), 1.5));', '}', 'float sunIntensity(float zenithAngleCos)', '{', 'return EE * max(0.0, 1.0 - exp(-((cutoffAngle - acos(zenithAngleCos))/steepness)));', '}', '// float logLuminance(vec3 c)', '// {', '//     return log(c.r * 0.2126 + c.g * 0.7152 + c.b * 0.0722);', '// }', '// Filmic ToneMapping http://filmicgames.com/archives/75', 'float A = 0.15;', 'float B = 0.50;', 'float C = 0.10;', 'float D = 0.20;', 'float E = 0.02;', 'float F = 0.30;', 'float W = 1000.0;', 'vec3 Uncharted2Tonemap(vec3 x)', '{', 'return ((x*(A*x+C*B)+D*E)/(x*(A*x+B)+D*F))-E/F;', '}', 'void main() ', '{', 'vec3 up2 = normalize(cameraPosition.xyz);', 'float sunfade = 1.0-clamp(1.0-exp((v3LightPosition.y/450000.0)),0.0,1.0);', 'float reileighCoefficient = reileigh - (1.0* (1.0-sunfade));', 'vec3 sunDirection = normalize(v3LightPosition);', 'float sunE = sunIntensity(dot(sunDirection, up2));', '// extinction (absorbtion + out scattering) ', '// rayleigh coefficients',
-  // "vec3 betaR = totalRayleigh(lambda) * reileighCoefficient;",
-  'vec3 betaR = simplifiedRayleigh() * reileighCoefficient;', '// mie coefficients', 'vec3 betaM = totalMie(lambda, K, turbidity) * mieCoefficient;', '// optical length', '// cutoff angle at 90 to avoid singularity in next formula.', 'float zenithAngle = acos(max(0.0, dot(up2, normalize(vWorldPosition - cameraPosition))));', 'float sR = rayleighZenithLength / (cos(zenithAngle) + 0.15 * pow(93.885 - ((zenithAngle * 180.0) / pi), -1.253));', 'float sM = mieZenithLength / (cos(zenithAngle) + 0.15 * pow(93.885 - ((zenithAngle * 180.0) / pi), -1.253));', '// combined extinction factor', 'vec3 Fex = exp(-(betaR * sR + betaM * sM));', '// in scattering', 'float cosTheta = dot(normalize(vWorldPosition - cameraPosition), sunDirection);', 'float rPhase = rayleighPhase(cosTheta*0.5+0.5);', 'vec3 betaRTheta = betaR * rPhase;', 'float mPhase = hgPhase(cosTheta, mieDirectionalG);', 'vec3 betaMTheta = betaM * mPhase;', 'vec3 Lin = pow(sunE * ((betaRTheta + betaMTheta) / (betaR + betaM)) * (1.0 - Fex),vec3(1.5));', 'Lin *= mix(vec3(1.0),pow(sunE * ((betaRTheta + betaMTheta) / (betaR + betaM)) * Fex,vec3(1.0/2.0)),clamp(pow(1.0-dot(up2, sunDirection),5.0),0.0,1.0));', '//nightsky', 'vec3 direction = normalize(vWorldPosition - cameraPosition);', 'float theta = acos(direction.y); // elevation --> y-axis, [-pi/2, pi/2]', 'float phi = atan(direction.z, direction.x); // azimuth --> x-axis [-pi/2, pi/2]', 'vec2 uv = vec2(phi, theta) / vec2(2.0*pi, pi) + vec2(0.5, 0.0);', '// vec3 L0 = texture2D(skySampler, uv).rgb+0.1 * Fex;', 'vec3 L0 = vec3(0.1) * Fex;', '// composition + solar disc', '//if (cosTheta > sunAngularDiameterCos)', 'float sundisk = smoothstep(sunAngularDiameterCos,sunAngularDiameterCos+0.00002,cosTheta);', '// if (normalize(vWorldPosition - cameraPosition).y>0.0)', 'L0 += (sunE * 19000.0 * Fex)*sundisk;', 'vec3 whiteScale = 1.0/Uncharted2Tonemap(vec3(W));', 'vec3 texColor = (Lin+L0);   ', 'texColor *= 0.04 ;', 'texColor += vec3(0.0,0.001,0.0025)*0.3;', 'float g_fMaxLuminance = 1.0;', 'float fLumScaled = 0.1 / luminance;     ', 'float fLumCompressed = (fLumScaled * (1.0 + (fLumScaled / (g_fMaxLuminance * g_fMaxLuminance)))) / (1.0 + fLumScaled); ', 'float ExposureBias = fLumCompressed;', 'vec3 curr = Uncharted2Tonemap((log2(2.0/pow(luminance,4.0)))*texColor);', 'vec3 color = curr*whiteScale;', 'vec3 retColor = pow(color,vec3(1.0/(1.2+(1.2*sunfade))));', 'gl_FragColor.rgb = retColor;', 'gl_FragColor.a = 1. - ( (length(cameraPosition) - 6400000.) / 1000.);', '}'].join('\n')
-};
-class Sky extends THREE.Mesh {
-  constructor() {
-    const skyUniforms = THREE.UniformsUtils.clone(skyShader.uniforms);
-    const skyMat = new THREE.ShaderMaterial({
-      fragmentShader: skyShader.fragmentShader,
-      vertexShader: skyShader.vertexShader,
-      uniforms: skyUniforms,
-      side: THREE.BackSide,
-      transparent: true,
-      depthWrite: false
-    });
-    const skyGeo = new THREE.SphereGeometry(40000, 32, 15);
-    super(skyGeo, skyMat);
-  }
-}
-export default Sky;

package/lib/Core/Prefab/GlobeView.js

@@ -1,161 +0,0 @@
-import * as THREE from 'three';
-import View, { VIEW_EVENTS } from "../View.js";
-import GlobeControls from "../../Controls/GlobeControls.js";
-import Coordinates from "../Geographic/Coordinates.js";
-import GlobeLayer from "./Globe/GlobeLayer.js";
-import Atmosphere from "./Globe/Atmosphere.js";
-import CameraUtils from "../../Utils/CameraUtils.js";
-import CRS from "../Geographic/Crs.js";
-import { ellipsoidSizes } from "../Math/Ellipsoid.js";
-
-/**
- * Fires when the view is completely loaded. Controls and view's functions can be called then.
- * @event GlobeView#initialized
- * @property target {view} dispatched on view
- * @property type {string} initialized
- */
-/**
- * Fires when a layer is added
- * @event GlobeView#layer-added
- * @property layerId {string} the id of the layer
- * @property target {view} dispatched on view
- * @property type {string} layers-added
- */
-/**
- * Fires when a layer is removed
- * @event GlobeView#layer-removed
- * @property layerId {string} the id of the layer
- * @property target {view} dispatched on view
- * @property type {string} layers-added
- */
-/**
- * Fires when the layers oder has changed
- * @event GlobeView#layers-order-changed
- * @property new {object}
- * @property new.sequence {array}
- * @property new.sequence.0 {number} the new layer at position 0
- * @property new.sequence.1 {number} the new layer at position 1
- * @property new.sequence.2 {number} the new layer at position 2
- * @property previous {object}
- * @property previous.sequence {array}
- * @property previous.sequence.0 {number} the previous layer at position 0
- * @property previous.sequence.1 {number} the previous layer at position 1
- * @property previous.sequence.2 {number} the previous layer at position 2
- * @property target {view} dispatched on view
- * @property type {string} layers-order-changed
- */
-
-/**
- * Globe's EVENT
- * @property GLOBE_INITIALIZED {string} Deprecated: emit one time when globe is initialized (use VIEW_EVENTS.INITIALIZED instead).
- * @property LAYER_ADDED {string} Deprecated: emit when layer id added in viewer (use VIEW_EVENTS.LAYER_ADDED instead).
- * @property LAYER_REMOVED {string} Deprecated: emit when layer id removed in viewer (use VIEW_EVENTS.LAYER_REMOVED instead).
- * @property COLOR_LAYERS_ORDER_CHANGED {string} Deprecated: emit when  color layers order change (use VIEW_EVENTS.COLOR_LAYERS_ORDER_CHANGED instead).
- */
-
-export const GLOBE_VIEW_EVENTS = {
-  GLOBE_INITIALIZED: VIEW_EVENTS.INITIALIZED,
-  LAYER_ADDED: VIEW_EVENTS.LAYER_ADDED,
-  LAYER_REMOVED: VIEW_EVENTS.LAYER_REMOVED,
-  COLOR_LAYERS_ORDER_CHANGED: VIEW_EVENTS.COLOR_LAYERS_ORDER_CHANGED
-};
-class GlobeView extends View {
-  /**
-   * Creates a view of a globe.
-   *
-   * @extends View
-   *
-   * @example <caption><b>Instance GlobeView.</b></caption>
-   * var viewerDiv = document.getElementById('viewerDiv');
-   * const placement = {
-   *     coord: new itowns.Coordinates('EPSG:4326', 2.351323, 48.856712),
-   *     range: 25000000,
-   * }
-   * var view = new itowns.GlobeView(viewerDiv, placement);
-   *
-   * @param {HTMLDivElement} viewerDiv - Where to attach the view and display it
-   * in the DOM.
-   * @param {CameraTransformOptions|Extent} placement - An object to place view
-   * @param {object} [options] - See options of {@link View}.
-   * @param {Object} [options.controls] - See options of {@link GlobeControls}
-   */
-  constructor(viewerDiv) {
-    let placement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    THREE.Object3D.DEFAULT_UP.set(0, 0, 1);
-    // Setup View
-    super('EPSG:4978', viewerDiv, options);
-    this.isGlobeView = true;
-    this.camera3D.near = Math.max(15.0, 0.000002352 * ellipsoidSizes.x);
-    this.camera3D.far = ellipsoidSizes.x * 10;
-    const tileLayer = new GlobeLayer('globe', options.object3d, options);
-    this.mainLoop.gfxEngine.label2dRenderer.infoTileLayer = tileLayer.info;
-    const sun = new THREE.DirectionalLight();
-    sun.position.set(-0.5, 0, 1);
-    sun.updateMatrixWorld(true);
-    this.scene.add(sun);
-    this.addLayer(tileLayer);
-    this.tileLayer = tileLayer;
-    if (!placement.isExtent) {
-      placement.coord = placement.coord || new Coordinates('EPSG:4326', 0, 0);
-      placement.tilt = placement.tilt || 89.5;
-      placement.heading = placement.heading || 0;
-      placement.range = placement.range || ellipsoidSizes.x * 2.0;
-    }
-    if (options.noControls) {
-      CameraUtils.transformCameraToLookAtTarget(this, this.camera3D, placement);
-    } else {
-      this.controls = new GlobeControls(this, placement, options.controls);
-      this.controls.handleCollision = typeof options.handleCollision !== 'undefined' ? options.handleCollision : true;
-    }
-    this.addLayer(new Atmosphere('atmosphere', options.atmosphere));
-
-    // GlobeView needs this.camera.resize to set perpsective matrix camera
-    this.camera.resize(viewerDiv.clientWidth, viewerDiv.clientHeight);
-  }
-
-  /**
-   * Add layer in viewer.
-   * The layer id must be unique.
-   *
-   * The `layer.whenReady` is a promise that resolves when
-   * the layer is done. This promise is also returned by
-   * `addLayer` allowing to chain call.
-   *
-   * The layer added is attached, by default to `GlobeLayer` (`GlobeView.tileLayer`).
-   * If you want add a unattached layer use `View#addLayer` parent method.
-   *
-   * @param {LayerOptions|Layer|GeometryLayer} layer The layer to add in view.
-   * @return {Promise} a promise resolved with the new layer object when it is fully initialized or rejected if any error occurred.
-   */
-  addLayer(layer) {
-    if (!layer || !layer.isLayer) {
-      return Promise.reject(new Error('Add Layer type object'));
-    }
-    if (layer.isColorLayer) {
-      if (!this.tileLayer.tileMatrixSets.includes(CRS.formatToTms(layer.source.crs))) {
-        return layer._reject(`Only ${this.tileLayer.tileMatrixSets} tileMatrixSet are currently supported for color layers`);
-      }
-    } else if (layer.isElevationLayer) {
-      if (CRS.formatToTms(layer.source.crs) !== this.tileLayer.tileMatrixSets[0]) {
-        return layer._reject(`Only ${this.tileLayer.tileMatrixSets[0]} tileMatrixSet is currently supported for elevation layers`);
-      }
-    }
-    return super.addLayer(layer, this.tileLayer);
-  }
-  getPixelsToDegrees() {
-    let pixels = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    let screenCoord = arguments.length > 1 ? arguments[1] : undefined;
-    return this.getMetersToDegrees(this.getPixelsToMeters(pixels, screenCoord));
-  }
-  getPixelsToDegreesFromDistance() {
-    let pixels = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    let distance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-    return this.getMetersToDegrees(this.getPixelsToMetersFromDistance(pixels, distance));
-  }
-  getMetersToDegrees() {
-    let meters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    return THREE.MathUtils.radToDeg(2 * Math.asin(meters / (2 * ellipsoidSizes.x)));
-  }
-}
-export default GlobeView;

package/lib/Core/Prefab/Planar/PlanarLayer.js

@@ -1,53 +0,0 @@
-import * as THREE from 'three';
-import TiledGeometryLayer from "../../../Layer/TiledGeometryLayer.js";
-import { globalExtentTMS } from "../../Geographic/Extent.js";
-import CRS from "../../Geographic/Crs.js";
-import PlanarTileBuilder from "./PlanarTileBuilder.js";
-
-/**
- * @property {boolean} isPlanarLayer - Used to checkout whether this layer is a
- * PlanarLayer. Default is true. You should not change this, as it is used
- * internally for optimisation.
- */
-class PlanarLayer extends TiledGeometryLayer {
-  /**
-   * A {@link TiledGeometryLayer} to use with a {@link PlanarView}. It has
-   * specific method for updating and subdivising its grid.
-   *
-   * @extends TiledGeometryLayer
-   *
-   * @param {string} id - The id of the layer, that should be unique. It is
-   * not mandatory, but an error will be emitted if this layer is added a
-   * {@link View} that already has a layer going by that id.
-   * @param {Extent} extent - The extent to define the layer within.
-   * @param {THREE.Object3d} [object3d=THREE.Group] - The object3d used to
-   * contain the geometry of the TiledGeometryLayer. It is usually a
-   * `THREE.Group`, but it can be anything inheriting from a `THREE.Object3d`.
-   * @param {Object} [config] - Optional configuration, all elements in it
-   * will be merged as is in the layer. For example, if the configuration
-   * contains three elements `name, protocol, extent`, these elements will be
-   * available using `layer.name` or something else depending on the property
-   * name.
-   * @param {number} [config.maxSubdivisionLevel=5] - Maximum subdivision
-   * level for this tiled layer.
-   *
-   * @throws {Error} `object3d` must be a valid `THREE.Object3d`.
-   */
-  constructor(id, extent, object3d) {
-    let config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    const tms = CRS.formatToTms(extent.crs);
-    if (!globalExtentTMS.get(extent.crs)) {
-      // Add new global extent for this new crs projection.
-      globalExtentTMS.set(extent.crs, extent);
-    }
-    config.tileMatrixSets = [tms];
-    super(id, object3d || new THREE.Group(), [extent], new PlanarTileBuilder({
-      crs: extent.crs
-    }), config);
-    this.isPlanarLayer = true;
-    this.extent = extent;
-    this.minSubdivisionLevel = this.minSubdivisionLevel == undefined ? 0 : this.minSubdivisionLevel;
-    this.maxSubdivisionLevel = this.maxSubdivisionLevel == undefined ? 5 : this.maxSubdivisionLevel;
-  }
-}
-export default PlanarLayer;

package/lib/Core/Prefab/Planar/PlanarTileBuilder.js

@@ -1,72 +0,0 @@
-import * as THREE from 'three';
-import Coordinates from "../../Geographic/Coordinates.js";
-import Extent from "../../Geographic/Extent.js";
-const quaternion = new THREE.Quaternion();
-const center = new THREE.Vector3();
-class PlanarTileBuilder {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    /* istanbul ignore next */
-    if (options.projection) {
-      console.warn('PlanarTileBuilder projection parameter is deprecated, use crs instead.');
-      options.crs = options.crs || options.projection;
-    }
-    if (options.crs) {
-      this.crs = options.crs;
-    } else {
-      throw new Error('options.crs is mandatory for PlanarTileBuilder');
-    }
-    this.tmp = {
-      coords: new Coordinates('EPSG:4326', 0, 0),
-      position: new THREE.Vector3(),
-      normal: new THREE.Vector3(0, 0, 1)
-    };
-    this.uvCount = options.uvCount || 1;
-  }
-  // prepare params
-  // init projected object -> params.projected
-  prepare(params) {
-    params.nbRow = 2 ** (params.zoom + 1.0);
-    params.projected = new THREE.Vector3();
-  }
-
-  // get center tile in cartesian 3D
-  center(extent) {
-    extent.center(this.tmp.coords);
-    center.set(this.tmp.coords.x, this.tmp.coords.y, 0);
-    return center;
-  }
-
-  // get position 3D cartesian
-  vertexPosition(params) {
-    this.tmp.position.set(params.projected.x, params.projected.y, 0);
-    return this.tmp.position;
-  }
-
-  // get normal for last vertex
-  vertexNormal() {
-    return this.tmp.normal;
-  }
-
-  // coord u tile to projected
-  uProjecte(u, params) {
-    params.projected.x = params.extent.west + u * (params.extent.east - params.extent.west);
-  }
-
-  // coord v tile to projected
-  vProjecte(v, params) {
-    params.projected.y = params.extent.south + v * (params.extent.north - params.extent.south);
-  }
-  computeSharableExtent(extent) {
-    // compute sharable extent to pool the geometries
-    // the geometry in common extent is identical to the existing input
-    // with a translation
-    const sharableExtent = new Extent(extent.crs, 0, Math.abs(extent.west - extent.east), 0, Math.abs(extent.north - extent.south));
-    return {
-      sharableExtent,
-      quaternion,
-      position: this.center(extent).clone()
-    };
-  }
-}
-export default PlanarTileBuilder;

package/lib/Core/Prefab/PlanarView.js

@@ -1,62 +0,0 @@
-import * as THREE from 'three';
-import View from "../View.js";
-import CameraUtils from "../../Utils/CameraUtils.js";
-import PlanarControls from "../../Controls/PlanarControls.js";
-import PlanarLayer from "./Planar/PlanarLayer.js";
-class PlanarView extends View {
-  /**
-   * @extends View
-   *
-   * @example <caption><b>Instance with placement on the ground.</b></caption>
-   * var viewerDiv = document.getElementById('viewerDiv');
-   * const extent = new Extent('EPSG:3946', 1837816.94334, 1847692.32501, 5170036.4587, 5178412.82698);
-   * var view = new itowns.PlanarView(viewerDiv, extent, { placement: { heading: -49.6, range: 6200, tilt: 17 } });
-   *
-   * @param {HTMLDivElement} viewerDiv - Where to attach the view and display it
-   * in the DOM.
-   * @param {Extent} extent - The ground extent.
-   * @param {Object} [options] - See options of {@link View}.
-   * @param {boolean} [options.noControls=false] - If true, no controls are associated to the view.
-   * @param {Object} [options.controls] - options for the {@link PlanarControls} associated to the view, if
-   * `options.noControls` is false.
-   * @param {CameraUtils~CameraTransformOptions|Extent} [options.placement] - The
-   * {@link CameraUtils~CameraTransformOptions} to apply to view's camera or the extent it must display at
-   * initialization. By default, camera will display the view's extent (given in `extent` parameter).
-   */
-  constructor(viewerDiv, extent) {
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    THREE.Object3D.DEFAULT_UP.set(0, 0, 1);
-
-    // Setup View
-    super(extent.crs, viewerDiv, options);
-    this.isPlanarView = true;
-
-    // Configure camera
-    const dim = extent.planarDimensions();
-    const max = Math.max(dim.x, dim.y);
-    this.camera3D.near = 0.1;
-    this.camera3D.far = this.camera3D.isOrthographicCamera ? 2000 : 2 * max;
-    this.camera3D.updateProjectionMatrix();
-    const tileLayer = new PlanarLayer('planar', extent, options.object3d, options);
-    this.mainLoop.gfxEngine.label2dRenderer.infoTileLayer = tileLayer.info;
-    this.addLayer(tileLayer);
-
-    // Configure camera
-    const placement = options.placement || {};
-    if (!placement.isExtent) {
-      placement.coord = placement.coord || extent.center();
-      placement.tilt = placement.tilt || 90;
-      placement.heading = placement.heading || 0;
-      placement.range = placement.range || max;
-    }
-    CameraUtils.transformCameraToLookAtTarget(this, this.camera3D, placement);
-    if (!options.noControls) {
-      this.controls = new PlanarControls(this, options.controls);
-    }
-    this.tileLayer = tileLayer;
-  }
-  addLayer(layer) {
-    return super.addLayer(layer, this.tileLayer);
-  }
-}
-export default PlanarView;

package/lib/Core/Prefab/TileBuilder.js

@@ -1,80 +0,0 @@
-import * as THREE from 'three';
-import TileGeometry from "../TileGeometry.js";
-import Cache from "../Scheduler/Cache.js";
-import computeBuffers from "./computeBufferTileGeometry.js";
-import OBB from "../../Renderer/OBB.js";
-const cacheBuffer = new Map();
-const cacheTile = new Cache();
-export default function newTileGeometry(builder, params) {
-  const {
-    sharableExtent,
-    quaternion,
-    position
-  } = builder.computeSharableExtent(params.extent);
-  const south = sharableExtent.south.toFixed(6);
-  const bufferKey = `${builder.crs}_${params.disableSkirt ? 0 : 1}_${params.segments}`;
-  let promiseGeometry = cacheTile.get(south, params.level, bufferKey);
-
-  // build geometry if doesn't exist
-  if (!promiseGeometry) {
-    let resolve;
-    promiseGeometry = new Promise(r => {
-      resolve = r;
-    });
-    cacheTile.set(promiseGeometry, south, params.level, bufferKey);
-    params.extent = sharableExtent;
-    params.center = builder.center(params.extent).clone();
-    // Read previously cached values (index and uv.wgs84 only depend on the # of triangles)
-    let cachedBuffers = cacheBuffer.get(bufferKey);
-    params.buildIndexAndUv_0 = !cachedBuffers;
-    params.builder = builder;
-    let buffers;
-    try {
-      buffers = computeBuffers(params);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-    if (!cachedBuffers) {
-      cachedBuffers = {};
-      cachedBuffers.index = new THREE.BufferAttribute(buffers.index, 1);
-      cachedBuffers.uv = new THREE.BufferAttribute(buffers.uvs[0], 2);
-
-      // Update cacheBuffer
-      cacheBuffer.set(bufferKey, cachedBuffers);
-    }
-    buffers.index = cachedBuffers.index;
-    buffers.uvs[0] = cachedBuffers.uv;
-    buffers.position = new THREE.BufferAttribute(buffers.position, 3);
-    buffers.normal = new THREE.BufferAttribute(buffers.normal, 3);
-    if (params.builder.uvCount > 1) {
-      buffers.uvs[1] = new THREE.BufferAttribute(buffers.uvs[1], 1);
-    }
-    const geometry = new TileGeometry(params, buffers);
-    geometry.OBB = new OBB(geometry.boundingBox.min, geometry.boundingBox.max);
-    geometry._count = 0;
-    geometry.dispose = () => {
-      geometry._count--;
-      if (geometry._count <= 0) {
-        // To avoid remove index buffer and attribute buffer uv
-        //  error un-bound buffer in webgl with VAO rendering.
-        // Could be removed if the attribute buffer deleting is
-        //  taken into account in the buffer binding state (in THREE.WebGLBindingStates code).
-        geometry.index = null;
-        delete geometry.attributes.uv;
-        THREE.BufferGeometry.prototype.dispose.call(geometry);
-        cacheTile.delete(south, params.level, bufferKey);
-      }
-    };
-    resolve(geometry);
-    return Promise.resolve({
-      geometry,
-      quaternion,
-      position
-    });
-  }
-  return promiseGeometry.then(geometry => ({
-    geometry,
-    quaternion,
-    position
-  }));
-}