three-stdlib 2.16.0 → 2.16.1

package/effects/AnaglyphEffect.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");exports.AnaglyphEffect=function(t,r,o){this.colorMatrixLeft=(new e.Matrix3).fromArray([.4561,-.0400822,-.0152161,.500484,-.0378246,-.0205971,.176381,-.0157589,-.00546856]),this.colorMatrixRight=(new e.Matrix3).fromArray([-.0434706,.378476,-.0721527,-.0879388,.73364,-.112961,-.00155529,-.0184503,1.2264]);const a=new e.OrthographicCamera(-1,1,1,-1,0,1),i=new e.Scene,n=new e.StereoCamera,c={minFilter:e.LinearFilter,magFilter:e.NearestFilter,format:e.RGBAFormat};void 0===r&&(r=512),void 0===o&&(o=512);const l=new e.WebGLRenderTarget(r,o,c),v=new e.WebGLRenderTarget(r,o,c),s=new e.ShaderMaterial({uniforms:{mapLeft:{value:l.texture},mapRight:{value:v.texture},colorMatrixLeft:{value:this.colorMatrixLeft},colorMatrixRight:{value:this.colorMatrixRight}},vertexShader:["varying vec2 vUv;","void main() {","\tvUv = vec2( uv.x, uv.y );","\tgl_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 ) {","\treturn c <= 0.04045 ? c * 0.0773993808 :","\t\t\tpow( c * 0.9478672986 + 0.0521327014, 2.4 );","}","vec4 lin( vec4 c ) {","\treturn vec4( lin( c.r ), lin( c.g ), lin( c.b ), c.a );","}","float dev( float c ) {","\treturn c <= 0.0031308 ? c * 12.92","\t\t\t: pow( c, 0.41666 ) * 1.055 - 0.055;","}","void main() {","\tvec2 uv = vUv;","\tvec4 colorL = lin( texture2D( mapLeft, uv ) );","\tvec4 colorR = lin( texture2D( mapRight, uv ) );","\tvec3 color = clamp(","\t\t\tcolorMatrixLeft * colorL.rgb +","\t\t\tcolorMatrixRight * colorR.rgb, 0., 1. );","\tgl_FragColor = vec4(","\t\t\tdev( color.r ), dev( color.g ), dev( color.b ),","\t\t\tmax( colorL.a, colorR.a ) );","}"].join("\n")}),d=new e.Mesh(new e.PlaneGeometry(2,2),s);i.add(d),this.setSize=(e,r)=>{t.setSize(e,r);const o=t.getPixelRatio();l.setSize(e*o,r*o),v.setSize(e*o,r*o)},this.render=(e,r)=>{const o=t.getRenderTarget();e.updateMatrixWorld(),null===r.parent&&r.updateMatrixWorld(),n.update(r),t.setRenderTarget(l),t.clear(),t.render(e,n.cameraL),t.setRenderTarget(v),t.clear(),t.render(e,n.cameraR),t.setRenderTarget(null),t.render(i,a),t.setRenderTarget(o)},this.dispose=()=>{l&&l.dispose(),v&&v.dispose(),d&&d.geometry.dispose(),s&&s.dispose()}};

package/effects/AnaglyphEffect.js

@@ -1,101 +1,68 @@
-"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();
+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();
+
   const _params = {
-    minFilter: THREE.LinearFilter,
-    magFilter: THREE.NearestFilter,
-    format: THREE.RGBAFormat
+    minFilter: LinearFilter,
+    magFilter: NearestFilter,
+    format: RGBAFormat
   };
-  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({
+  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({
     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;",
-      "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;', // 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 THREE.Mesh(new THREE.PlaneGeometry(2, 2), _material);
+
+  const _mesh = new Mesh(new PlaneGeometry(2, 2), _material);
+
   _scene.add(_mesh);
-  this.setSize = (width2, height2) => {
-    renderer.setSize(width2, height2);
+
+  this.setSize = (width, height) => {
+    renderer.setSize(width, height);
     const pixelRatio = renderer.getPixelRatio();
-    _renderTargetL.setSize(width2 * pixelRatio, height2 * pixelRatio);
-    _renderTargetR.setSize(width2 * pixelRatio, height2 * pixelRatio);
+
+    _renderTargetL.setSize(width * pixelRatio, height * pixelRatio);
+
+    _renderTargetR.setSize(width * pixelRatio, height * 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);
@@ -106,15 +73,13 @@ 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();
   };
 };
-exports.AnaglyphEffect = AnaglyphEffect;
+
+export { AnaglyphEffect };

package/effects/AsciiEffect.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.AsciiEffect=function(e,t,o){t=void 0===t?" .:-=+*#%@":t,o||(o={});const n=o.resolution?o.resolution:.15,l=o.scale?o.scale:1,r=!!o.color&&o.color,a=!!o.alpha&&o.alpha,c=!!o.block&&o.block,s=!!o.invert&&o.invert;let i,d;const p=document.createElement("div");p.style.cursor="default";const g=document.createElement("table");let u,h,m;p.appendChild(g),this.setSize=(t,o)=>{i=t,d=o,e.setSize(t,o),function(){u=Math.round(i*w),h=Math.round(d*w),y.width=u,y.height=h,m=e.domElement,m.style.backgroundColor&&(g.rows[0].cells[0].style.backgroundColor=m.style.backgroundColor,g.rows[0].cells[0].style.color=m.style.color);g.cellSpacing=0,g.cellPadding=0;const t=g.style;t.display="inline",t.width=`${Math.round(u/w*l)}px`,t.height=`${Math.round(h/w*l)}px`,t.whiteSpace="pre",t.margin="0px",t.padding="0px",t.letterSpacing=`${M}px`,t.fontFamily=b,t.fontSize=`${C}px`,t.lineHeight=`${E}px`,t.textAlign="left",t.textDecoration="none"}()},this.render=(t,o)=>{e.render(t,o),function(e,t){v.clearRect(0,0,u,h),v.drawImage(x,0,0,u,h);const o=v.getImageData(0,0,u,h).data;let n="";for(let e=0;e<h;e+=2){for(let t=0;t<u;t++){const l=4*(e*u+t),i=o[l],d=o[l+1],p=o[l+2],g=o[l+3];let h,m;m=(.3*i+.59*d+.11*p)/255,0==g&&(m=1),h=Math.floor((1-m)*(k.length-1)),s&&(h=k.length-h-1);let f=k[h];void 0!==f&&" "!=f||(f="&nbsp;"),n+=r?`<span style='color:rgb(${i},${d},${p});${c?`background-color:rgb(${i},${d},${p});`:""}${a?`opacity:${g/255};`:""}'>${f}</span>`:f}n+="<br/>"}t.innerHTML=`<tr><td>${n}</td></tr>`}(0,g)},this.domElement=p;const f=" .,:;i1tfLCG08@".split(""),$=" CGO08@".split("");var b="courier new, monospace";const x=e.domElement;var y=document.createElement("canvas");if(!y.getContext)return;const v=y.getContext("2d");if(!v.getImageData)return;let k=r?$:f;t&&(k=t);var w=.5;w=.25,n&&(w=n);var C=2/w*l,E=2/w*l,M=0;switch(l){case 1:M=-1;break;case 2:case 3:M=-2.1;break;case 4:M=-3.1;break;case 5:M=-4.15}};

package/effects/AsciiEffect.js

@@ -1,144 +1,160 @@
-"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";
+/**
+ * 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';
   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;
+
+  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]
+   */
+
   function initAsciiSize() {
     iWidth = Math.round(width * fResolution);
     iHeight = Math.round(height * fResolution);
     oCanvas.width = iWidth;
-    oCanvas.height = iHeight;
+    oCanvas.height = iHeight; // oCanvas.style.display = "none";
+    // oCanvas.style.width = iWidth;
+    // oCanvas.style.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;
+
+  if (bResolution) fResolution = bResolution; // Setup dom
+
   var fFontSize = 2 / fResolution * iScale;
-  var fLineHeight = 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 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;
     }
   }
-  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) {
+  // convert img element to ascii
+
+
+  function asciifyImage(canvasRenderer, oAscii) {
     oCtx.clearRect(0, 0, iWidth, iHeight);
     oCtx.drawImage(oCanvasImg, 0, 0, iWidth, iHeight);
-    const oImgData = oCtx.getImageData(0, 0, iWidth, iHeight).data;
-    let strChars = "";
+    const oImgData = oCtx.getImageData(0, 0, iWidth, iHeight).data; // Coloring loop starts now
+
+    let strChars = ''; // console.time('rendering');
+
     for (let y = 0; y < iHeight; y += 2) {
       for (let x = 0; x < iWidth; x++) {
         const iOffset = (y * iWidth + x) * 4;
@@ -148,26 +164,40 @@ 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.59 * iGreen + 0.11 * iBlue) / 255; // fBrightness = (0.3*iRed + 0.5*iGreen + 0.3*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 === void 0 || strThisChar == " ")
-          strThisChar = "&nbsp;";
+        if (strThisChar === undefined || 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/>';
     }
-    oAscii2.innerHTML = `<tr><td>${strChars}</td></tr>`;
-  }
+
+    oAscii.innerHTML = `<tr><td>${strChars}</td></tr>`; // console.timeEnd('rendering');
+    // return oAscii;
+  } // end modified asciifyImage block
+
 };
-exports.AsciiEffect = AsciiEffect;
+
+export { AsciiEffect };

package/effects/OutlineEffect.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");exports.OutlineEffect=function(t,i){i=i||{},this.enabled=!0;const n=void 0!==i.defaultThickness?i.defaultThickness:.003,a=(new e.Color).fromArray(void 0!==i.defaultColor?i.defaultColor:[0,0,0]),r=void 0!==i.defaultAlpha?i.defaultAlpha:1,l=void 0!==i.defaultKeepAlive&&i.defaultKeepAlive,o={},s={},u={},d={outlineThickness:{value:n},outlineColor:{value:a},outlineAlpha:{value:r}},c=["#include <common>","#include <uv_pars_vertex>","#include <displacementmap_pars_vertex>","#include <fog_pars_vertex>","#include <morphtarget_pars_vertex>","#include <skinning_pars_vertex>","#include <logdepthbuf_pars_vertex>","#include <clipping_planes_pars_vertex>","uniform float outlineThickness;","vec4 calculateOutline( vec4 pos, vec3 normal, vec4 skinned ) {","\tfloat thickness = outlineThickness;","\tconst float ratio = 1.0;","\tvec4 pos2 = projectionMatrix * modelViewMatrix * vec4( skinned.xyz + normal, 1.0 );","\tvec4 norm = normalize( pos - pos2 );","\treturn pos + norm * thickness * pos.w * ratio;","}","void main() {","\t#include <uv_vertex>","\t#include <beginnormal_vertex>","\t#include <morphnormal_vertex>","\t#include <skinbase_vertex>","\t#include <skinnormal_vertex>","\t#include <begin_vertex>","\t#include <morphtarget_vertex>","\t#include <skinning_vertex>","\t#include <displacementmap_vertex>","\t#include <project_vertex>","\tvec3 outlineNormal = - objectNormal;","\tgl_Position = calculateOutline( gl_Position, outlineNormal, vec4( transformed, 1.0 ) );","\t#include <logdepthbuf_vertex>","\t#include <clipping_planes_vertex>","\t#include <fog_vertex>","}"].join("\n"),p=["#include <common>","#include <fog_pars_fragment>","#include <logdepthbuf_pars_fragment>","#include <clipping_planes_pars_fragment>","uniform vec3 outlineColor;","uniform float outlineAlpha;","void main() {","\t#include <clipping_planes_fragment>","\t#include <logdepthbuf_fragment>","\tgl_FragColor = vec4( outlineColor, outlineAlpha );","\t#include <tonemapping_fragment>","\t#include <encodings_fragment>","\t#include <fog_fragment>","\t#include <premultiplied_alpha_fragment>","}"].join("\n");function m(t){const i=function(t){let i=o[t.uuid];return void 0===i&&(i={material:new e.ShaderMaterial({type:"OutlineEffect",uniforms:e.UniformsUtils.merge([e.UniformsLib.fog,e.UniformsLib.displacementmap,d]),vertexShader:c,fragmentShader:p,side:e.BackSide}),used:!0,keepAlive:l,count:0},o[t.uuid]=i),i.used=!0,i.material}(t);return s[i.uuid]=t,function(e,t){if("invisible"===e.name)return;const i=t.userData.outlineParameters;e.skinning=t.skinning,e.morphTargets=t.morphTargets,e.morphNormals=t.morphNormals,e.fog=t.fog,e.toneMapped=t.toneMapped,e.premultipliedAlpha=t.premultipliedAlpha,e.displacementMap=t.displacementMap,void 0!==i?(!1===t.visible?e.visible=!1:e.visible=void 0===i.visible||i.visible,e.transparent=void 0!==i.alpha&&i.alpha<1||t.transparent,void 0!==i.keepAlive&&(o[t.uuid].keepAlive=i.keepAlive)):(e.transparent=t.transparent,e.visible=t.visible);!0!==t.wireframe&&!1!==t.depthTest||(e.visible=!1);t.clippingPlanes&&(e.clipping=!0,e.clippingPlanes=t.clippingPlanes,e.clipIntersection=t.clipIntersection,e.clipShadows=t.clipShadows);e.version=t.version}(i,t),i}function v(e){const t=e.geometry;let i=!1;return void 0!==e.geometry&&(i=!t.isBufferGeometry||void 0!==t.attributes.normal),!0===e.isMesh&&void 0!==e.material&&!0===i}function f(e){if(!1!==v(e)){if(Array.isArray(e.material))for(let t=0,i=e.material.length;t<i;t++)e.material[t]=m(e.material[t]);else e.material=m(e.material);u[e.uuid]=e.onBeforeRender,e.onBeforeRender=g}}function h(e){if(!1!==v(e)){if(Array.isArray(e.material))for(let t=0,i=e.material.length;t<i;t++)e.material[t]=s[e.material[t].uuid];else e.material=s[e.material.uuid];e.onBeforeRender=u[e.uuid]}}function g(e,t,i,n,a){const r=s[a.uuid];void 0!==r&&function(e,t){const i=t.userData.outlineParameters;e.uniforms.outlineAlpha.value=t.opacity,void 0!==i&&(void 0!==i.thickness&&(e.uniforms.outlineThickness.value=i.thickness),void 0!==i.color&&e.uniforms.outlineColor.value.fromArray(i.color),void 0!==i.alpha&&(e.uniforms.outlineAlpha.value=i.alpha));t.displacementMap&&(e.uniforms.displacementMap.value=t.displacementMap,e.uniforms.displacementScale.value=t.displacementScale,e.uniforms.displacementBias.value=t.displacementBias)}(a,r)}this.render=function(e,i){let n,a=!1;if(void 0!==arguments[2]&&(console.warn("THREE.OutlineEffect.render(): the renderTarget argument has been removed. Use .setRenderTarget() instead."),n=arguments[2]),void 0!==arguments[3]&&(console.warn("THREE.OutlineEffect.render(): the forceClear argument has been removed. Use .clear() instead."),a=arguments[3]),void 0!==n&&t.setRenderTarget(n),a&&t.clear(),!1===this.enabled)return void t.render(e,i);const r=t.autoClear;t.autoClear=this.autoClear,t.render(e,i),t.autoClear=r,this.renderOutline(e,i)},this.renderOutline=(e,i)=>{const n=t.autoClear,a=e.autoUpdate,r=e.background,l=t.shadowMap.enabled;e.autoUpdate=!1,e.background=null,t.autoClear=!1,t.shadowMap.enabled=!1,e.traverse(f),t.render(e,i),e.traverse(h),function(){let e;e=Object.keys(s);for(let t=0,i=e.length;t<i;t++)s[e[t]]=void 0;e=Object.keys(u);for(let t=0,i=e.length;t<i;t++)u[e[t]]=void 0;e=Object.keys(o);for(let t=0,i=e.length;t<i;t++){const i=e[t];!1===o[i].used?(o[i].count++,!1===o[i].keepAlive&&o[i].count>60&&delete o[i]):(o[i].used=!1,o[i].count=0)}}(),e.autoUpdate=a,e.background=r,t.autoClear=n,t.shadowMap.enabled=l},this.autoClear=t.autoClear,this.domElement=t.domElement,this.shadowMap=t.shadowMap,this.clear=(e,i,n)=>{t.clear(e,i,n)},this.getPixelRatio=()=>t.getPixelRatio(),this.setPixelRatio=e=>{t.setPixelRatio(e)},this.getSize=e=>t.getSize(e),this.setSize=(e,i,n)=>{t.setSize(e,i,n)},this.setViewport=(e,i,n,a)=>{t.setViewport(e,i,n,a)},this.setScissor=(e,i,n,a)=>{t.setScissor(e,i,n,a)},this.setScissorTest=e=>{t.setScissorTest(e)},this.setRenderTarget=e=>{t.setRenderTarget(e)}};