three-stdlib 2.22.7 → 2.22.8

package/dist/utils/GeometryUtils.mjs

@@ -0,0 +1,109 @@
+import { Vector3 } from "three";
+const hilbert2D = (center = new Vector3(0, 0, 0), size = 10, iterations = 1, v0 = 0, v1 = 1, v2 = 2, v3 = 3) => {
+  const half = size / 2;
+  const vec_s = [
+    new Vector3(center.x - half, center.y, center.z - half),
+    new Vector3(center.x - half, center.y, center.z + half),
+    new Vector3(center.x + half, center.y, center.z + half),
+    new Vector3(center.x + half, center.y, center.z - half)
+  ];
+  const vec = [vec_s[v0], vec_s[v1], vec_s[v2], vec_s[v3]];
+  if (0 <= --iterations) {
+    const tmp = [];
+    Array.prototype.push.apply(tmp, hilbert2D(vec[0], half, iterations, v0, v3, v2, v1));
+    Array.prototype.push.apply(tmp, hilbert2D(vec[1], half, iterations, v0, v1, v2, v3));
+    Array.prototype.push.apply(tmp, hilbert2D(vec[2], half, iterations, v0, v1, v2, v3));
+    Array.prototype.push.apply(tmp, hilbert2D(vec[3], half, iterations, v2, v1, v0, v3));
+    return tmp;
+  }
+  return vec;
+};
+const hilbert3D = (center = new Vector3(0, 0, 0), size = 10, iterations = 1, v0 = 0, v1 = 1, v2 = 2, v3 = 3, v4 = 4, v5 = 5, v6 = 6, v7 = 7) => {
+  const half = size / 2;
+  const vec_s = [
+    new Vector3(center.x - half, center.y + half, center.z - half),
+    new Vector3(center.x - half, center.y + half, center.z + half),
+    new Vector3(center.x - half, center.y - half, center.z + half),
+    new Vector3(center.x - half, center.y - half, center.z - half),
+    new Vector3(center.x + half, center.y - half, center.z - half),
+    new Vector3(center.x + half, center.y - half, center.z + half),
+    new Vector3(center.x + half, center.y + half, center.z + half),
+    new Vector3(center.x + half, center.y + half, center.z - half)
+  ];
+  const vec = [vec_s[v0], vec_s[v1], vec_s[v2], vec_s[v3], vec_s[v4], vec_s[v5], vec_s[v6], vec_s[v7]];
+  if (--iterations >= 0) {
+    const tmp = [];
+    Array.prototype.push.apply(tmp, hilbert3D(vec[0], half, iterations, v0, v3, v4, v7, v6, v5, v2, v1));
+    Array.prototype.push.apply(tmp, hilbert3D(vec[1], half, iterations, v0, v7, v6, v1, v2, v5, v4, v3));
+    Array.prototype.push.apply(tmp, hilbert3D(vec[2], half, iterations, v0, v7, v6, v1, v2, v5, v4, v3));
+    Array.prototype.push.apply(tmp, hilbert3D(vec[3], half, iterations, v2, v3, v0, v1, v6, v7, v4, v5));
+    Array.prototype.push.apply(tmp, hilbert3D(vec[4], half, iterations, v2, v3, v0, v1, v6, v7, v4, v5));
+    Array.prototype.push.apply(tmp, hilbert3D(vec[5], half, iterations, v4, v3, v2, v5, v6, v1, v0, v7));
+    Array.prototype.push.apply(tmp, hilbert3D(vec[6], half, iterations, v4, v3, v2, v5, v6, v1, v0, v7));
+    Array.prototype.push.apply(tmp, hilbert3D(vec[7], half, iterations, v6, v5, v2, v1, v0, v3, v4, v7));
+    return tmp;
+  }
+  return vec;
+};
+const gosper = (size = 1) => {
+  function fractalize(config) {
+    let output = "";
+    let input = config.axiom;
+    for (let i = 0, il = config.steps; 0 <= il ? i < il : i > il; 0 <= il ? i++ : i--) {
+      output = "";
+      for (let j = 0, jl = input.length; j < jl; j++) {
+        const char = input[j];
+        if (char in config.rules) {
+          output += config.rules[char];
+        } else {
+          output += char;
+        }
+      }
+      input = output;
+    }
+    return output;
+  }
+  function toPoints(config) {
+    let currX = 0;
+    let currY = 0;
+    let angle = 0;
+    const path = [0, 0, 0];
+    const fractal = config.fractal;
+    for (let i = 0, l = fractal.length; i < l; i++) {
+      const char = fractal[i];
+      if (char === "+") {
+        angle += config.angle;
+      } else if (char === "-") {
+        angle -= config.angle;
+      } else if (char === "F") {
+        currX += config.size * Math.cos(angle);
+        currY += -config.size * Math.sin(angle);
+        path.push(currX, currY, 0);
+      }
+    }
+    return path;
+  }
+  const gosper2 = fractalize({
+    axiom: "A",
+    steps: 4,
+    rules: {
+      A: "A+BF++BF-FA--FAFA-BF+",
+      B: "-FA+BFBF++BF+FA--FA-B"
+    }
+  });
+  const points = toPoints({
+    fractal: gosper2,
+    size,
+    angle: Math.PI / 3
+    // 60 degrees
+  });
+  return points;
+};
+const GeometryUtils = {
+  hilbert3D,
+  gosper,
+  hilbert2D
+};
+export {
+  GeometryUtils
+};

package/dist/utils/LDrawUtils.d.ts

@@ -0,0 +1,5 @@
+import { Group, Object3D } from 'three'
+
+export namespace LDrawUtils {
+  function mergeObject(object: Object3D): Group
+}

package/dist/utils/RoughnessMipmapper.js

@@ -0,0 +1,219 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const THREE = require("three");
+var _mipmapMaterial = _getMipmapMaterial();
+var _mesh = new THREE.Mesh(new THREE.PlaneGeometry(2, 2), _mipmapMaterial);
+var _flatCamera = new THREE.OrthographicCamera(0, 1, 0, 1, 0, 1);
+var _tempTarget = null;
+var _renderer = null;
+function RoughnessMipmapper(renderer) {
+  _renderer = renderer;
+  _renderer.compile(_mesh, _flatCamera);
+}
+RoughnessMipmapper.prototype = {
+  constructor: RoughnessMipmapper,
+  generateMipmaps: function(material) {
+    if ("roughnessMap" in material === false)
+      return;
+    var { roughnessMap, normalMap } = material;
+    if (roughnessMap === null || normalMap === null || !roughnessMap.generateMipmaps || material.userData.roughnessUpdated) {
+      return;
+    }
+    material.userData.roughnessUpdated = true;
+    var width = Math.max(roughnessMap.image.width, normalMap.image.width);
+    var height = Math.max(roughnessMap.image.height, normalMap.image.height);
+    if (!THREE.MathUtils.isPowerOfTwo(width) || !THREE.MathUtils.isPowerOfTwo(height))
+      return;
+    var oldTarget = _renderer.getRenderTarget();
+    var autoClear = _renderer.autoClear;
+    _renderer.autoClear = false;
+    if (_tempTarget === null || _tempTarget.width !== width || _tempTarget.height !== height) {
+      if (_tempTarget !== null)
+        _tempTarget.dispose();
+      _tempTarget = new THREE.WebGLRenderTarget(width, height, {
+        depthBuffer: false
+      });
+      _tempTarget.scissorTest = true;
+    }
+    if (width !== roughnessMap.image.width || height !== roughnessMap.image.height) {
+      var params = {
+        wrapS: roughnessMap.wrapS,
+        wrapT: roughnessMap.wrapT,
+        magFilter: roughnessMap.magFilter,
+        minFilter: roughnessMap.minFilter,
+        depthBuffer: false
+      };
+      var newRoughnessTarget = new THREE.WebGLRenderTarget(width, height, params);
+      newRoughnessTarget.texture.generateMipmaps = true;
+      _renderer.setRenderTarget(newRoughnessTarget);
+      material.roughnessMap = newRoughnessTarget.texture;
+      if (material.metalnessMap == roughnessMap)
+        material.metalnessMap = material.roughnessMap;
+      if (material.aoMap == roughnessMap)
+        material.aoMap = material.roughnessMap;
+    }
+    _mipmapMaterial.uniforms.roughnessMap.value = roughnessMap;
+    _mipmapMaterial.uniforms.normalMap.value = normalMap;
+    var position = new THREE.Vector2(0, 0);
+    var texelSize = _mipmapMaterial.uniforms.texelSize.value;
+    for (let mip = 0; width >= 1 && height >= 1; ++mip, width /= 2, height /= 2) {
+      texelSize.set(1 / width, 1 / height);
+      if (mip == 0)
+        texelSize.set(0, 0);
+      _tempTarget.viewport.set(position.x, position.y, width, height);
+      _tempTarget.scissor.set(position.x, position.y, width, height);
+      _renderer.setRenderTarget(_tempTarget);
+      _renderer.render(_mesh, _flatCamera);
+      _renderer.copyFramebufferToTexture(position, material.roughnessMap, mip);
+      _mipmapMaterial.uniforms.roughnessMap.value = material.roughnessMap;
+    }
+    if (roughnessMap !== material.roughnessMap)
+      roughnessMap.dispose();
+    _renderer.setRenderTarget(oldTarget);
+    _renderer.autoClear = autoClear;
+  },
+  dispose: function() {
+    _mipmapMaterial.dispose();
+    _mesh.geometry.dispose();
+    if (_tempTarget != null)
+      _tempTarget.dispose();
+  }
+};
+function _getMipmapMaterial() {
+  var shaderMaterial = new THREE.RawShaderMaterial({
+    uniforms: {
+      roughnessMap: { value: null },
+      normalMap: { value: null },
+      texelSize: { value: new THREE.Vector2(1, 1) }
+    },
+    vertexShader: (
+      /* glsl */
+      `
+			precision mediump float;
+			precision mediump int;
+
+			attribute vec3 position;
+			attribute vec2 uv;
+
+			varying vec2 vUv;
+
+			void main() {
+
+				vUv = uv;
+
+				gl_Position = vec4( position, 1.0 );
+
+			}
+		`
+    ),
+    fragmentShader: (
+      /* glsl */
+      `
+			precision mediump float;
+			precision mediump int;
+
+			varying vec2 vUv;
+
+			uniform sampler2D roughnessMap;
+			uniform sampler2D normalMap;
+			uniform vec2 texelSize;
+
+			#define ENVMAP_TYPE_CUBE_UV
+
+			vec4 envMapTexelToLinear( vec4 a ) { return a; }
+
+			#include <cube_uv_reflection_fragment>
+
+			float roughnessToVariance( float roughness ) {
+
+				float variance = 0.0;
+
+				if ( roughness >= r1 ) {
+
+					variance = ( r0 - roughness ) * ( v1 - v0 ) / ( r0 - r1 ) + v0;
+
+				} else if ( roughness >= r4 ) {
+
+					variance = ( r1 - roughness ) * ( v4 - v1 ) / ( r1 - r4 ) + v1;
+
+				} else if ( roughness >= r5 ) {
+
+					variance = ( r4 - roughness ) * ( v5 - v4 ) / ( r4 - r5 ) + v4;
+
+				} else {
+
+					float roughness2 = roughness * roughness;
+
+					variance = 1.79 * roughness2 * roughness2;
+
+				}
+
+				return variance;
+
+			}
+
+			float varianceToRoughness( float variance ) {
+
+				float roughness = 0.0;
+
+				if ( variance >= v1 ) {
+
+					roughness = ( v0 - variance ) * ( r1 - r0 ) / ( v0 - v1 ) + r0;
+
+				} else if ( variance >= v4 ) {
+
+					roughness = ( v1 - variance ) * ( r4 - r1 ) / ( v1 - v4 ) + r1;
+
+				} else if ( variance >= v5 ) {
+
+					roughness = ( v4 - variance ) * ( r5 - r4 ) / ( v4 - v5 ) + r4;
+
+				} else {
+
+					roughness = pow( 0.559 * variance, 0.25 ); // 0.559 = 1.0 / 1.79
+
+				}
+
+				return roughness;
+
+			}
+
+			void main() {
+
+				gl_FragColor = texture2D( roughnessMap, vUv, - 1.0 );
+
+				if ( texelSize.x == 0.0 ) return;
+
+				float roughness = gl_FragColor.g;
+
+				float variance = roughnessToVariance( roughness );
+
+				vec3 avgNormal;
+
+				for ( float x = - 1.0; x < 2.0; x += 2.0 ) {
+
+					for ( float y = - 1.0; y < 2.0; y += 2.0 ) {
+
+						vec2 uv = vUv + vec2( x, y ) * 0.25 * texelSize;
+
+						avgNormal += normalize( texture2D( normalMap, uv, - 1.0 ).xyz - 0.5 );
+
+					}
+
+				}
+
+				variance += 1.0 - 0.25 * length( avgNormal );
+
+				gl_FragColor.g = varianceToRoughness( variance );
+
+			}
+		`
+    ),
+    blending: THREE.NoBlending,
+    depthTest: false,
+    depthWrite: false
+  });
+  shaderMaterial.type = "RoughnessMipmapper";
+  return shaderMaterial;
+}
+exports.RoughnessMipmapper = RoughnessMipmapper;

package/dist/utils/RoughnessMipmapper.mjs

@@ -0,0 +1,219 @@
+import { Mesh, PlaneGeometry, OrthographicCamera, MathUtils, WebGLRenderTarget, Vector2, RawShaderMaterial, NoBlending } from "three";
+var _mipmapMaterial = _getMipmapMaterial();
+var _mesh = new Mesh(new PlaneGeometry(2, 2), _mipmapMaterial);
+var _flatCamera = new OrthographicCamera(0, 1, 0, 1, 0, 1);
+var _tempTarget = null;
+var _renderer = null;
+function RoughnessMipmapper(renderer) {
+  _renderer = renderer;
+  _renderer.compile(_mesh, _flatCamera);
+}
+RoughnessMipmapper.prototype = {
+  constructor: RoughnessMipmapper,
+  generateMipmaps: function(material) {
+    if ("roughnessMap" in material === false)
+      return;
+    var { roughnessMap, normalMap } = material;
+    if (roughnessMap === null || normalMap === null || !roughnessMap.generateMipmaps || material.userData.roughnessUpdated) {
+      return;
+    }
+    material.userData.roughnessUpdated = true;
+    var width = Math.max(roughnessMap.image.width, normalMap.image.width);
+    var height = Math.max(roughnessMap.image.height, normalMap.image.height);
+    if (!MathUtils.isPowerOfTwo(width) || !MathUtils.isPowerOfTwo(height))
+      return;
+    var oldTarget = _renderer.getRenderTarget();
+    var autoClear = _renderer.autoClear;
+    _renderer.autoClear = false;
+    if (_tempTarget === null || _tempTarget.width !== width || _tempTarget.height !== height) {
+      if (_tempTarget !== null)
+        _tempTarget.dispose();
+      _tempTarget = new WebGLRenderTarget(width, height, {
+        depthBuffer: false
+      });
+      _tempTarget.scissorTest = true;
+    }
+    if (width !== roughnessMap.image.width || height !== roughnessMap.image.height) {
+      var params = {
+        wrapS: roughnessMap.wrapS,
+        wrapT: roughnessMap.wrapT,
+        magFilter: roughnessMap.magFilter,
+        minFilter: roughnessMap.minFilter,
+        depthBuffer: false
+      };
+      var newRoughnessTarget = new WebGLRenderTarget(width, height, params);
+      newRoughnessTarget.texture.generateMipmaps = true;
+      _renderer.setRenderTarget(newRoughnessTarget);
+      material.roughnessMap = newRoughnessTarget.texture;
+      if (material.metalnessMap == roughnessMap)
+        material.metalnessMap = material.roughnessMap;
+      if (material.aoMap == roughnessMap)
+        material.aoMap = material.roughnessMap;
+    }
+    _mipmapMaterial.uniforms.roughnessMap.value = roughnessMap;
+    _mipmapMaterial.uniforms.normalMap.value = normalMap;
+    var position = new Vector2(0, 0);
+    var texelSize = _mipmapMaterial.uniforms.texelSize.value;
+    for (let mip = 0; width >= 1 && height >= 1; ++mip, width /= 2, height /= 2) {
+      texelSize.set(1 / width, 1 / height);
+      if (mip == 0)
+        texelSize.set(0, 0);
+      _tempTarget.viewport.set(position.x, position.y, width, height);
+      _tempTarget.scissor.set(position.x, position.y, width, height);
+      _renderer.setRenderTarget(_tempTarget);
+      _renderer.render(_mesh, _flatCamera);
+      _renderer.copyFramebufferToTexture(position, material.roughnessMap, mip);
+      _mipmapMaterial.uniforms.roughnessMap.value = material.roughnessMap;
+    }
+    if (roughnessMap !== material.roughnessMap)
+      roughnessMap.dispose();
+    _renderer.setRenderTarget(oldTarget);
+    _renderer.autoClear = autoClear;
+  },
+  dispose: function() {
+    _mipmapMaterial.dispose();
+    _mesh.geometry.dispose();
+    if (_tempTarget != null)
+      _tempTarget.dispose();
+  }
+};
+function _getMipmapMaterial() {
+  var shaderMaterial = new RawShaderMaterial({
+    uniforms: {
+      roughnessMap: { value: null },
+      normalMap: { value: null },
+      texelSize: { value: new Vector2(1, 1) }
+    },
+    vertexShader: (
+      /* glsl */
+      `
+			precision mediump float;
+			precision mediump int;
+
+			attribute vec3 position;
+			attribute vec2 uv;
+
+			varying vec2 vUv;
+
+			void main() {
+
+				vUv = uv;
+
+				gl_Position = vec4( position, 1.0 );
+
+			}
+		`
+    ),
+    fragmentShader: (
+      /* glsl */
+      `
+			precision mediump float;
+			precision mediump int;
+
+			varying vec2 vUv;
+
+			uniform sampler2D roughnessMap;
+			uniform sampler2D normalMap;
+			uniform vec2 texelSize;
+
+			#define ENVMAP_TYPE_CUBE_UV
+
+			vec4 envMapTexelToLinear( vec4 a ) { return a; }
+
+			#include <cube_uv_reflection_fragment>
+
+			float roughnessToVariance( float roughness ) {
+
+				float variance = 0.0;
+
+				if ( roughness >= r1 ) {
+
+					variance = ( r0 - roughness ) * ( v1 - v0 ) / ( r0 - r1 ) + v0;
+
+				} else if ( roughness >= r4 ) {
+
+					variance = ( r1 - roughness ) * ( v4 - v1 ) / ( r1 - r4 ) + v1;
+
+				} else if ( roughness >= r5 ) {
+
+					variance = ( r4 - roughness ) * ( v5 - v4 ) / ( r4 - r5 ) + v4;
+
+				} else {
+
+					float roughness2 = roughness * roughness;
+
+					variance = 1.79 * roughness2 * roughness2;
+
+				}
+
+				return variance;
+
+			}
+
+			float varianceToRoughness( float variance ) {
+
+				float roughness = 0.0;
+
+				if ( variance >= v1 ) {
+
+					roughness = ( v0 - variance ) * ( r1 - r0 ) / ( v0 - v1 ) + r0;
+
+				} else if ( variance >= v4 ) {
+
+					roughness = ( v1 - variance ) * ( r4 - r1 ) / ( v1 - v4 ) + r1;
+
+				} else if ( variance >= v5 ) {
+
+					roughness = ( v4 - variance ) * ( r5 - r4 ) / ( v4 - v5 ) + r4;
+
+				} else {
+
+					roughness = pow( 0.559 * variance, 0.25 ); // 0.559 = 1.0 / 1.79
+
+				}
+
+				return roughness;
+
+			}
+
+			void main() {
+
+				gl_FragColor = texture2D( roughnessMap, vUv, - 1.0 );
+
+				if ( texelSize.x == 0.0 ) return;
+
+				float roughness = gl_FragColor.g;
+
+				float variance = roughnessToVariance( roughness );
+
+				vec3 avgNormal;
+
+				for ( float x = - 1.0; x < 2.0; x += 2.0 ) {
+
+					for ( float y = - 1.0; y < 2.0; y += 2.0 ) {
+
+						vec2 uv = vUv + vec2( x, y ) * 0.25 * texelSize;
+
+						avgNormal += normalize( texture2D( normalMap, uv, - 1.0 ).xyz - 0.5 );
+
+					}
+
+				}
+
+				variance += 1.0 - 0.25 * length( avgNormal );
+
+				gl_FragColor.g = varianceToRoughness( variance );
+
+			}
+		`
+    ),
+    blending: NoBlending,
+    depthTest: false,
+    depthWrite: false
+  });
+  shaderMaterial.type = "RoughnessMipmapper";
+  return shaderMaterial;
+}
+export {
+  RoughnessMipmapper
+};

package/dist/utils/SceneUtils.d.ts

@@ -0,0 +1,9 @@
+import { Group } from 'three';
+import type { BufferGeometry, InstancedMesh, Material, Object3D, Scene } from 'three';
+declare const SceneUtils: {
+    createMeshesFromInstancedMesh: (instancedMesh: InstancedMesh) => Group;
+    createMultiMaterialObject: (geometry: BufferGeometry, materials: Material[]) => Group;
+    detach: (child: Object3D, parent: Object3D, scene: Scene) => void;
+    attach: (child: Object3D, scene: Scene, parent: Object3D) => void;
+};
+export { SceneUtils };

package/dist/utils/SceneUtils.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const THREE = require("three");
+const SceneUtils = {
+  createMeshesFromInstancedMesh: function(instancedMesh) {
+    const group = new THREE.Group();
+    const count = instancedMesh.count;
+    const geometry = instancedMesh.geometry;
+    const material = instancedMesh.material;
+    for (let i = 0; i < count; i++) {
+      const mesh = new THREE.Mesh(geometry, material);
+      instancedMesh.getMatrixAt(i, mesh.matrix);
+      mesh.matrix.decompose(mesh.position, mesh.quaternion, mesh.scale);
+      group.add(mesh);
+    }
+    group.copy(instancedMesh);
+    group.updateMatrixWorld();
+    return group;
+  },
+  createMultiMaterialObject: function(geometry, materials) {
+    const group = new THREE.Group();
+    for (let i = 0, l = materials.length; i < l; i++) {
+      group.add(new THREE.Mesh(geometry, materials[i]));
+    }
+    return group;
+  },
+  detach: function(child, parent, scene) {
+    console.warn("THREE.SceneUtils: detach() has been deprecated. Use scene.attach( child ) instead.");
+    scene.attach(child);
+  },
+  attach: function(child, scene, parent) {
+    console.warn("THREE.SceneUtils: attach() has been deprecated. Use parent.attach( child ) instead.");
+    parent.attach(child);
+  }
+};
+exports.SceneUtils = SceneUtils;

package/dist/utils/SceneUtils.mjs

@@ -0,0 +1,36 @@
+import { Group, Mesh } from "three";
+const SceneUtils = {
+  createMeshesFromInstancedMesh: function(instancedMesh) {
+    const group = new Group();
+    const count = instancedMesh.count;
+    const geometry = instancedMesh.geometry;
+    const material = instancedMesh.material;
+    for (let i = 0; i < count; i++) {
+      const mesh = new Mesh(geometry, material);
+      instancedMesh.getMatrixAt(i, mesh.matrix);
+      mesh.matrix.decompose(mesh.position, mesh.quaternion, mesh.scale);
+      group.add(mesh);
+    }
+    group.copy(instancedMesh);
+    group.updateMatrixWorld();
+    return group;
+  },
+  createMultiMaterialObject: function(geometry, materials) {
+    const group = new Group();
+    for (let i = 0, l = materials.length; i < l; i++) {
+      group.add(new Mesh(geometry, materials[i]));
+    }
+    return group;
+  },
+  detach: function(child, parent, scene) {
+    console.warn("THREE.SceneUtils: detach() has been deprecated. Use scene.attach( child ) instead.");
+    scene.attach(child);
+  },
+  attach: function(child, scene, parent) {
+    console.warn("THREE.SceneUtils: attach() has been deprecated. Use parent.attach( child ) instead.");
+    parent.attach(child);
+  }
+};
+export {
+  SceneUtils
+};

package/dist/utils/ShadowMapViewer.d.ts

@@ -0,0 +1,24 @@
+import { Light, Renderer } from 'three'
+
+export interface Size {
+  width: number
+  height: number
+  set: (width: number, height: number) => void
+}
+
+export interface Position {
+  x: number
+  y: number
+  set: (x: number, y: number) => void
+}
+
+export class ShadowMapViewer {
+  constructor(light: Light)
+
+  enabled: boolean
+  size: Size
+  position: Position
+  render(renderer: Renderer): void
+  updateForWindowResize(): void
+  update(): void
+}