itowns 2.44.3-next.8 → 2.45.0

package/lib/Renderer/RenderMode.js

@@ -1,31 +0,0 @@
-const MODES = {
-  FINAL: 0,
-  // final color
-  DEPTH: 1,
-  // depth buffer
-  ID: 2 // id object
-};
-function push(object3d, mode) {
-  const _mode = object3d.mode ?? MODES.FINAL;
-  if (_mode == mode) {
-    return () => {};
-  }
-  const setMode = m => node => {
-    const material = node.material;
-    if (material) {
-      material.mode = m;
-    }
-  };
-  object3d.traverse(setMode(mode));
-  return () => {
-    object3d.traverse(setMode(_mode));
-  };
-}
-
-// Rendering mode
-// According to the rendering mode, the material's object switches
-// the mode property of the materials
-export default {
-  MODES,
-  push
-};

package/lib/Renderer/Shader/ShaderChunk.js

@@ -1,160 +0,0 @@
-import * as THREE from 'three';
-/* babel-plugin-inline-import './Chunk/color_layers_pars_fragment.glsl' */
-const color_layers_pars_fragment = "struct Layer {\n    int textureOffset;\n    int crs;\n    int effect_type;\n    float effect_parameter;\n    float opacity;\n    bool transparent;\n};\n\n#include <itowns/custom_header_colorLayer>\n\nuniform sampler2D   colorTextures[NUM_FS_TEXTURES];\nuniform vec4        colorOffsetScales[NUM_FS_TEXTURES];\nuniform Layer       colorLayers[NUM_FS_TEXTURES];\nuniform int         colorTextureCount;\n\nvec3 uvs[NUM_CRS];\n\nfloat getBorderDistance(vec2 uv) {\n    vec2 p2 = min(uv, 1. -uv);\n    return min(p2.x, p2.y);\n}\n\nfloat tolerance = 0.99;\n\nvec4 applyWhiteToInvisibleEffect(vec4 color) {\n    float a = dot(color.rgb, vec3(0.333333333));\n    if (a >= tolerance) {\n        color.a = 0.0;\n    }\n    return color;\n}\n\nvec4 applyLightColorToInvisibleEffect(vec4 color, float intensity) {\n    float a = max(0.05,1. - length(color.xyz - 1.));\n    color.a *= 1.0 - pow(abs(a), intensity);\n    color.rgb *= color.rgb * color.rgb;\n    return color;\n}\n\n#if defined(DEBUG)\nuniform bool showOutline;\nuniform vec3 outlineColors[NUM_CRS];\nuniform float outlineWidth;\n\nvec4 getOutlineColor(vec3 outlineColor, vec2 uv) {\n    float alpha = 1. - clamp(getBorderDistance(uv) / outlineWidth, 0., 1.);\n    return vec4(outlineColor, alpha);\n}\n#endif\n\nuniform float minBorderDistance;\nvec4 getLayerColor(int textureOffset, sampler2D tex, vec4 offsetScale, Layer layer) {\n    if ( textureOffset >= colorTextureCount ) return vec4(0);\n\n    vec3 uv;\n    // #pragma unroll_loop\n    for ( int i = 0; i < NUM_CRS; i ++ ) {\n        if ( i == layer.crs ) uv = uvs[ i ];\n    }\n\n    float borderDistance = getBorderDistance(uv.xy);\n    if (textureOffset != layer.textureOffset + int(uv.z) || borderDistance < minBorderDistance ) return vec4(0);\n    vec4 color = texture2D(tex, pitUV(uv.xy, offsetScale));\n    if (layer.effect_type == 3) {\n        #include <itowns/custom_body_colorLayer>\n    } else {\n        if (layer.transparent && color.a != 0.0) {\n            color.rgb /= color.a;\n        }\n\n        if (layer.effect_type == 1) {\n            color = applyLightColorToInvisibleEffect(color, layer.effect_parameter);\n        } else if (layer.effect_type == 2) {\n            color = applyWhiteToInvisibleEffect(color);\n        }\n    }\n    color.a *= layer.opacity;\n    return color;\n}\n";
-/* babel-plugin-inline-import './Chunk/elevation_pars_vertex.glsl' */
-const elevation_pars_vertex = "#if NUM_VS_TEXTURES > 0\n    struct Layer {\n        float scale;\n        float bias;\n        int mode;\n        float zmin;\n        float zmax;\n    };\n\n    uniform Layer       elevationLayers[NUM_VS_TEXTURES];\n    uniform sampler2D   elevationTextures[NUM_VS_TEXTURES];\n    uniform vec4        elevationOffsetScales[NUM_VS_TEXTURES];\n    uniform int         elevationTextureCount;\n    uniform float       geoidHeight;\n\n    highp float decode32(highp vec4 rgba) {\n        highp float Sign = 1.0 - step(128.0,rgba[0])*2.0;\n        highp float Exponent = 2.0 * mod(rgba[0],128.0) + step(128.0,rgba[1]) - 127.0;\n        highp float Mantissa = mod(rgba[1],128.0)*65536.0 + rgba[2]*256.0 +rgba[3] + float(0x800000);\n        highp float Result =  Sign * exp2(Exponent) * (Mantissa * exp2(-23.0 ));\n        return Result;\n    }\n\n    float getElevationMode(vec2 uv, sampler2D tex, int mode) {\n        if (mode == ELEVATION_RGBA)\n            return decode32(texture2D( tex, uv ).abgr * 255.0);\n        if (mode == ELEVATION_DATA || mode == ELEVATION_COLOR)\n            return texture2D( tex, uv ).r;\n        return 0.;\n    }\n\n    float getElevation(vec2 uv, sampler2D tex, vec4 offsetScale, Layer layer) {\n        // Elevation textures are inverted along the y-axis\n        uv = vec2(uv.x, 1.0 - uv.y);\n        uv = uv * offsetScale.zw + offsetScale.xy;\n        float d = clamp(getElevationMode(uv, tex, layer.mode), layer.zmin, layer.zmax);\n        return d * layer.scale + layer.bias;\n    }\n#endif\n";
-/* babel-plugin-inline-import './Chunk/elevation_vertex.glsl' */
-const elevation_vertex = "#if NUM_VS_TEXTURES > 0\n    if(elevationTextureCount > 0) {\n        float elevation = getElevation(uv, elevationTextures[0], elevationOffsetScales[0], elevationLayers[0]);\n        transformed += elevation * normal;\n    }\n#endif\n";
-/* babel-plugin-inline-import './Chunk/geoid_vertex.glsl' */
-const geoid_vertex = "transformed += geoidHeight * normal;\n";
-/* babel-plugin-inline-import './Chunk/fog_fragment.glsl' */
-const fog_fragment = "#if defined(USE_FOG)\n    float fogFactor = 1. - min( exp(-vFogDepth / fogDistance), 1.);\n    gl_FragColor.rgb = mix(gl_FragColor.rgb, fogColor, fogFactor);\n#endif\n";
-/* babel-plugin-inline-import './Chunk/fog_pars_fragment.glsl' */
-const fog_pars_fragment = "#if defined(USE_FOG)\nuniform vec3  fogColor;\nuniform float fogDistance;\nvarying float vFogDepth;\n#endif\n";
-/* babel-plugin-inline-import './Chunk/lighting_fragment.glsl' */
-const lighting_fragment = "if (lightingEnabled) {\n    float light = min(2. * dot(vNormal, lightPosition), 1.);\n    gl_FragColor.rgb *= light;\n}\n";
-/* babel-plugin-inline-import './Chunk/lighting_pars_fragment.glsl' */
-const lighting_pars_fragment = "uniform bool lightingEnabled;\nuniform vec3 lightPosition;\nvarying vec3 vNormal;\n";
-/* babel-plugin-inline-import './Chunk/mode_pars_fragment.glsl' */
-const mode_pars_fragment = "#if MODE == MODE_ID || MODE == MODE_DEPTH\n#include <packing>\n#endif\n\n#if MODE == MODE_ID\nuniform int objectId;\n#endif\n";
-/* babel-plugin-inline-import './Chunk/mode_depth_fragment.glsl' */
-const mode_depth_fragment = "#if defined(USE_LOGDEPTHBUF)\ngl_FragColor = packDepthToRGBA(gl_FragDepthEXT);\n#else\nfloat fragCoordZ = 0.5 * vHighPrecisionZW[0] / vHighPrecisionZW[1] + 0.5;\ngl_FragColor = packDepthToRGBA(fragCoordZ);\n#endif\n";
-/* babel-plugin-inline-import './Chunk/mode_id_fragment.glsl' */
-const mode_id_fragment = "// 16777216.0 == 256.0 * 256.0 * 256.0\ngl_FragColor = packDepthToRGBA(float(objectId) / 16777216.0);\n";
-/* babel-plugin-inline-import './Chunk/overlay_fragment.glsl' */
-const overlay_fragment = "gl_FragColor.rgb = mix(gl_FragColor.rgb, overlayColor, overlayAlpha);\n";
-/* babel-plugin-inline-import './Chunk/overlay_pars_fragment.glsl' */
-const overlay_pars_fragment = "uniform vec3  overlayColor;\nuniform float overlayAlpha;\n";
-/* babel-plugin-inline-import './Chunk/pitUV.glsl' */
-const pitUV = "vec2 pitUV(vec2 uv, vec4 pit)\n{\n    return uv * pit.zw + vec2(pit.x, 1.0 - pit.w - pit.y);\n}\n\n";
-/* babel-plugin-inline-import './Chunk/precision_qualifier.glsl' */
-const precision_qualifier = "precision highp float;\nprecision highp int;\n";
-/* babel-plugin-inline-import './Chunk/projective_texturing_vertex.glsl' */
-const projective_texturing_vertex = "for(int i = 0; i < ORIENTED_IMAGES_COUNT; ++i)\n    projectiveTextureCoords[i] = projectiveTextureMatrix[i] * mvPosition;\n";
-/* babel-plugin-inline-import './Chunk/projective_texturing_pars_vertex.glsl' */
-const projective_texturing_pars_vertex = "uniform mat4 projectiveTextureMatrix[ORIENTED_IMAGES_COUNT];\nvarying vec4 projectiveTextureCoords[ORIENTED_IMAGES_COUNT];\n";
-/* babel-plugin-inline-import './Chunk/projective_texturing_pars_fragment.glsl' */
-const projective_texturing_pars_fragment = "uniform sampler2D projectiveTexture[ORIENTED_IMAGES_COUNT];\nuniform sampler2D mask[ORIENTED_IMAGES_COUNT];\nvarying vec4      projectiveTextureCoords[ORIENTED_IMAGES_COUNT];\nuniform float     projectiveTextureAlphaBorder;\nuniform float     opacity;\nuniform bool      boostLight;\n\nstruct Distortion {\n    vec2 size;\n#if USE_DISTORTION\n    vec2 pps;\n    vec4 polynom;\n    vec3 l1l2;\n#endif\n};\n\nuniform Distortion projectiveTextureDistortion[ORIENTED_IMAGES_COUNT];\n\nfloat getAlphaBorder(vec2 p)\n{\n    vec2 d = clamp(projectiveTextureAlphaBorder * min(p, 1. - p), 0., 1.);\n    return min(d.x, d.y);\n}\n\n#if USE_DISTORTION\nvoid distort(inout vec2 p, vec4 polynom, vec2 pps)\n{\n    vec2 v = p - pps;\n    float v2 = dot(v, v);\n    if (v2 > polynom.w) {\n        p = vec2(-1.);\n    }\n    else {\n        p += (v2 * (polynom.x + v2 * (polynom.y + v2 * polynom.z) ) ) * v;\n    }\n}\n\nvoid distort(inout vec2 p, vec4 polynom, vec3 l1l2, vec2 pps)\n{\n    if ((l1l2.x == 0.) && (l1l2.y == 0.)) {\n        distort(p, polynom, pps);\n    } else {\n        vec2 AB = (p - pps) / l1l2.z;\n        float R = length(AB);\n        float lambda = atan(R) / R;\n        vec2 ab = lambda * AB;\n        float rho2 = dot(ab, ab);\n        float r357 = 1. + rho2* (polynom.x + rho2* (polynom.y + rho2 * polynom.z));\n        p = pps + l1l2.z * (r357 * ab + vec2(dot(l1l2.xy, ab), l1l2.y * ab.x));\n    }\n}\n#endif\n\nvec4 mixBaseColor(vec4 aColor, vec4 baseColor) {\n    #ifdef USE_BASE_MATERIAL\n        baseColor.rgb = aColor.a == 1.0 ? aColor.rgb : mix(baseColor, aColor, aColor.a).rgb;\n        baseColor.a = min(1.0, aColor.a + baseColor.a);\n    #else\n        baseColor.rgb += aColor.rgb * aColor.a;\n        baseColor.a += aColor.a;\n    #endif\n    return baseColor;\n}\n\nvec4 projectiveTextureColor(vec4 coords, Distortion distortion, sampler2D tex, sampler2D mask, vec4 baseColor) {\n    vec3 p = coords.xyz / coords.w;\n    if(p.z * p.z < 1.) {\n#if USE_DISTORTION\n        p.xy *= distortion.size;\n        distort(p.xy, distortion.polynom, distortion.l1l2, distortion.pps);\n        p.xy /= distortion.size;\n#endif\n\n        float d = getAlphaBorder(p.xy) * texture2D(mask, p.xy).r;\n\n        if(d > 0.) {\n\n#if DEBUG_ALPHA_BORDER\n        vec3 r = texture2D(tex, p.xy).rgb;\n        return mixBaseColor(vec4( r.r * d, r.g, r.b, 1.0), baseColor);\n#else\n        vec4 color = texture2D(tex, p.xy);\n        color.a *= d;\n        if (boostLight) {\n            return mixBaseColor(vec4(sqrt(color.rgb), color.a), baseColor);\n        } else {\n            return mixBaseColor(color, baseColor);\n        }\n#endif\n\n        }\n    }\n    return mixBaseColor(vec4(0.), baseColor);\n}\n";
-const custom_header_colorLayer = '// no custom header';
-const custom_body_colorLayer = '// no custom body';
-const itownsShaderChunk = {
-  color_layers_pars_fragment,
-  custom_body_colorLayer,
-  custom_header_colorLayer,
-  elevation_pars_vertex,
-  elevation_vertex,
-  geoid_vertex,
-  fog_fragment,
-  fog_pars_fragment,
-  lighting_fragment,
-  lighting_pars_fragment,
-  mode_depth_fragment,
-  mode_id_fragment,
-  mode_pars_fragment,
-  overlay_fragment,
-  overlay_pars_fragment,
-  pitUV,
-  precision_qualifier,
-  projective_texturing_vertex,
-  projective_texturing_pars_vertex,
-  projective_texturing_pars_fragment
-};
-
-/**
- * The ShaderChunkManager manages the itowns chunks shader.
- * It adds chunks to THREE.ShaderChunk to compile shaders
- *
- * In itowns, if you want access to `ShaderChunkManager` instance :
- *
- * ```js
- * import ShaderChunk from 'Renderer/Shader/ShaderChunk';
- * ```
- * or
- * ```js
- * const ShaderChunk = itowns.ShaderChunk';
- * ```
- *
- * @property {Object} target - The target to install the chunks into.
- * @property {string} [path] - A path to add before a chunk name as a prefix.
- *
- */
-class ShaderChunkManager {
-  /**
-   * Constructs a new instance ShaderChunkManager.
-   *
-   * @constructor
-   *
-   * @param {Object} target - The target to install the chunks into.
-   * @param {string} [path] - A path to add before a chunk name as a prefix.
-   *
-   */
-  constructor(target, path) {
-    this.path = path;
-    this.target = target;
-    this.install();
-  }
-  /**
-   * Set the header ColorLayer shader.
-   *
-   * @param  {string}  header  The glsl header
-   */
-  customHeaderColorLayer(header) {
-    itownsShaderChunk.custom_header_colorLayer = header;
-    this.target[`${this.path}custom_header_colorLayer`] = header;
-  }
-
-  /**
-   * Set the body ColorLayer shader.
-   * You could define you color terrain shader, with a header and a body.
-   * the header defines yours fonctions and the body defines the process on ColorLayer.
-   * @example <caption>Custom shader chunk</caption>
-   *  itowns.ShaderChunk.customHeaderColorLayer(`
-   *  // define yours methods
-   *  vec4 myColor(vec4 color, float a) {
-   *      return color * a;
-   *  }
-   * `);
-   * itowns.ShaderChunk.customBodyColorLayer(`
-   *  // the body set final color layer.
-   *  // layer.amount_effect is variable, it could be change in Layer instance.
-   *  color = myColor(color, layer.amount_effect)
-   * `);
-   *
-   *  var colorLayer = new itowns.ColorLayer('OPENSM', {
-   *    source,
-   *    type_effect: itowns.colorLayerEffects.customEffect,
-   *    amount_effect: 0.5,
-   *  });
-   *
-   * @param  {string}  body  The glsl body
-   */
-  customBodyColorLayer(body) {
-    itownsShaderChunk.custom_body_colorLayer = body;
-    this.target[`${this.path}custom_body_colorLayer`] = body;
-  }
-  /**
-   * Install chunks in a target, for example THREE.ShaderChunk, with adding an
-   * optional path.
-   *
-   * @param {Object} target - The target to install the chunks into.
-   * @param {Object} chunks - The chunks to install. The key of each chunk will be
-   * the name of installation of the chunk in the target (plus an optional path).
-   * @param {string} [path] - A path to add before a chunk name as a prefix.
-   *
-   * @return {Object} The target with installed chunks.
-   */
-  install() {
-    let target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.target;
-    let chunks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : itownsShaderChunk;
-    let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.path;
-    Object.keys(chunks).forEach(key => {
-      Object.defineProperty(this, key, {
-        get: () => chunks[key]
-      });
-      target[path + key] = chunks[key];
-    });
-    return target;
-  }
-}
-const ShaderChunk = new ShaderChunkManager(THREE.ShaderChunk, 'itowns/');
-export default ShaderChunk;

package/lib/Renderer/Shader/ShaderUtils.js

@@ -1,47 +0,0 @@
-const pattern_gl_Position = 'gl_Position.*(?![^]*gl_Position)';
-const pattern_Main = '[^\\w]*main[^\\w]*(void)?[^\\w]*{';
-const rePosition = new RegExp(pattern_gl_Position);
-const reMain = new RegExp(pattern_Main);
-export default {
-  patchMaterialForLogDepthSupport(material) {
-    // Check if the shader does not already use the log depth buffer
-    if (material.vertexShader.includes('USE_LOGDEPTHBUF') || material.vertexShader.includes('logdepthbuf_pars_vertex')) {
-      return;
-    }
-
-    // Add vertex shader log depth buffer header
-    material.vertexShader = `#include <logdepthbuf_pars_vertex>\n#define EPSILON 1e-6\n${material.vertexShader}`;
-    // Add log depth buffer code snippet after last gl_Position modification
-    let re = rePosition.exec(material.vertexShader);
-    let idx = re[0].length + re.index;
-    material.vertexShader = `${material.vertexShader.slice(0, idx)}\n#include <logdepthbuf_vertex>\n${material.vertexShader.slice(idx)}`;
-
-    // Add fragment shader log depth buffer header
-    material.fragmentShader = `#include <itowns/precision_qualifier\n${material.fragmentShader}`;
-    material.fragmentShader = `#include <logdepthbuf_pars_fragment>\n${material.fragmentShader}`;
-    // Add log depth buffer code snippet at the first line of the main function
-    re = reMain.exec(material.fragmentShader);
-    idx = re[0].length + re.index;
-    material.fragmentShader = `${material.fragmentShader.slice(0, idx)}\n#include <logdepthbuf_fragment>\n${material.fragmentShader.slice(idx)}`;
-    material.defines = {
-      USE_LOGDEPTHBUF: 1,
-      USE_LOGDEPTHBUF_EXT: 1
-    };
-  },
-  // adapted from unrollLoops in WebGLProgram
-  unrollLoops(string, defines) {
-    // look for a for loop with an unroll_loop pragma
-    // The detection of the scope of the for loop is hacky as it does not support nested scopes
-
-    function replace(match, start, end, snippet) {
-      let unroll = '';
-      start = start in defines ? defines[start] : parseInt(start, 10);
-      end = end in defines ? defines[end] : parseInt(end, 10);
-      for (let i = start; i < end; i++) {
-        unroll += snippet.replace(/\bi\b/g, ` ${i} `);
-      }
-      return unroll;
-    }
-    return string.replace(/#pragma unroll_loop\s+for\s*\(\s*int\s+i\s*=\s*([\w\d]+);\s*i\s+<\s+([\w\d]+);\s*i\s*\+\+\s*\)\s*\{\n([^}]*)\}/g, replace);
-  }
-};

package/lib/Renderer/SphereHelper.js

@@ -1,23 +0,0 @@
-/*
- * To change this license header, choose License Headers in Project Properties.
- * To change this template file, choose Tools | Templates
- * and open the template in the editor.
- */
-
-import * as THREE from 'three';
-function SphereHelper(radius) {
-  THREE.Mesh.call(this);
-  this.geometry = new THREE.SphereGeometry(radius, 8, 8);
-  const color = new THREE.Color(Math.random(), Math.random(), Math.random());
-  this.material = new THREE.MeshBasicMaterial({
-    color: color.getHex(),
-    wireframe: true
-  });
-}
-SphereHelper.prototype = Object.create(THREE.Mesh.prototype);
-SphereHelper.prototype.constructor = SphereHelper;
-SphereHelper.prototype.update = function (radius) {
-  this.geometry.dispose();
-  this.geometry = new THREE.SphereGeometry(radius, 8, 8);
-};
-export default SphereHelper;

package/lib/Renderer/WebXR.js

@@ -1,51 +0,0 @@
-import * as THREE from 'three';
-async function shutdownXR(session) {
-  if (session) {
-    await session.end();
-  }
-}
-const initializeWebXR = (view, options) => {
-  const scale = options.scale || 1.0;
-  const xr = view.mainLoop.gfxEngine.renderer.xr;
-  xr.addEventListener('sessionstart', () => {
-    const camera = view.camera.camera3D;
-    const exitXRSession = event => {
-      if (event.key === 'Escape') {
-        document.removeEventListener('keydown', exitXRSession);
-        xr.enabled = false;
-        view.camera.camera3D = camera;
-        view.scene.scale.multiplyScalar(1 / scale);
-        view.scene.updateMatrixWorld();
-        shutdownXR(xr.getSession());
-        view.notifyChange(view.camera.camera3D, true);
-      }
-    };
-    view.scene.scale.multiplyScalar(scale);
-    view.scene.updateMatrixWorld();
-    xr.enabled = true;
-    xr.getReferenceSpace('local');
-    const position = view.camera.position();
-    const geodesicNormal = new THREE.Quaternion().setFromUnitVectors(new THREE.Vector3(0, 0, 1), position.geodesicNormal).invert();
-    const quat = new THREE.Quaternion(-1, 0, 0, 1).normalize().multiply(geodesicNormal);
-    const trans = camera.position.clone().multiplyScalar(-scale).applyQuaternion(quat);
-    const transform = new XRRigidTransform(trans, quat);
-    const baseReferenceSpace = xr.getReferenceSpace();
-    const teleportSpaceOffset = baseReferenceSpace.getOffsetReferenceSpace(transform);
-    xr.setReferenceSpace(teleportSpaceOffset);
-    view.camera.camera3D = xr.getCamera();
-    view.camera.resize(view.camera.width, view.camera.height);
-    document.addEventListener('keydown', exitXRSession, false);
-
-    // TODO Fix asynchronization between xr and MainLoop render loops.
-    // (see MainLoop#scheduleViewUpdate).
-    xr.setAnimationLoop(timestamp => {
-      if (xr.isPresenting && view.camera.camera3D.cameras[0]) {
-        view.camera.camera3D.updateMatrix();
-        view.camera.camera3D.updateMatrixWorld(true);
-        view.notifyChange(view.camera.camera3D, true);
-      }
-      view.mainLoop.step(view, timestamp);
-    });
-  });
-};
-export default initializeWebXR;

package/lib/Renderer/c3DEngine.js

@@ -1,214 +0,0 @@
-/**
- * Generated On: 2015-10-5
- * Class: c3DEngine
- * Description: 3DEngine est l'interface avec le framework webGL.
- */
-
-import * as THREE from 'three';
-import Capabilities from "../Core/System/Capabilities.js";
-import { unpack1K } from "./LayeredMaterial.js";
-import WEBGL from "../ThreeExtended/capabilities/WebGL.js";
-import Label2DRenderer from "./Label2DRenderer.js";
-import { deprecatedC3DEngineWebGLOptions } from "../Core/Deprecated/Undeprecator.js";
-const depthRGBA = new THREE.Vector4();
-class c3DEngine {
-  constructor(rendererOrDiv) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    deprecatedC3DEngineWebGLOptions(options);
-
-    // pick sensible default options
-    if (options.antialias === undefined) {
-      options.antialias = true;
-    }
-    if (options.alpha === undefined) {
-      options.alpha = true;
-    }
-    if (options.logarithmicDepthBuffer === undefined) {
-      options.logarithmicDepthBuffer = true;
-    }
-
-    // If rendererOrDiv parameter is a domElement, we use it as support to display data.
-    // If it is a renderer, we check the renderer.domElement parameter which can be :
-    //    - a domElement, in this case we use this domElement as a support
-    //    - a canvas, in this case we use the canvas parent (which should be a domElement) as a support
-    let renderer;
-    let viewerDiv;
-    if (rendererOrDiv.domElement) {
-      renderer = rendererOrDiv;
-      viewerDiv = renderer.domElement instanceof HTMLDivElement ? renderer.domElement : renderer.domElement.parentElement;
-    } else {
-      viewerDiv = rendererOrDiv;
-    }
-    this.width = viewerDiv.clientWidth;
-    this.height = viewerDiv.clientHeight;
-    this.positionBuffer = null;
-    this._nextThreejsLayer = 1;
-    this.fullSizeRenderTarget = new THREE.WebGLRenderTarget(this.width, this.height);
-    this.fullSizeRenderTarget.texture.minFilter = THREE.LinearFilter;
-    this.fullSizeRenderTarget.texture.magFilter = THREE.NearestFilter;
-    this.fullSizeRenderTarget.depthBuffer = true;
-    this.fullSizeRenderTarget.depthTexture = new THREE.DepthTexture();
-    this.fullSizeRenderTarget.depthTexture.type = THREE.UnsignedShortType;
-    this.renderView = function (view) {
-      this.renderer.clear();
-      this.renderer.render(view.scene, view.camera3D);
-      if (view.tileLayer) {
-        this.label2dRenderer.render(view.tileLayer.object3d, view.camera3D);
-      }
-    }.bind(this);
-
-    /**
-     * @type {function}
-     * @param {number} w
-     * @param {number} h
-     */
-    this.onWindowResize = function (w, h) {
-      this.width = w;
-      this.height = h;
-      this.fullSizeRenderTarget.setSize(this.width, this.height);
-      this.renderer.setSize(this.width, this.height);
-      this.label2dRenderer.setSize(this.width, this.height);
-    }.bind(this);
-
-    // Create renderer
-    try {
-      this.label2dRenderer = new Label2DRenderer();
-      this.label2dRenderer.setSize(this.width, this.height);
-      viewerDiv.appendChild(this.label2dRenderer.domElement);
-      this.renderer = renderer || new THREE.WebGLRenderer({
-        canvas: document.createElement('canvas'),
-        antialias: options.antialias,
-        alpha: options.alpha,
-        logarithmicDepthBuffer: options.logarithmicDepthBuffer
-      });
-      this.renderer.domElement.style.position = 'relative';
-      this.renderer.domElement.style.zIndex = 0;
-      this.renderer.domElement.style.top = 0;
-    } catch (ex) {
-      if (!WEBGL.isWebGL2Available()) {
-        viewerDiv.appendChild(WEBGL.getErrorMessage(2));
-      }
-      throw ex;
-    }
-
-    // Let's allow our canvas to take focus
-    // The condition below looks weird, but it's correct: querying tabIndex
-    // returns -1 if not set, but we still need to explicitly set it to force
-    // the tabindex focus flag to true (see
-    // https://www.w3.org/TR/html5/editing.html#specially-focusable)
-    if (this.renderer.domElement.tabIndex === -1) {
-      this.renderer.domElement.tabIndex = -1;
-    }
-    Capabilities.updateCapabilities(this.renderer);
-    this.renderer.setClearColor(0x030508);
-    this.renderer.autoClear = false;
-    this.renderer.sortObjects = true;
-    this.renderer.debug.checkShaderErrors = false;
-    if (!renderer) {
-      this.renderer.setPixelRatio(viewerDiv.devicePixelRatio);
-      this.renderer.setSize(viewerDiv.clientWidth, viewerDiv.clientHeight);
-      viewerDiv.appendChild(this.renderer.domElement);
-    }
-  }
-  getWindowSize() {
-    return new THREE.Vector2(this.width, this.height);
-  }
-
-  /**
-   * return renderer THREE.js
-   * @returns {THREE.WebGLRenderer}
-   */
-  getRenderer() {
-    return this.renderer;
-  }
-
-  /**
-   * Render view to a Uint8Array.
-   *
-   * @param {View} view - The view to render
-   * @param {object} [zone] - partial zone to render
-   * @param {number} zone.x - x (in view coordinate)
-   * @param {number} zone.y - y (in view coordinate)
-   * @param {number} zone.width - width of area to render (in pixels)
-   * @param {number} zone.height - height of area to render (in pixels)
-   * @return {THREE.RenderTarget} - Uint8Array, 4 bytes per pixel. The first pixel in
-   * the array is the bottom-left pixel.
-   */
-  renderViewToBuffer(view, zone) {
-    if (!zone) {
-      zone = {
-        x: 0,
-        y: 0,
-        width: this.width,
-        height: this.height
-      };
-    }
-    zone.buffer = zone.buffer || new Uint8Array(4 * zone.width * zone.height);
-    this.renderViewToRenderTarget(view, this.fullSizeRenderTarget, zone);
-    this.renderer.readRenderTargetPixels(this.fullSizeRenderTarget, zone.x, this.height - (zone.y + zone.height), zone.width, zone.height, zone.buffer);
-    return zone.buffer;
-  }
-
-  /**
-   * Render view to a THREE.RenderTarget.
-   *
-   * @param {View} view - The view to render
-   * @param {THREE.RenderTarget} [target] - destination render target. Default value: full size render target owned by c3DEngine.
-   * @param {object} [zone] - partial zone to render (zone x/y uses view coordinates) Note: target must contain complete zone
-   * @return {THREE.RenderTarget} - the destination render target
-   */
-  renderViewToRenderTarget(view, target, zone) {
-    if (!target) {
-      target = this.fullSizeRenderTarget;
-    }
-    const current = this.renderer.getRenderTarget();
-
-    // Don't use setViewport / setScissor on renderer because they would affect
-    // on screen rendering as well. Instead set them on the render target.
-    // Example : this.fullSizeRenderTarget.viewport.set(0, 0, target.width, target.height);
-    if (zone) {
-      this.fullSizeRenderTarget.scissor.set(zone.x, target.height - (zone.y + zone.height), zone.width, zone.height);
-      this.fullSizeRenderTarget.scissorTest = true;
-    }
-    this.renderer.setRenderTarget(target);
-    this.renderer.clear(true, true, false);
-    this.renderer.render(view.scene, view.camera.camera3D);
-    this.renderer.setRenderTarget(current);
-    this.fullSizeRenderTarget.scissorTest = false;
-    return target;
-  }
-  bufferToImage(pixelBuffer, width, height) {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d', {
-      willReadFrequently: true
-    });
-
-    // size the canvas to your desired image
-    canvas.width = width;
-    canvas.height = height;
-    const imgData = ctx.getImageData(0, 0, width, height);
-    imgData.data.set(pixelBuffer);
-    ctx.putImageData(imgData, 0, 0);
-
-    // create a new img object
-    const image = new Image();
-
-    // set the img.src to the canvas data url
-    image.src = canvas.toDataURL();
-    return image;
-  }
-  depthBufferRGBAValueToOrthoZ(depthBufferRGBA, camera) {
-    depthRGBA.fromArray(depthBufferRGBA).divideScalar(255.0);
-    if (Capabilities.isLogDepthBufferSupported() && camera.type == 'PerspectiveCamera') {
-      const gl_FragDepthEXT = unpack1K(depthRGBA);
-      const logDepthBufFC = 2.0 / (Math.log(camera.far + 1.0) / Math.LN2);
-      // invert function : gl_FragDepthEXT = log2(vFragDepth) * logDepthBufFC * 0.5;
-      return 2 ** (2 * gl_FragDepthEXT / logDepthBufFC);
-    } else {
-      let gl_FragCoord_Z = unpack1K(depthRGBA);
-      gl_FragCoord_Z = gl_FragCoord_Z * 2.0 - 1.0;
-      return gl_FragCoord_Z;
-    }
-  }
-}
-export default c3DEngine;

package/lib/Source/C3DTilesGoogleSource.js

@@ -1,74 +0,0 @@
-import Fetcher from "../Provider/Fetcher.js";
-import C3DTilesSource from "./C3DTilesSource.js";
-function findSessionId(tile) {
-  if (!tile) {
-    return null;
-  }
-  if (tile.content && tile.content.uri) {
-    const searchParams = new URLSearchParams(tile.content.uri.slice(tile.content.uri.indexOf('?') + 1));
-    return searchParams.get('session');
-  } else if (tile.children && tile.children.length > 0) {
-    for (const c of tile.children) {
-      const sessionId = findSessionId(c);
-      if (sessionId) {
-        return sessionId;
-      }
-    }
-  }
-  return null;
-}
-
-/**
- * An object defining the source connection to a 3DTiles asset from a [Google api](https://tile.googleapis.com).
- *
- * @extends C3DTilesSource
- *
- * @property {boolean} isC3DTilesGoogleSource - Used to checkout whether this source is a C3DTilesGoogleSource. Default is
- * true. You should not change this, as it is used internally for optimisation.
- * @property {string} url - The URL to the tileset json.
- * @property {string} baseUrl - The base URL to access tiles.
- */
-class C3DTilesGoogleSource extends C3DTilesSource {
-  /**
-   * Create a new Source for 3D Tiles data from Google api (experimental).
-   *
-   * @extends C3DTilesSource
-   *
-   * @property {boolean} isC3DTilesGoogleSource - Used to checkout whether this source is a C3DTilesGoogleSource. Default is
-   * true. You should not change this, as it is used internally for optimisation.
-   * @param {Object} source An object that can contain all properties of a C3DTilesGoogleSource and {@link Source}.
-   * @param {String} source.key Your google tiles map API access key
-   */
-  constructor(source) {
-    if (!source.key) {
-      throw new Error('[C3DTilesGoogleSource]: A API key for the google map tiles API is required');
-    }
-    // URL to the root tileset
-    source.url = `https://tile.googleapis.com/v1/3dtiles/root.json?key=${source.key}`;
-    super(source);
-    this.isC3DTilesGoogleSource = true;
-    this.baseUrl = 'https://tile.googleapis.com';
-    this.key = source.key;
-    this.whenReady = Fetcher.json(source.url, this.networkOptions).then(json => {
-      if (json && json.root) {
-        this.sessionId = findSessionId(json.root);
-        if (this.sessionId === null) {
-          throw new Error('[C3DTilesGoogleSource]: Cannot find sessionId from the tileset while it is mandatory to request tiles.');
-        }
-      }
-      return json;
-    });
-  }
-
-  /**
-   * Adds the key and session to the tile url (non-standard behaviour, that is specific to Google 3D tiles),
-   * see https://github.com/CesiumGS/3d-tiles/issues/746
-   * @param {String} url the tile url
-   * @returns {String} the tile url with Google map tiles api key and session parameters added at the end of the url
-   */
-  getTileUrl(url) {
-    const extraParameters = `key=${this.key}&session=${this.sessionId}`;
-    return /\?/.test(url) ? `${url}&${extraParameters}` : `${url}?${extraParameters}`;
-  }
-}
-export default C3DTilesGoogleSource;

package/lib/Source/C3DTilesIonSource.js

@@ -1,54 +0,0 @@
-import Fetcher from "../Provider/Fetcher.js";
-import C3DTilesSource from "./C3DTilesSource.js";
-
-/**
- * An object defining the source connection to a 3DTiles asset of a [Cesium ion server](https://cesium.com/learn/ion/).
- *
- * @extends Source
- *
- * @property {boolean} isC3DTilesIonSource - Used to checkout whether this source is a C3DTilesIonSource. Default is
- * true. You should not change this, as it is used internally for optimisation.
- * @property {string} url - The URL of the tileset json.
- * @property {string} baseUrl - The base URL to access tiles.
- * @property {string} accessToken - The Cesium ion access token used to retrieve the resource.
- * @property {string} assetId - The id of the asset on Cesium ion.
- */
-class C3DTilesIonSource extends C3DTilesSource {
-  /**
-   * Create a new Source for 3D Tiles data from Cesium ion.
-   *
-   * @extends Source
-   *
-   * @param {Object} source An object that can contain all properties of a C3DTilesIonSource and {@link Source}.
-   * Only `accessToken` and `assetId` are mandatory.
-   */
-  constructor(source) {
-    if (!source.accessToken) {
-      throw new Error('New 3D Tiles Ion Source: access token is required');
-    }
-    if (!source.assetId) {
-      throw new Error('New 3D Tiles Ion Source: asset id is required');
-    }
-
-    // Url to query cesium ion the first time to retrieve metadata of the asset with assetId
-    source.url = `https://api.cesium.com/v1/assets/${source.assetId}/endpoint?access_token=${source.accessToken}`;
-    super(source);
-    this.isC3DTilesIonSource = true;
-    this.accessToken = source.accessToken;
-    this.assetId = source.assetId;
-
-    // get asset metadata
-    this.whenReady = Fetcher.json(source.url, this.networkOptions).then(json => {
-      if (json.type !== '3DTILES') {
-        throw new Error(`${json.type} datasets from Cesium ion are not supported with C3DTilesIonSource. ` + 'Only 3D Tiles datasets are supported.');
-      }
-      this.url = json.url; // Store url to the tileset.json
-      this.baseUrl = json.url.slice(0, json.url.lastIndexOf('/') + 1); // baseUrl for tiles queries
-      this.networkOptions.headers = {};
-      this.networkOptions.headers.Authorization = `Bearer ${json.accessToken}`;
-      this.attribution = json.attributions;
-      return Fetcher.json(this.url, this.networkOptions);
-    });
-  }
-}
-export default C3DTilesIonSource;