three-stdlib 2.22.7 → 2.22.9

package/dist/effects/OutlineEffect.js

@@ -0,0 +1,298 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const THREE = require("three");
+const OutlineEffect = function(renderer, parameters) {
+  parameters = parameters || {};
+  this.enabled = true;
+  const defaultThickness = parameters.defaultThickness !== void 0 ? parameters.defaultThickness : 3e-3;
+  const defaultColor = new THREE.Color().fromArray(
+    parameters.defaultColor !== void 0 ? parameters.defaultColor : [0, 0, 0]
+  );
+  const defaultAlpha = parameters.defaultAlpha !== void 0 ? parameters.defaultAlpha : 1;
+  const defaultKeepAlive = parameters.defaultKeepAlive !== void 0 ? parameters.defaultKeepAlive : false;
+  const cache = {};
+  const removeThresholdCount = 60;
+  const originalMaterials = {};
+  const originalOnBeforeRenders = {};
+  const uniformsOutline = {
+    outlineThickness: { value: defaultThickness },
+    outlineColor: { value: defaultColor },
+    outlineAlpha: { value: defaultAlpha }
+  };
+  const vertexShader = [
+    "#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 ) {",
+    "	float thickness = outlineThickness;",
+    "	const float ratio = 1.0;",
+    // TODO: support outline thickness ratio for each vertex
+    "	vec4 pos2 = projectionMatrix * modelViewMatrix * vec4( skinned.xyz + normal, 1.0 );",
+    // NOTE: subtract pos2 from pos because BackSide objectNormal is negative
+    "	vec4 norm = normalize( pos - pos2 );",
+    "	return pos + norm * thickness * pos.w * ratio;",
+    "}",
+    "void main() {",
+    "	#include <uv_vertex>",
+    "	#include <beginnormal_vertex>",
+    "	#include <morphnormal_vertex>",
+    "	#include <skinbase_vertex>",
+    "	#include <skinnormal_vertex>",
+    "	#include <begin_vertex>",
+    "	#include <morphtarget_vertex>",
+    "	#include <skinning_vertex>",
+    "	#include <displacementmap_vertex>",
+    "	#include <project_vertex>",
+    "	vec3 outlineNormal = - objectNormal;",
+    // the outline material is always rendered with BackSide
+    "	gl_Position = calculateOutline( gl_Position, outlineNormal, vec4( transformed, 1.0 ) );",
+    "	#include <logdepthbuf_vertex>",
+    "	#include <clipping_planes_vertex>",
+    "	#include <fog_vertex>",
+    "}"
+  ].join("\n");
+  const fragmentShader = [
+    "#include <common>",
+    "#include <fog_pars_fragment>",
+    "#include <logdepthbuf_pars_fragment>",
+    "#include <clipping_planes_pars_fragment>",
+    "uniform vec3 outlineColor;",
+    "uniform float outlineAlpha;",
+    "void main() {",
+    "	#include <clipping_planes_fragment>",
+    "	#include <logdepthbuf_fragment>",
+    "	gl_FragColor = vec4( outlineColor, outlineAlpha );",
+    "	#include <tonemapping_fragment>",
+    "	#include <encodings_fragment>",
+    "	#include <fog_fragment>",
+    "	#include <premultiplied_alpha_fragment>",
+    "}"
+  ].join("\n");
+  function createMaterial() {
+    return new THREE.ShaderMaterial({
+      type: "OutlineEffect",
+      uniforms: THREE.UniformsUtils.merge([THREE.UniformsLib["fog"], THREE.UniformsLib["displacementmap"], uniformsOutline]),
+      vertexShader,
+      fragmentShader,
+      side: THREE.BackSide
+    });
+  }
+  function getOutlineMaterialFromCache(originalMaterial) {
+    let data = cache[originalMaterial.uuid];
+    if (data === void 0) {
+      data = {
+        material: createMaterial(),
+        used: true,
+        keepAlive: defaultKeepAlive,
+        count: 0
+      };
+      cache[originalMaterial.uuid] = data;
+    }
+    data.used = true;
+    return data.material;
+  }
+  function getOutlineMaterial(originalMaterial) {
+    const outlineMaterial = getOutlineMaterialFromCache(originalMaterial);
+    originalMaterials[outlineMaterial.uuid] = originalMaterial;
+    updateOutlineMaterial(outlineMaterial, originalMaterial);
+    return outlineMaterial;
+  }
+  function isCompatible(object) {
+    const geometry = object.geometry;
+    let hasNormals = false;
+    if (object.geometry !== void 0) {
+      if (geometry.isBufferGeometry) {
+        hasNormals = geometry.attributes.normal !== void 0;
+      } else {
+        hasNormals = true;
+      }
+    }
+    return object.isMesh === true && object.material !== void 0 && hasNormals === true;
+  }
+  function setOutlineMaterial(object) {
+    if (isCompatible(object) === false)
+      return;
+    if (Array.isArray(object.material)) {
+      for (let i = 0, il = object.material.length; i < il; i++) {
+        object.material[i] = getOutlineMaterial(object.material[i]);
+      }
+    } else {
+      object.material = getOutlineMaterial(object.material);
+    }
+    originalOnBeforeRenders[object.uuid] = object.onBeforeRender;
+    object.onBeforeRender = onBeforeRender;
+  }
+  function restoreOriginalMaterial(object) {
+    if (isCompatible(object) === false)
+      return;
+    if (Array.isArray(object.material)) {
+      for (let i = 0, il = object.material.length; i < il; i++) {
+        object.material[i] = originalMaterials[object.material[i].uuid];
+      }
+    } else {
+      object.material = originalMaterials[object.material.uuid];
+    }
+    object.onBeforeRender = originalOnBeforeRenders[object.uuid];
+  }
+  function onBeforeRender(renderer2, scene, camera, geometry, material) {
+    const originalMaterial = originalMaterials[material.uuid];
+    if (originalMaterial === void 0)
+      return;
+    updateUniforms(material, originalMaterial);
+  }
+  function updateUniforms(material, originalMaterial) {
+    const outlineParameters = originalMaterial.userData.outlineParameters;
+    material.uniforms.outlineAlpha.value = originalMaterial.opacity;
+    if (outlineParameters !== void 0) {
+      if (outlineParameters.thickness !== void 0) {
+        material.uniforms.outlineThickness.value = outlineParameters.thickness;
+      }
+      if (outlineParameters.color !== void 0)
+        material.uniforms.outlineColor.value.fromArray(outlineParameters.color);
+      if (outlineParameters.alpha !== void 0)
+        material.uniforms.outlineAlpha.value = outlineParameters.alpha;
+    }
+    if (originalMaterial.displacementMap) {
+      material.uniforms.displacementMap.value = originalMaterial.displacementMap;
+      material.uniforms.displacementScale.value = originalMaterial.displacementScale;
+      material.uniforms.displacementBias.value = originalMaterial.displacementBias;
+    }
+  }
+  function updateOutlineMaterial(material, originalMaterial) {
+    if (material.name === "invisible")
+      return;
+    const outlineParameters = originalMaterial.userData.outlineParameters;
+    material.skinning = originalMaterial.skinning;
+    material.morphTargets = originalMaterial.morphTargets;
+    material.morphNormals = originalMaterial.morphNormals;
+    material.fog = originalMaterial.fog;
+    material.toneMapped = originalMaterial.toneMapped;
+    material.premultipliedAlpha = originalMaterial.premultipliedAlpha;
+    material.displacementMap = originalMaterial.displacementMap;
+    if (outlineParameters !== void 0) {
+      if (originalMaterial.visible === false) {
+        material.visible = false;
+      } else {
+        material.visible = outlineParameters.visible !== void 0 ? outlineParameters.visible : true;
+      }
+      material.transparent = outlineParameters.alpha !== void 0 && outlineParameters.alpha < 1 ? true : originalMaterial.transparent;
+      if (outlineParameters.keepAlive !== void 0) {
+        cache[originalMaterial.uuid].keepAlive = outlineParameters.keepAlive;
+      }
+    } else {
+      material.transparent = originalMaterial.transparent;
+      material.visible = originalMaterial.visible;
+    }
+    if (originalMaterial.wireframe === true || originalMaterial.depthTest === false)
+      material.visible = false;
+    if (originalMaterial.clippingPlanes) {
+      material.clipping = true;
+      material.clippingPlanes = originalMaterial.clippingPlanes;
+      material.clipIntersection = originalMaterial.clipIntersection;
+      material.clipShadows = originalMaterial.clipShadows;
+    }
+    material.version = originalMaterial.version;
+  }
+  function cleanupCache() {
+    let keys;
+    keys = Object.keys(originalMaterials);
+    for (let i = 0, il = keys.length; i < il; i++) {
+      originalMaterials[keys[i]] = void 0;
+    }
+    keys = Object.keys(originalOnBeforeRenders);
+    for (let i = 0, il = keys.length; i < il; i++) {
+      originalOnBeforeRenders[keys[i]] = void 0;
+    }
+    keys = Object.keys(cache);
+    for (let i = 0, il = keys.length; i < il; i++) {
+      const key = keys[i];
+      if (cache[key].used === false) {
+        cache[key].count++;
+        if (cache[key].keepAlive === false && cache[key].count > removeThresholdCount) {
+          delete cache[key];
+        }
+      } else {
+        cache[key].used = false;
+        cache[key].count = 0;
+      }
+    }
+  }
+  this.render = function(scene, camera) {
+    let renderTarget;
+    let forceClear = false;
+    if (arguments[2] !== void 0) {
+      console.warn(
+        "THREE.OutlineEffect.render(): the renderTarget argument has been removed. Use .setRenderTarget() instead."
+      );
+      renderTarget = arguments[2];
+    }
+    if (arguments[3] !== void 0) {
+      console.warn("THREE.OutlineEffect.render(): the forceClear argument has been removed. Use .clear() instead.");
+      forceClear = arguments[3];
+    }
+    if (renderTarget !== void 0)
+      renderer.setRenderTarget(renderTarget);
+    if (forceClear)
+      renderer.clear();
+    if (this.enabled === false) {
+      renderer.render(scene, camera);
+      return;
+    }
+    const currentAutoClear = renderer.autoClear;
+    renderer.autoClear = this.autoClear;
+    renderer.render(scene, camera);
+    renderer.autoClear = currentAutoClear;
+    this.renderOutline(scene, camera);
+  };
+  this.renderOutline = (scene, camera) => {
+    const currentAutoClear = renderer.autoClear;
+    const currentSceneAutoUpdate = scene.autoUpdate;
+    const currentSceneBackground = scene.background;
+    const currentShadowMapEnabled = renderer.shadowMap.enabled;
+    scene.autoUpdate = false;
+    scene.background = null;
+    renderer.autoClear = false;
+    renderer.shadowMap.enabled = false;
+    scene.traverse(setOutlineMaterial);
+    renderer.render(scene, camera);
+    scene.traverse(restoreOriginalMaterial);
+    cleanupCache();
+    scene.autoUpdate = currentSceneAutoUpdate;
+    scene.background = currentSceneBackground;
+    renderer.autoClear = currentAutoClear;
+    renderer.shadowMap.enabled = currentShadowMapEnabled;
+  };
+  this.autoClear = renderer.autoClear;
+  this.domElement = renderer.domElement;
+  this.shadowMap = renderer.shadowMap;
+  this.clear = (color, depth, stencil) => {
+    renderer.clear(color, depth, stencil);
+  };
+  this.getPixelRatio = () => renderer.getPixelRatio();
+  this.setPixelRatio = (value) => {
+    renderer.setPixelRatio(value);
+  };
+  this.getSize = (target) => renderer.getSize(target);
+  this.setSize = (width, height, updateStyle) => {
+    renderer.setSize(width, height, updateStyle);
+  };
+  this.setViewport = (x, y, width, height) => {
+    renderer.setViewport(x, y, width, height);
+  };
+  this.setScissor = (x, y, width, height) => {
+    renderer.setScissor(x, y, width, height);
+  };
+  this.setScissorTest = (boolean) => {
+    renderer.setScissorTest(boolean);
+  };
+  this.setRenderTarget = (renderTarget) => {
+    renderer.setRenderTarget(renderTarget);
+  };
+};
+exports.OutlineEffect = OutlineEffect;

package/dist/effects/OutlineEffect.mjs

@@ -0,0 +1,298 @@
+import { Color, ShaderMaterial, UniformsUtils, UniformsLib, BackSide } from "three";
+const OutlineEffect = function(renderer, parameters) {
+  parameters = parameters || {};
+  this.enabled = true;
+  const defaultThickness = parameters.defaultThickness !== void 0 ? parameters.defaultThickness : 3e-3;
+  const defaultColor = new Color().fromArray(
+    parameters.defaultColor !== void 0 ? parameters.defaultColor : [0, 0, 0]
+  );
+  const defaultAlpha = parameters.defaultAlpha !== void 0 ? parameters.defaultAlpha : 1;
+  const defaultKeepAlive = parameters.defaultKeepAlive !== void 0 ? parameters.defaultKeepAlive : false;
+  const cache = {};
+  const removeThresholdCount = 60;
+  const originalMaterials = {};
+  const originalOnBeforeRenders = {};
+  const uniformsOutline = {
+    outlineThickness: { value: defaultThickness },
+    outlineColor: { value: defaultColor },
+    outlineAlpha: { value: defaultAlpha }
+  };
+  const vertexShader = [
+    "#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 ) {",
+    "	float thickness = outlineThickness;",
+    "	const float ratio = 1.0;",
+    // TODO: support outline thickness ratio for each vertex
+    "	vec4 pos2 = projectionMatrix * modelViewMatrix * vec4( skinned.xyz + normal, 1.0 );",
+    // NOTE: subtract pos2 from pos because BackSide objectNormal is negative
+    "	vec4 norm = normalize( pos - pos2 );",
+    "	return pos + norm * thickness * pos.w * ratio;",
+    "}",
+    "void main() {",
+    "	#include <uv_vertex>",
+    "	#include <beginnormal_vertex>",
+    "	#include <morphnormal_vertex>",
+    "	#include <skinbase_vertex>",
+    "	#include <skinnormal_vertex>",
+    "	#include <begin_vertex>",
+    "	#include <morphtarget_vertex>",
+    "	#include <skinning_vertex>",
+    "	#include <displacementmap_vertex>",
+    "	#include <project_vertex>",
+    "	vec3 outlineNormal = - objectNormal;",
+    // the outline material is always rendered with BackSide
+    "	gl_Position = calculateOutline( gl_Position, outlineNormal, vec4( transformed, 1.0 ) );",
+    "	#include <logdepthbuf_vertex>",
+    "	#include <clipping_planes_vertex>",
+    "	#include <fog_vertex>",
+    "}"
+  ].join("\n");
+  const fragmentShader = [
+    "#include <common>",
+    "#include <fog_pars_fragment>",
+    "#include <logdepthbuf_pars_fragment>",
+    "#include <clipping_planes_pars_fragment>",
+    "uniform vec3 outlineColor;",
+    "uniform float outlineAlpha;",
+    "void main() {",
+    "	#include <clipping_planes_fragment>",
+    "	#include <logdepthbuf_fragment>",
+    "	gl_FragColor = vec4( outlineColor, outlineAlpha );",
+    "	#include <tonemapping_fragment>",
+    "	#include <encodings_fragment>",
+    "	#include <fog_fragment>",
+    "	#include <premultiplied_alpha_fragment>",
+    "}"
+  ].join("\n");
+  function createMaterial() {
+    return new ShaderMaterial({
+      type: "OutlineEffect",
+      uniforms: UniformsUtils.merge([UniformsLib["fog"], UniformsLib["displacementmap"], uniformsOutline]),
+      vertexShader,
+      fragmentShader,
+      side: BackSide
+    });
+  }
+  function getOutlineMaterialFromCache(originalMaterial) {
+    let data = cache[originalMaterial.uuid];
+    if (data === void 0) {
+      data = {
+        material: createMaterial(),
+        used: true,
+        keepAlive: defaultKeepAlive,
+        count: 0
+      };
+      cache[originalMaterial.uuid] = data;
+    }
+    data.used = true;
+    return data.material;
+  }
+  function getOutlineMaterial(originalMaterial) {
+    const outlineMaterial = getOutlineMaterialFromCache(originalMaterial);
+    originalMaterials[outlineMaterial.uuid] = originalMaterial;
+    updateOutlineMaterial(outlineMaterial, originalMaterial);
+    return outlineMaterial;
+  }
+  function isCompatible(object) {
+    const geometry = object.geometry;
+    let hasNormals = false;
+    if (object.geometry !== void 0) {
+      if (geometry.isBufferGeometry) {
+        hasNormals = geometry.attributes.normal !== void 0;
+      } else {
+        hasNormals = true;
+      }
+    }
+    return object.isMesh === true && object.material !== void 0 && hasNormals === true;
+  }
+  function setOutlineMaterial(object) {
+    if (isCompatible(object) === false)
+      return;
+    if (Array.isArray(object.material)) {
+      for (let i = 0, il = object.material.length; i < il; i++) {
+        object.material[i] = getOutlineMaterial(object.material[i]);
+      }
+    } else {
+      object.material = getOutlineMaterial(object.material);
+    }
+    originalOnBeforeRenders[object.uuid] = object.onBeforeRender;
+    object.onBeforeRender = onBeforeRender;
+  }
+  function restoreOriginalMaterial(object) {
+    if (isCompatible(object) === false)
+      return;
+    if (Array.isArray(object.material)) {
+      for (let i = 0, il = object.material.length; i < il; i++) {
+        object.material[i] = originalMaterials[object.material[i].uuid];
+      }
+    } else {
+      object.material = originalMaterials[object.material.uuid];
+    }
+    object.onBeforeRender = originalOnBeforeRenders[object.uuid];
+  }
+  function onBeforeRender(renderer2, scene, camera, geometry, material) {
+    const originalMaterial = originalMaterials[material.uuid];
+    if (originalMaterial === void 0)
+      return;
+    updateUniforms(material, originalMaterial);
+  }
+  function updateUniforms(material, originalMaterial) {
+    const outlineParameters = originalMaterial.userData.outlineParameters;
+    material.uniforms.outlineAlpha.value = originalMaterial.opacity;
+    if (outlineParameters !== void 0) {
+      if (outlineParameters.thickness !== void 0) {
+        material.uniforms.outlineThickness.value = outlineParameters.thickness;
+      }
+      if (outlineParameters.color !== void 0)
+        material.uniforms.outlineColor.value.fromArray(outlineParameters.color);
+      if (outlineParameters.alpha !== void 0)
+        material.uniforms.outlineAlpha.value = outlineParameters.alpha;
+    }
+    if (originalMaterial.displacementMap) {
+      material.uniforms.displacementMap.value = originalMaterial.displacementMap;
+      material.uniforms.displacementScale.value = originalMaterial.displacementScale;
+      material.uniforms.displacementBias.value = originalMaterial.displacementBias;
+    }
+  }
+  function updateOutlineMaterial(material, originalMaterial) {
+    if (material.name === "invisible")
+      return;
+    const outlineParameters = originalMaterial.userData.outlineParameters;
+    material.skinning = originalMaterial.skinning;
+    material.morphTargets = originalMaterial.morphTargets;
+    material.morphNormals = originalMaterial.morphNormals;
+    material.fog = originalMaterial.fog;
+    material.toneMapped = originalMaterial.toneMapped;
+    material.premultipliedAlpha = originalMaterial.premultipliedAlpha;
+    material.displacementMap = originalMaterial.displacementMap;
+    if (outlineParameters !== void 0) {
+      if (originalMaterial.visible === false) {
+        material.visible = false;
+      } else {
+        material.visible = outlineParameters.visible !== void 0 ? outlineParameters.visible : true;
+      }
+      material.transparent = outlineParameters.alpha !== void 0 && outlineParameters.alpha < 1 ? true : originalMaterial.transparent;
+      if (outlineParameters.keepAlive !== void 0) {
+        cache[originalMaterial.uuid].keepAlive = outlineParameters.keepAlive;
+      }
+    } else {
+      material.transparent = originalMaterial.transparent;
+      material.visible = originalMaterial.visible;
+    }
+    if (originalMaterial.wireframe === true || originalMaterial.depthTest === false)
+      material.visible = false;
+    if (originalMaterial.clippingPlanes) {
+      material.clipping = true;
+      material.clippingPlanes = originalMaterial.clippingPlanes;
+      material.clipIntersection = originalMaterial.clipIntersection;
+      material.clipShadows = originalMaterial.clipShadows;
+    }
+    material.version = originalMaterial.version;
+  }
+  function cleanupCache() {
+    let keys;
+    keys = Object.keys(originalMaterials);
+    for (let i = 0, il = keys.length; i < il; i++) {
+      originalMaterials[keys[i]] = void 0;
+    }
+    keys = Object.keys(originalOnBeforeRenders);
+    for (let i = 0, il = keys.length; i < il; i++) {
+      originalOnBeforeRenders[keys[i]] = void 0;
+    }
+    keys = Object.keys(cache);
+    for (let i = 0, il = keys.length; i < il; i++) {
+      const key = keys[i];
+      if (cache[key].used === false) {
+        cache[key].count++;
+        if (cache[key].keepAlive === false && cache[key].count > removeThresholdCount) {
+          delete cache[key];
+        }
+      } else {
+        cache[key].used = false;
+        cache[key].count = 0;
+      }
+    }
+  }
+  this.render = function(scene, camera) {
+    let renderTarget;
+    let forceClear = false;
+    if (arguments[2] !== void 0) {
+      console.warn(
+        "THREE.OutlineEffect.render(): the renderTarget argument has been removed. Use .setRenderTarget() instead."
+      );
+      renderTarget = arguments[2];
+    }
+    if (arguments[3] !== void 0) {
+      console.warn("THREE.OutlineEffect.render(): the forceClear argument has been removed. Use .clear() instead.");
+      forceClear = arguments[3];
+    }
+    if (renderTarget !== void 0)
+      renderer.setRenderTarget(renderTarget);
+    if (forceClear)
+      renderer.clear();
+    if (this.enabled === false) {
+      renderer.render(scene, camera);
+      return;
+    }
+    const currentAutoClear = renderer.autoClear;
+    renderer.autoClear = this.autoClear;
+    renderer.render(scene, camera);
+    renderer.autoClear = currentAutoClear;
+    this.renderOutline(scene, camera);
+  };
+  this.renderOutline = (scene, camera) => {
+    const currentAutoClear = renderer.autoClear;
+    const currentSceneAutoUpdate = scene.autoUpdate;
+    const currentSceneBackground = scene.background;
+    const currentShadowMapEnabled = renderer.shadowMap.enabled;
+    scene.autoUpdate = false;
+    scene.background = null;
+    renderer.autoClear = false;
+    renderer.shadowMap.enabled = false;
+    scene.traverse(setOutlineMaterial);
+    renderer.render(scene, camera);
+    scene.traverse(restoreOriginalMaterial);
+    cleanupCache();
+    scene.autoUpdate = currentSceneAutoUpdate;
+    scene.background = currentSceneBackground;
+    renderer.autoClear = currentAutoClear;
+    renderer.shadowMap.enabled = currentShadowMapEnabled;
+  };
+  this.autoClear = renderer.autoClear;
+  this.domElement = renderer.domElement;
+  this.shadowMap = renderer.shadowMap;
+  this.clear = (color, depth, stencil) => {
+    renderer.clear(color, depth, stencil);
+  };
+  this.getPixelRatio = () => renderer.getPixelRatio();
+  this.setPixelRatio = (value) => {
+    renderer.setPixelRatio(value);
+  };
+  this.getSize = (target) => renderer.getSize(target);
+  this.setSize = (width, height, updateStyle) => {
+    renderer.setSize(width, height, updateStyle);
+  };
+  this.setViewport = (x, y, width, height) => {
+    renderer.setViewport(x, y, width, height);
+  };
+  this.setScissor = (x, y, width, height) => {
+    renderer.setScissor(x, y, width, height);
+  };
+  this.setScissorTest = (boolean) => {
+    renderer.setScissorTest(boolean);
+  };
+  this.setRenderTarget = (renderTarget) => {
+    renderer.setRenderTarget(renderTarget);
+  };
+};
+export {
+  OutlineEffect
+};

package/dist/effects/ParallaxBarrierEffect.d.ts

@@ -0,0 +1,8 @@
+import { Camera, Scene, WebGLRenderer } from 'three'
+
+export class ParallaxBarrierEffect {
+  constructor(renderer: WebGLRenderer)
+
+  render(scene: Scene, camera: Camera): void
+  setSize(width: number, height: number): void
+}

package/dist/effects/ParallaxBarrierEffect.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const THREE = require("three");
+const ParallaxBarrierEffect = function(renderer) {
+  const _camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
+  const _scene = new THREE.Scene();
+  const _stereo = new THREE.StereoCamera();
+  const _params = {
+    minFilter: THREE.LinearFilter,
+    magFilter: THREE.NearestFilter,
+    format: THREE.RGBAFormat
+  };
+  const _renderTargetL = new THREE.WebGLRenderTarget(512, 512, _params);
+  const _renderTargetR = new THREE.WebGLRenderTarget(512, 512, _params);
+  const _material = new THREE.ShaderMaterial({
+    uniforms: {
+      mapLeft: { value: _renderTargetL.texture },
+      mapRight: { value: _renderTargetR.texture }
+    },
+    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;",
+      "void main() {",
+      "	vec2 uv = vUv;",
+      "	if ( ( mod( gl_FragCoord.y, 2.0 ) ) > 1.00 ) {",
+      "		gl_FragColor = texture2D( mapLeft, uv );",
+      "	} else {",
+      "		gl_FragColor = texture2D( mapRight, uv );",
+      "	}",
+      "}"
+    ].join("\n")
+  });
+  const mesh = new THREE.Mesh(new THREE.PlaneGeometry(2, 2), _material);
+  _scene.add(mesh);
+  this.setSize = (width, height) => {
+    renderer.setSize(width, height);
+    const pixelRatio = renderer.getPixelRatio();
+    _renderTargetL.setSize(width * pixelRatio, height * pixelRatio);
+    _renderTargetR.setSize(width * pixelRatio, height * pixelRatio);
+  };
+  this.render = (scene, camera) => {
+    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);
+  };
+};
+exports.ParallaxBarrierEffect = ParallaxBarrierEffect;