three-stdlib 2.15.1 → 2.15.2

package/effects/AnaglyphEffect.js

@@ -1,68 +1,101 @@
-import { Matrix3, OrthographicCamera, Scene, StereoCamera, WebGLRenderTarget, ShaderMaterial, Mesh, PlaneGeometry, LinearFilter, NearestFilter, RGBAFormat } from 'three';
-
-const AnaglyphEffect = function (renderer, width, height) {
-  // Dubois matrices from https://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.7.6968&rep=rep1&type=pdf#page=4
-  this.colorMatrixLeft = new Matrix3().fromArray([0.4561, -0.0400822, -0.0152161, 0.500484, -0.0378246, -0.0205971, 0.176381, -0.0157589, -0.00546856]);
-  this.colorMatrixRight = new Matrix3().fromArray([-0.0434706, 0.378476, -0.0721527, -0.0879388, 0.73364, -0.112961, -0.00155529, -0.0184503, 1.2264]);
-
-  const _camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
-
-  const _scene = new Scene();
-
-  const _stereo = new StereoCamera();
-
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const THREE = require("three");
+const AnaglyphEffect = function(renderer, width, height) {
+  this.colorMatrixLeft = new THREE.Matrix3().fromArray([
+    0.4561,
+    -0.0400822,
+    -0.0152161,
+    0.500484,
+    -0.0378246,
+    -0.0205971,
+    0.176381,
+    -0.0157589,
+    -546856e-8
+  ]);
+  this.colorMatrixRight = new THREE.Matrix3().fromArray([
+    -0.0434706,
+    0.378476,
+    -0.0721527,
+    -0.0879388,
+    0.73364,
+    -0.112961,
+    -155529e-8,
+    -0.0184503,
+    1.2264
+  ]);
+  const _camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
+  const _scene = new THREE.Scene();
+  const _stereo = new THREE.StereoCamera();
   const _params = {
-    minFilter: LinearFilter,
-    magFilter: NearestFilter,
-    format: RGBAFormat
+    minFilter: THREE.LinearFilter,
+    magFilter: THREE.NearestFilter,
+    format: THREE.RGBAFormat
   };
-  if (width === undefined) width = 512;
-  if (height === undefined) height = 512;
-
-  const _renderTargetL = new WebGLRenderTarget(width, height, _params);
-
-  const _renderTargetR = new WebGLRenderTarget(width, height, _params);
-
-  const _material = new ShaderMaterial({
+  if (width === void 0)
+    width = 512;
+  if (height === void 0)
+    height = 512;
+  const _renderTargetL = new THREE.WebGLRenderTarget(width, height, _params);
+  const _renderTargetR = new THREE.WebGLRenderTarget(width, height, _params);
+  const _material = new THREE.ShaderMaterial({
     uniforms: {
-      mapLeft: {
-        value: _renderTargetL.texture
-      },
-      mapRight: {
-        value: _renderTargetR.texture
-      },
-      colorMatrixLeft: {
-        value: this.colorMatrixLeft
-      },
-      colorMatrixRight: {
-        value: this.colorMatrixRight
-      }
+      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')
+    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;",
+      "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);
-
+  const _mesh = new THREE.Mesh(new THREE.PlaneGeometry(2, 2), _material);
   _scene.add(_mesh);
-
-  this.setSize = (width, height) => {
-    renderer.setSize(width, height);
+  this.setSize = (width2, height2) => {
+    renderer.setSize(width2, height2);
     const pixelRatio = renderer.getPixelRatio();
-
-    _renderTargetL.setSize(width * pixelRatio, height * pixelRatio);
-
-    _renderTargetR.setSize(width * pixelRatio, height * pixelRatio);
+    _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();
-
+    if (camera.parent === null)
+      camera.updateMatrixWorld();
     _stereo.update(camera);
-
     renderer.setRenderTarget(_renderTargetL);
     renderer.clear();
     renderer.render(scene, _stereo.cameraL);
@@ -73,13 +106,15 @@ const AnaglyphEffect = function (renderer, width, height) {
     renderer.render(_scene, _camera);
     renderer.setRenderTarget(currentRenderTarget);
   };
-
   this.dispose = () => {
-    if (_renderTargetL) _renderTargetL.dispose();
-    if (_renderTargetR) _renderTargetR.dispose();
-    if (_mesh) _mesh.geometry.dispose();
-    if (_material) _material.dispose();
+    if (_renderTargetL)
+      _renderTargetL.dispose();
+    if (_renderTargetR)
+      _renderTargetR.dispose();
+    if (_mesh)
+      _mesh.geometry.dispose();
+    if (_material)
+      _material.dispose();
   };
 };
-
-export { AnaglyphEffect };
+exports.AnaglyphEffect = AnaglyphEffect;

package/effects/AnaglyphEffect.mjs

@@ -0,0 +1,120 @@
+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;",
+      "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)
+      _renderTargetL.dispose();
+    if (_renderTargetR)
+      _renderTargetR.dispose();
+    if (_mesh)
+      _mesh.geometry.dispose();
+    if (_material)
+      _material.dispose();
+  };
+};
+export {
+  AnaglyphEffect
+};

package/effects/AsciiEffect.js

@@ -1,160 +1,144 @@
-/**
- * Ascii generation is based on http://www.nihilogic.dk/labs/jsascii/
- * Maybe more about this later with a blog post at http://lab4games.net/zz85/blog
- *
- * 16 April 2012 - @blurspline
- */
-const AsciiEffect = function (renderer, charSet, options) {
-  // its fun to create one your own!
-  charSet = charSet === undefined ? ' .:-=+*#%@' : charSet; // ' .,:;=|iI+hHOE#`$';
-  // darker bolder character set from https://github.com/saw/Canvas-ASCII-Art/
-  // ' .\'`^",:;Il!i~+_-?][}{1)(|/tfjrxnuvczXYUJCLQ0OZmwqpdbkhao*#MW&8%B@$'.split('');
-
-  if (!options) options = {}; // Some ASCII settings
-
-  const bResolution = !options['resolution'] ? 0.15 : options['resolution']; // Higher for more details
-
-  const iScale = !options['scale'] ? 1 : options['scale'];
-  const bColor = !options['color'] ? false : options['color']; // nice but slows down rendering!
-
-  const bAlpha = !options['alpha'] ? false : options['alpha']; // Transparency
-
-  const bBlock = !options['block'] ? false : options['block']; // blocked characters. like good O dos
-
-  const bInvert = !options['invert'] ? false : options['invert']; // black is white, white is black
-
-  const strResolution = 'low';
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [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');
+  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; // Throw in ascii library from http://www.nihilogic.dk/labs/jsascii/jsascii.js
-
-  /*
-   * jsAscii 0.1
-   * Copyright (c) 2008 Jacob Seidelin, jseidelin@nihilogic.dk, http://blog.nihilogic.dk/
-   * MIT License [http://www.nihilogic.dk/licenses/mit-license.txt]
-   */
-
+  this.domElement = domElement;
   function initAsciiSize() {
     iWidth = Math.round(width * fResolution);
     iHeight = Math.round(height * fResolution);
     oCanvas.width = iWidth;
-    oCanvas.height = iHeight; // oCanvas.style.display = "none";
-    // oCanvas.style.width = iWidth;
-    // oCanvas.style.height = iHeight;
-
+    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.display = 'inline';
+    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.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';
+    oStyle.textAlign = "left";
+    oStyle.textDecoration = "none";
   }
-
-  const aDefaultCharList = ' .,:;i1tfLCG08@'.split('');
-  const aDefaultColorCharList = ' CGO08@'.split('');
-  var strFont = 'courier new, monospace';
+  const aDefaultCharList = " .,:;i1tfLCG08@".split("");
+  const aDefaultColorCharList = " CGO08@".split("");
+  var strFont = "courier new, monospace";
   const oCanvasImg = renderer.domElement;
-  var oCanvas = document.createElement('canvas');
-
+  var oCanvas = document.createElement("canvas");
   if (!oCanvas.getContext) {
     return;
   }
-
-  const oCtx = oCanvas.getContext('2d');
-
+  const oCtx = oCanvas.getContext("2d");
   if (!oCtx.getImageData) {
     return;
   }
-
   let aCharList = bColor ? aDefaultColorCharList : aDefaultCharList;
-  if (charSet) aCharList = charSet;
+  if (charSet)
+    aCharList = charSet;
   var fResolution = 0.5;
-
   switch (strResolution) {
-    case 'low':
+    case "low":
       fResolution = 0.25;
       break;
-
-    case 'medium':
+    case "medium":
       fResolution = 0.5;
       break;
-
-    case 'high':
+    case "high":
       fResolution = 1;
       break;
   }
-
-  if (bResolution) fResolution = bResolution; // Setup dom
-
+  if (bResolution)
+    fResolution = bResolution;
   var fFontSize = 2 / fResolution * iScale;
-  var fLineHeight = 2 / fResolution * iScale; // adjust letter-spacing for all combinations of scale and resolution to get it to fit the image width.
-
+  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;
     }
   }
-  // convert img element to ascii
-
-
-  function asciifyImage(canvasRenderer, oAscii) {
+  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(canvasRenderer, oAscii2) {
     oCtx.clearRect(0, 0, iWidth, iHeight);
     oCtx.drawImage(oCanvasImg, 0, 0, iWidth, iHeight);
-    const oImgData = oCtx.getImageData(0, 0, iWidth, iHeight).data; // Coloring loop starts now
-
-    let strChars = ''; // console.time('rendering');
-
+    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;
@@ -164,40 +148,26 @@ const AsciiEffect = function (renderer, charSet, options) {
         const iAlpha = oImgData[iOffset + 3];
         let iCharIdx;
         let fBrightness;
-        fBrightness = (0.3 * iRed + 0.59 * iGreen + 0.11 * iBlue) / 255; // fBrightness = (0.3*iRed + 0.5*iGreen + 0.3*iBlue) / 255;
-
+        fBrightness = (0.3 * iRed + 0.59 * iGreen + 0.11 * iBlue) / 255;
         if (iAlpha == 0) {
-          // should calculate alpha instead, but quick hack :)
-          //fBrightness *= (iAlpha / 255);
           fBrightness = 1;
         }
-
         iCharIdx = Math.floor((1 - fBrightness) * (aCharList.length - 1));
-
         if (bInvert) {
           iCharIdx = aCharList.length - iCharIdx - 1;
-        } // good for debugging
-        //fBrightness = Math.floor(fBrightness * 10);
-        //strThisChar = fBrightness;
-
-
+        }
         let strThisChar = aCharList[iCharIdx];
-        if (strThisChar === undefined || strThisChar == ' ') strThisChar = '&nbsp;';
-
+        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>`;
+          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/>";
     }
-
-    oAscii.innerHTML = `<tr><td>${strChars}</td></tr>`; // console.timeEnd('rendering');
-    // return oAscii;
-  } // end modified asciifyImage block
-
+    oAscii2.innerHTML = `<tr><td>${strChars}</td></tr>`;
+  }
 };
-
-export { AsciiEffect };
+exports.AsciiEffect = AsciiEffect;