three-stdlib 2.22.9 → 2.23.0

package/dist/effects/AnaglyphEffect.mjs

@@ -1,121 +1,102 @@
 import { Matrix3, OrthographicCamera, Scene, StereoCamera, LinearFilter, NearestFilter, RGBAFormat, WebGLRenderTarget, ShaderMaterial, Mesh, PlaneGeometry } from "three";
-const AnaglyphEffect = function(renderer, width, height) {
-  this.colorMatrixLeft = new Matrix3().fromArray([
-    0.4561,
-    -0.0400822,
-    -0.0152161,
-    0.500484,
-    -0.0378246,
-    -0.0205971,
-    0.176381,
-    -0.0157589,
-    -546856e-8
-  ]);
-  this.colorMatrixRight = new Matrix3().fromArray([
-    -0.0434706,
-    0.378476,
-    -0.0721527,
-    -0.0879388,
-    0.73364,
-    -0.112961,
-    -155529e-8,
-    -0.0184503,
-    1.2264
-  ]);
-  const _camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
-  const _scene = new Scene();
-  const _stereo = new StereoCamera();
-  const _params = {
-    minFilter: LinearFilter,
-    magFilter: NearestFilter,
-    format: RGBAFormat
-  };
-  if (width === void 0)
-    width = 512;
-  if (height === void 0)
-    height = 512;
-  const _renderTargetL = new WebGLRenderTarget(width, height, _params);
-  const _renderTargetR = new WebGLRenderTarget(width, height, _params);
-  const _material = new ShaderMaterial({
-    uniforms: {
-      mapLeft: { value: _renderTargetL.texture },
-      mapRight: { value: _renderTargetR.texture },
-      colorMatrixLeft: { value: this.colorMatrixLeft },
-      colorMatrixRight: { value: this.colorMatrixRight }
-    },
-    vertexShader: [
-      "varying vec2 vUv;",
-      "void main() {",
-      "	vUv = vec2( uv.x, uv.y );",
-      "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
-      "}"
-    ].join("\n"),
-    fragmentShader: [
-      "uniform sampler2D mapLeft;",
-      "uniform sampler2D mapRight;",
-      "varying vec2 vUv;",
-      "uniform mat3 colorMatrixLeft;",
-      "uniform mat3 colorMatrixRight;",
-      // These functions implement sRGB linearization and gamma correction
-      "float lin( float c ) {",
-      "	return c <= 0.04045 ? c * 0.0773993808 :",
-      "			pow( c * 0.9478672986 + 0.0521327014, 2.4 );",
-      "}",
-      "vec4 lin( vec4 c ) {",
-      "	return vec4( lin( c.r ), lin( c.g ), lin( c.b ), c.a );",
-      "}",
-      "float dev( float c ) {",
-      "	return c <= 0.0031308 ? c * 12.92",
-      "			: pow( c, 0.41666 ) * 1.055 - 0.055;",
-      "}",
-      "void main() {",
-      "	vec2 uv = vUv;",
-      "	vec4 colorL = lin( texture2D( mapLeft, uv ) );",
-      "	vec4 colorR = lin( texture2D( mapRight, uv ) );",
-      "	vec3 color = clamp(",
-      "			colorMatrixLeft * colorL.rgb +",
-      "			colorMatrixRight * colorR.rgb, 0., 1. );",
-      "	gl_FragColor = vec4(",
-      "			dev( color.r ), dev( color.g ), dev( color.b ),",
-      "			max( colorL.a, colorR.a ) );",
-      "}"
-    ].join("\n")
-  });
-  const _mesh = new Mesh(new PlaneGeometry(2, 2), _material);
-  _scene.add(_mesh);
-  this.setSize = (width2, height2) => {
-    renderer.setSize(width2, height2);
-    const pixelRatio = renderer.getPixelRatio();
-    _renderTargetL.setSize(width2 * pixelRatio, height2 * pixelRatio);
-    _renderTargetR.setSize(width2 * pixelRatio, height2 * pixelRatio);
-  };
-  this.render = (scene, camera) => {
-    const currentRenderTarget = renderer.getRenderTarget();
-    scene.updateMatrixWorld();
-    if (camera.parent === null)
-      camera.updateMatrixWorld();
-    _stereo.update(camera);
-    renderer.setRenderTarget(_renderTargetL);
-    renderer.clear();
-    renderer.render(scene, _stereo.cameraL);
-    renderer.setRenderTarget(_renderTargetR);
-    renderer.clear();
-    renderer.render(scene, _stereo.cameraR);
-    renderer.setRenderTarget(null);
-    renderer.render(_scene, _camera);
-    renderer.setRenderTarget(currentRenderTarget);
-  };
-  this.dispose = () => {
-    if (_renderTargetL)
+class AnaglyphEffect {
+  constructor(renderer, width = 512, height = 512) {
+    this.colorMatrixLeft = new Matrix3().fromArray([
+      0.4561,
+      -0.0400822,
+      -0.0152161,
+      0.500484,
+      -0.0378246,
+      -0.0205971,
+      0.176381,
+      -0.0157589,
+      -546856e-8
+    ]);
+    this.colorMatrixRight = new Matrix3().fromArray([
+      -0.0434706,
+      0.378476,
+      -0.0721527,
+      -0.0879388,
+      0.73364,
+      -0.112961,
+      -155529e-8,
+      -0.0184503,
+      1.2264
+    ]);
+    const _camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
+    const _scene = new Scene();
+    const _stereo = new StereoCamera();
+    const _params = { minFilter: LinearFilter, magFilter: NearestFilter, format: RGBAFormat };
+    const _renderTargetL = new WebGLRenderTarget(width, height, _params);
+    const _renderTargetR = new WebGLRenderTarget(width, height, _params);
+    const _material = new ShaderMaterial({
+      uniforms: {
+        mapLeft: { value: _renderTargetL.texture },
+        mapRight: { value: _renderTargetR.texture },
+        colorMatrixLeft: { value: this.colorMatrixLeft },
+        colorMatrixRight: { value: this.colorMatrixRight }
+      },
+      vertexShader: [
+        "varying vec2 vUv;",
+        "void main() {",
+        "	vUv = vec2( uv.x, uv.y );",
+        "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+        "}"
+      ].join("\n"),
+      fragmentShader: [
+        "uniform sampler2D mapLeft;",
+        "uniform sampler2D mapRight;",
+        "varying vec2 vUv;",
+        "uniform mat3 colorMatrixLeft;",
+        "uniform mat3 colorMatrixRight;",
+        "void main() {",
+        "	vec2 uv = vUv;",
+        "	vec4 colorL = texture2D( mapLeft, uv );",
+        "	vec4 colorR = texture2D( mapRight, uv );",
+        "	vec3 color = clamp(",
+        "			colorMatrixLeft * colorL.rgb +",
+        "			colorMatrixRight * colorR.rgb, 0., 1. );",
+        "	gl_FragColor = vec4(",
+        "			color.r, color.g, color.b,",
+        "			max( colorL.a, colorR.a ) );",
+        "	#include <tonemapping_fragment>",
+        "	#include <encodings_fragment>",
+        "}"
+      ].join("\n")
+    });
+    const _mesh = new Mesh(new PlaneGeometry(2, 2), _material);
+    _scene.add(_mesh);
+    this.setSize = function(width2, height2) {
+      renderer.setSize(width2, height2);
+      const pixelRatio = renderer.getPixelRatio();
+      _renderTargetL.setSize(width2 * pixelRatio, height2 * pixelRatio);
+      _renderTargetR.setSize(width2 * pixelRatio, height2 * pixelRatio);
+    };
+    this.render = function(scene, camera) {
+      const currentRenderTarget = renderer.getRenderTarget();
+      if (scene.matrixWorldAutoUpdate === true)
+        scene.updateMatrixWorld();
+      if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
+        camera.updateMatrixWorld();
+      _stereo.update(camera);
+      renderer.setRenderTarget(_renderTargetL);
+      renderer.clear();
+      renderer.render(scene, _stereo.cameraL);
+      renderer.setRenderTarget(_renderTargetR);
+      renderer.clear();
+      renderer.render(scene, _stereo.cameraR);
+      renderer.setRenderTarget(null);
+      renderer.render(_scene, _camera);
+      renderer.setRenderTarget(currentRenderTarget);
+    };
+    this.dispose = function() {
       _renderTargetL.dispose();
-    if (_renderTargetR)
       _renderTargetR.dispose();
-    if (_mesh)
       _mesh.geometry.dispose();
-    if (_material)
-      _material.dispose();
-  };
-};
+      _mesh.material.dispose();
+    };
+  }
+}
 export {
   AnaglyphEffect
 };

package/dist/effects/AsciiEffect.js

@@ -1,173 +1,155 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const AsciiEffect = function(renderer, charSet, options) {
-  charSet = charSet === void 0 ? " .:-=+*#%@" : charSet;
-  if (!options)
-    options = {};
-  const bResolution = !options["resolution"] ? 0.15 : options["resolution"];
-  const iScale = !options["scale"] ? 1 : options["scale"];
-  const bColor = !options["color"] ? false : options["color"];
-  const bAlpha = !options["alpha"] ? false : options["alpha"];
-  const bBlock = !options["block"] ? false : options["block"];
-  const bInvert = !options["invert"] ? false : options["invert"];
-  const strResolution = "low";
-  let width, height;
-  const domElement = document.createElement("div");
-  domElement.style.cursor = "default";
-  const oAscii = document.createElement("table");
-  domElement.appendChild(oAscii);
-  let iWidth, iHeight;
-  let oImg;
-  this.setSize = (w, h) => {
-    width = w;
-    height = h;
-    renderer.setSize(w, h);
-    initAsciiSize();
-  };
-  this.render = (scene, camera) => {
-    renderer.render(scene, camera);
-    asciifyImage(renderer, oAscii);
-  };
-  this.domElement = domElement;
-  function initAsciiSize() {
-    iWidth = Math.round(width * fResolution);
-    iHeight = Math.round(height * fResolution);
-    oCanvas.width = iWidth;
-    oCanvas.height = iHeight;
-    oImg = renderer.domElement;
-    if (oImg.style.backgroundColor) {
-      oAscii.rows[0].cells[0].style.backgroundColor = oImg.style.backgroundColor;
-      oAscii.rows[0].cells[0].style.color = oImg.style.color;
+class AsciiEffect {
+  constructor(renderer, charSet = " .:-=+*#%@", options = {}) {
+    const fResolution = options["resolution"] || 0.15;
+    const iScale = options["scale"] || 1;
+    const bColor = options["color"] || false;
+    const bAlpha = options["alpha"] || false;
+    const bBlock = options["block"] || false;
+    const bInvert = options["invert"] || false;
+    const strResolution = options["strResolution"] || "low";
+    let width, height;
+    const domElement = document.createElement("div");
+    domElement.style.cursor = "default";
+    const oAscii = document.createElement("table");
+    domElement.appendChild(oAscii);
+    let iWidth, iHeight;
+    let oImg;
+    this.setSize = function(w, h) {
+      width = w;
+      height = h;
+      renderer.setSize(w, h);
+      initAsciiSize();
+    };
+    this.render = function(scene, camera) {
+      renderer.render(scene, camera);
+      asciifyImage(oAscii);
+    };
+    this.domElement = domElement;
+    function initAsciiSize() {
+      iWidth = Math.floor(width * fResolution);
+      iHeight = Math.floor(height * fResolution);
+      oCanvas.width = iWidth;
+      oCanvas.height = iHeight;
+      oImg = renderer.domElement;
+      if (oImg.style.backgroundColor) {
+        oAscii.rows[0].cells[0].style.backgroundColor = oImg.style.backgroundColor;
+        oAscii.rows[0].cells[0].style.color = oImg.style.color;
+      }
+      oAscii.cellSpacing = 0;
+      oAscii.cellPadding = 0;
+      const oStyle = oAscii.style;
+      oStyle.whiteSpace = "pre";
+      oStyle.margin = "0px";
+      oStyle.padding = "0px";
+      oStyle.letterSpacing = fLetterSpacing + "px";
+      oStyle.fontFamily = strFont;
+      oStyle.fontSize = fFontSize + "px";
+      oStyle.lineHeight = fLineHeight + "px";
+      oStyle.textAlign = "left";
+      oStyle.textDecoration = "none";
     }
-    oAscii.cellSpacing = 0;
-    oAscii.cellPadding = 0;
-    const oStyle = oAscii.style;
-    oStyle.display = "inline";
-    oStyle.width = `${Math.round(iWidth / fResolution * iScale)}px`;
-    oStyle.height = `${Math.round(iHeight / fResolution * iScale)}px`;
-    oStyle.whiteSpace = "pre";
-    oStyle.margin = "0px";
-    oStyle.padding = "0px";
-    oStyle.letterSpacing = `${fLetterSpacing}px`;
-    oStyle.fontFamily = strFont;
-    oStyle.fontSize = `${fFontSize}px`;
-    oStyle.lineHeight = `${fLineHeight}px`;
-    oStyle.textAlign = "left";
-    oStyle.textDecoration = "none";
-  }
-  const aDefaultCharList = " .,:;i1tfLCG08@".split("");
-  const aDefaultColorCharList = " CGO08@".split("");
-  var strFont = "courier new, monospace";
-  const oCanvasImg = renderer.domElement;
-  var oCanvas = document.createElement("canvas");
-  if (!oCanvas.getContext) {
-    return;
-  }
-  const oCtx = oCanvas.getContext("2d");
-  if (!oCtx.getImageData) {
-    return;
-  }
-  let aCharList = bColor ? aDefaultColorCharList : aDefaultCharList;
-  if (charSet)
-    aCharList = charSet;
-  var fResolution = 0.5;
-  switch (strResolution) {
-    case "low":
-      fResolution = 0.25;
-      break;
-    case "medium":
-      fResolution = 0.5;
-      break;
-    case "high":
-      fResolution = 1;
-      break;
-  }
-  if (bResolution)
-    fResolution = bResolution;
-  var fFontSize = 2 / fResolution * iScale;
-  var fLineHeight = 2 / fResolution * iScale;
-  var fLetterSpacing = 0;
-  if (strResolution == "low") {
-    switch (iScale) {
-      case 1:
-        fLetterSpacing = -1;
-        break;
-      case 2:
-      case 3:
-        fLetterSpacing = -2.1;
-        break;
-      case 4:
-        fLetterSpacing = -3.1;
-        break;
-      case 5:
-        fLetterSpacing = -4.15;
-        break;
+    const aDefaultCharList = " .,:;i1tfLCG08@".split("");
+    const aDefaultColorCharList = " CGO08@".split("");
+    const strFont = "courier new, monospace";
+    const oCanvasImg = renderer.domElement;
+    const oCanvas = document.createElement("canvas");
+    if (!oCanvas.getContext) {
+      return;
     }
-  }
-  if (strResolution == "medium") {
-    switch (iScale) {
-      case 1:
-        fLetterSpacing = 0;
-        break;
-      case 2:
-        fLetterSpacing = -1;
-        break;
-      case 3:
-        fLetterSpacing = -1.04;
-        break;
-      case 4:
-      case 5:
-        fLetterSpacing = -2.1;
-        break;
+    const oCtx = oCanvas.getContext("2d");
+    if (!oCtx.getImageData) {
+      return;
     }
-  }
-  if (strResolution == "high") {
-    switch (iScale) {
-      case 1:
-      case 2:
-        fLetterSpacing = 0;
-        break;
-      case 3:
-      case 4:
-      case 5:
-        fLetterSpacing = -1;
-        break;
+    let aCharList = bColor ? aDefaultColorCharList : aDefaultCharList;
+    if (charSet)
+      aCharList = charSet;
+    const fFontSize = 2 / fResolution * iScale;
+    const fLineHeight = 2 / fResolution * iScale;
+    let fLetterSpacing = 0;
+    if (strResolution == "low") {
+      switch (iScale) {
+        case 1:
+          fLetterSpacing = -1;
+          break;
+        case 2:
+        case 3:
+          fLetterSpacing = -2.1;
+          break;
+        case 4:
+          fLetterSpacing = -3.1;
+          break;
+        case 5:
+          fLetterSpacing = -4.15;
+          break;
+      }
     }
-  }
-  function asciifyImage(canvasRenderer, oAscii2) {
-    oCtx.clearRect(0, 0, iWidth, iHeight);
-    oCtx.drawImage(oCanvasImg, 0, 0, iWidth, iHeight);
-    const oImgData = oCtx.getImageData(0, 0, iWidth, iHeight).data;
-    let strChars = "";
-    for (let y = 0; y < iHeight; y += 2) {
-      for (let x = 0; x < iWidth; x++) {
-        const iOffset = (y * iWidth + x) * 4;
-        const iRed = oImgData[iOffset];
-        const iGreen = oImgData[iOffset + 1];
-        const iBlue = oImgData[iOffset + 2];
-        const iAlpha = oImgData[iOffset + 3];
-        let iCharIdx;
-        let fBrightness;
-        fBrightness = (0.3 * iRed + 0.59 * iGreen + 0.11 * iBlue) / 255;
-        if (iAlpha == 0) {
-          fBrightness = 1;
-        }
-        iCharIdx = Math.floor((1 - fBrightness) * (aCharList.length - 1));
-        if (bInvert) {
-          iCharIdx = aCharList.length - iCharIdx - 1;
-        }
-        let strThisChar = aCharList[iCharIdx];
-        if (strThisChar === void 0 || strThisChar == " ")
-          strThisChar = "&nbsp;";
-        if (bColor) {
-          strChars += `<span style='color:rgb(${iRed},${iGreen},${iBlue});${bBlock ? `background-color:rgb(${iRed},${iGreen},${iBlue});` : ""}${bAlpha ? `opacity:${iAlpha / 255};` : ""}'>${strThisChar}</span>`;
-        } else {
-          strChars += strThisChar;
+    if (strResolution == "medium") {
+      switch (iScale) {
+        case 1:
+          fLetterSpacing = 0;
+          break;
+        case 2:
+          fLetterSpacing = -1;
+          break;
+        case 3:
+          fLetterSpacing = -1.04;
+          break;
+        case 4:
+        case 5:
+          fLetterSpacing = -2.1;
+          break;
+      }
+    }
+    if (strResolution == "high") {
+      switch (iScale) {
+        case 1:
+        case 2:
+          fLetterSpacing = 0;
+          break;
+        case 3:
+        case 4:
+        case 5:
+          fLetterSpacing = -1;
+          break;
+      }
+    }
+    function asciifyImage(oAscii2) {
+      oCtx.clearRect(0, 0, iWidth, iHeight);
+      oCtx.drawImage(oCanvasImg, 0, 0, iWidth, iHeight);
+      const oImgData = oCtx.getImageData(0, 0, iWidth, iHeight).data;
+      let strChars = "";
+      for (let y = 0; y < iHeight; y += 2) {
+        for (let x = 0; x < iWidth; x++) {
+          const iOffset = (y * iWidth + x) * 4;
+          const iRed = oImgData[iOffset];
+          const iGreen = oImgData[iOffset + 1];
+          const iBlue = oImgData[iOffset + 2];
+          const iAlpha = oImgData[iOffset + 3];
+          let iCharIdx;
+          let fBrightness;
+          fBrightness = (0.3 * iRed + 0.59 * iGreen + 0.11 * iBlue) / 255;
+          if (iAlpha == 0) {
+            fBrightness = 1;
+          }
+          iCharIdx = Math.floor((1 - fBrightness) * (aCharList.length - 1));
+          if (bInvert) {
+            iCharIdx = aCharList.length - iCharIdx - 1;
+          }
+          let strThisChar = aCharList[iCharIdx];
+          if (strThisChar === void 0 || strThisChar == " ")
+            strThisChar = "&nbsp;";
+          if (bColor) {
+            strChars += "<span style='color:rgb(" + iRed + "," + iGreen + "," + iBlue + ");" + (bBlock ? "background-color:rgb(" + iRed + "," + iGreen + "," + iBlue + ");" : "") + (bAlpha ? "opacity:" + iAlpha / 255 + ";" : "") + "'>" + strThisChar + "</span>";
+          } else {
+            strChars += strThisChar;
+          }
         }
+        strChars += "<br/>";
       }
-      strChars += "<br/>";
+      oAscii2.innerHTML = `<tr><td style="display:block;width:${width}px;height:${height}px;overflow:hidden">${strChars}</td></tr>`;
     }
-    oAscii2.innerHTML = `<tr><td>${strChars}</td></tr>`;
   }
-};
+}
 exports.AsciiEffect = AsciiEffect;