three-stdlib 2.22.5 → 2.22.7

package/objects/Water.js

@@ -1,279 +0,0 @@
-import { Mesh, Vector3, Color, FrontSide, Plane, Matrix4, Vector4, PerspectiveCamera, WebGLRenderTarget, UniformsUtils, UniformsLib, ShaderMaterial } from 'three';
-
-/**
- * Work based on :
- * https://github.com/Slayvin: Flat mirror for three.js
- * https://home.adelphi.edu/~stemkoski/ : An implementation of water shader based on the flat mirror
- * http://29a.ch/ && http://29a.ch/slides/2012/webglwater/ : Water shader explanations in WebGL
- */
-
-class Water extends Mesh {
-  constructor(geometry, options = {}) {
-    super(geometry);
-    const scope = this;
-    const textureWidth = options.textureWidth !== undefined ? options.textureWidth : 512;
-    const textureHeight = options.textureHeight !== undefined ? options.textureHeight : 512;
-    const clipBias = options.clipBias !== undefined ? options.clipBias : 0.0;
-    const alpha = options.alpha !== undefined ? options.alpha : 1.0;
-    const time = options.time !== undefined ? options.time : 0.0;
-    const normalSampler = options.waterNormals !== undefined ? options.waterNormals : null;
-    const sunDirection = options.sunDirection !== undefined ? options.sunDirection : new Vector3(0.70707, 0.70707, 0.0);
-    const sunColor = new Color(options.sunColor !== undefined ? options.sunColor : 0xffffff);
-    const waterColor = new Color(options.waterColor !== undefined ? options.waterColor : 0x7f7f7f);
-    const eye = options.eye !== undefined ? options.eye : new Vector3(0, 0, 0);
-    const distortionScale = options.distortionScale !== undefined ? options.distortionScale : 20.0;
-    const side = options.side !== undefined ? options.side : FrontSide;
-    const fog = options.fog !== undefined ? options.fog : false; //
-
-    const mirrorPlane = new Plane();
-    const normal = new Vector3();
-    const mirrorWorldPosition = new Vector3();
-    const cameraWorldPosition = new Vector3();
-    const rotationMatrix = new Matrix4();
-    const lookAtPosition = new Vector3(0, 0, -1);
-    const clipPlane = new Vector4();
-    const view = new Vector3();
-    const target = new Vector3();
-    const q = new Vector4();
-    const textureMatrix = new Matrix4();
-    const mirrorCamera = new PerspectiveCamera();
-    const renderTarget = new WebGLRenderTarget(textureWidth, textureHeight);
-    const mirrorShader = {
-      uniforms: UniformsUtils.merge([UniformsLib['fog'], UniformsLib['lights'], {
-        normalSampler: {
-          value: null
-        },
-        mirrorSampler: {
-          value: null
-        },
-        alpha: {
-          value: 1.0
-        },
-        time: {
-          value: 0.0
-        },
-        size: {
-          value: 1.0
-        },
-        distortionScale: {
-          value: 20.0
-        },
-        textureMatrix: {
-          value: new Matrix4()
-        },
-        sunColor: {
-          value: new Color(0x7f7f7f)
-        },
-        sunDirection: {
-          value: new Vector3(0.70707, 0.70707, 0)
-        },
-        eye: {
-          value: new Vector3()
-        },
-        waterColor: {
-          value: new Color(0x555555)
-        }
-      }]),
-      vertexShader:
-      /* glsl */
-      `
-				uniform mat4 textureMatrix;
-				uniform float time;
-
-				varying vec4 mirrorCoord;
-				varying vec4 worldPosition;
-
-				#include <common>
-				#include <fog_pars_vertex>
-				#include <shadowmap_pars_vertex>
-				#include <logdepthbuf_pars_vertex>
-
-				void main() {
-					mirrorCoord = modelMatrix * vec4( position, 1.0 );
-					worldPosition = mirrorCoord.xyzw;
-					mirrorCoord = textureMatrix * mirrorCoord;
-					vec4 mvPosition =  modelViewMatrix * vec4( position, 1.0 );
-					gl_Position = projectionMatrix * mvPosition;
-
-				#include <beginnormal_vertex>
-				#include <defaultnormal_vertex>
-				#include <logdepthbuf_vertex>
-				#include <fog_vertex>
-				#include <shadowmap_vertex>
-			}`,
-      fragmentShader:
-      /* glsl */
-      `
-				uniform sampler2D mirrorSampler;
-				uniform float alpha;
-				uniform float time;
-				uniform float size;
-				uniform float distortionScale;
-				uniform sampler2D normalSampler;
-				uniform vec3 sunColor;
-				uniform vec3 sunDirection;
-				uniform vec3 eye;
-				uniform vec3 waterColor;
-
-				varying vec4 mirrorCoord;
-				varying vec4 worldPosition;
-
-				vec4 getNoise( vec2 uv ) {
-					vec2 uv0 = ( uv / 103.0 ) + vec2(time / 17.0, time / 29.0);
-					vec2 uv1 = uv / 107.0-vec2( time / -19.0, time / 31.0 );
-					vec2 uv2 = uv / vec2( 8907.0, 9803.0 ) + vec2( time / 101.0, time / 97.0 );
-					vec2 uv3 = uv / vec2( 1091.0, 1027.0 ) - vec2( time / 109.0, time / -113.0 );
-					vec4 noise = texture2D( normalSampler, uv0 ) +
-						texture2D( normalSampler, uv1 ) +
-						texture2D( normalSampler, uv2 ) +
-						texture2D( normalSampler, uv3 );
-					return noise * 0.5 - 1.0;
-				}
-
-				void sunLight( const vec3 surfaceNormal, const vec3 eyeDirection, float shiny, float spec, float diffuse, inout vec3 diffuseColor, inout vec3 specularColor ) {
-					vec3 reflection = normalize( reflect( -sunDirection, surfaceNormal ) );
-					float direction = max( 0.0, dot( eyeDirection, reflection ) );
-					specularColor += pow( direction, shiny ) * sunColor * spec;
-					diffuseColor += max( dot( sunDirection, surfaceNormal ), 0.0 ) * sunColor * diffuse;
-				}
-
-				#include <common>
-				#include <packing>
-				#include <bsdfs>
-				#include <fog_pars_fragment>
-				#include <logdepthbuf_pars_fragment>
-				#include <lights_pars_begin>
-				#include <shadowmap_pars_fragment>
-				#include <shadowmask_pars_fragment>
-
-				void main() {
-
-					#include <logdepthbuf_fragment>
-					vec4 noise = getNoise( worldPosition.xz * size );
-					vec3 surfaceNormal = normalize( noise.xzy * vec3( 1.5, 1.0, 1.5 ) );
-
-					vec3 diffuseLight = vec3(0.0);
-					vec3 specularLight = vec3(0.0);
-
-					vec3 worldToEye = eye-worldPosition.xyz;
-					vec3 eyeDirection = normalize( worldToEye );
-					sunLight( surfaceNormal, eyeDirection, 100.0, 2.0, 0.5, diffuseLight, specularLight );
-
-					float distance = length(worldToEye);
-
-					vec2 distortion = surfaceNormal.xz * ( 0.001 + 1.0 / distance ) * distortionScale;
-					vec3 reflectionSample = vec3( texture2D( mirrorSampler, mirrorCoord.xy / mirrorCoord.w + distortion ) );
-
-					float theta = max( dot( eyeDirection, surfaceNormal ), 0.0 );
-					float rf0 = 0.3;
-					float reflectance = rf0 + ( 1.0 - rf0 ) * pow( ( 1.0 - theta ), 5.0 );
-					vec3 scatter = max( 0.0, dot( surfaceNormal, eyeDirection ) ) * waterColor;
-					vec3 albedo = mix( ( sunColor * diffuseLight * 0.3 + scatter ) * getShadowMask(), ( vec3( 0.1 ) + reflectionSample * 0.9 + reflectionSample * specularLight ), reflectance);
-					vec3 outgoingLight = albedo;
-					gl_FragColor = vec4( outgoingLight, alpha );
-
-					#include <tonemapping_fragment>
-					#include <fog_fragment>
-				}`
-    };
-    const material = new ShaderMaterial({
-      fragmentShader: mirrorShader.fragmentShader,
-      vertexShader: mirrorShader.vertexShader,
-      uniforms: UniformsUtils.clone(mirrorShader.uniforms),
-      lights: true,
-      side: side,
-      fog: fog
-    });
-    material.uniforms['mirrorSampler'].value = renderTarget.texture;
-    material.uniforms['textureMatrix'].value = textureMatrix;
-    material.uniforms['alpha'].value = alpha;
-    material.uniforms['time'].value = time;
-    material.uniforms['normalSampler'].value = normalSampler;
-    material.uniforms['sunColor'].value = sunColor;
-    material.uniforms['waterColor'].value = waterColor;
-    material.uniforms['sunDirection'].value = sunDirection;
-    material.uniforms['distortionScale'].value = distortionScale;
-    material.uniforms['eye'].value = eye;
-    scope.material = material;
-
-    scope.onBeforeRender = function (renderer, scene, camera) {
-      mirrorWorldPosition.setFromMatrixPosition(scope.matrixWorld);
-      cameraWorldPosition.setFromMatrixPosition(camera.matrixWorld);
-      rotationMatrix.extractRotation(scope.matrixWorld);
-      normal.set(0, 0, 1);
-      normal.applyMatrix4(rotationMatrix);
-      view.subVectors(mirrorWorldPosition, cameraWorldPosition); // Avoid rendering when mirror is facing away
-
-      if (view.dot(normal) > 0) return;
-      view.reflect(normal).negate();
-      view.add(mirrorWorldPosition);
-      rotationMatrix.extractRotation(camera.matrixWorld);
-      lookAtPosition.set(0, 0, -1);
-      lookAtPosition.applyMatrix4(rotationMatrix);
-      lookAtPosition.add(cameraWorldPosition);
-      target.subVectors(mirrorWorldPosition, lookAtPosition);
-      target.reflect(normal).negate();
-      target.add(mirrorWorldPosition);
-      mirrorCamera.position.copy(view);
-      mirrorCamera.up.set(0, 1, 0);
-      mirrorCamera.up.applyMatrix4(rotationMatrix);
-      mirrorCamera.up.reflect(normal);
-      mirrorCamera.lookAt(target);
-      mirrorCamera.far = camera.far; // Used in WebGLBackground
-
-      mirrorCamera.updateMatrixWorld();
-      mirrorCamera.projectionMatrix.copy(camera.projectionMatrix); // Update the texture matrix
-
-      textureMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0);
-      textureMatrix.multiply(mirrorCamera.projectionMatrix);
-      textureMatrix.multiply(mirrorCamera.matrixWorldInverse); // Now update projection matrix with new clip plane, implementing code from: http://www.terathon.com/code/oblique.html
-      // Paper explaining this technique: http://www.terathon.com/lengyel/Lengyel-Oblique.pdf
-
-      mirrorPlane.setFromNormalAndCoplanarPoint(normal, mirrorWorldPosition);
-      mirrorPlane.applyMatrix4(mirrorCamera.matrixWorldInverse);
-      clipPlane.set(mirrorPlane.normal.x, mirrorPlane.normal.y, mirrorPlane.normal.z, mirrorPlane.constant);
-      const projectionMatrix = mirrorCamera.projectionMatrix;
-      q.x = (Math.sign(clipPlane.x) + projectionMatrix.elements[8]) / projectionMatrix.elements[0];
-      q.y = (Math.sign(clipPlane.y) + projectionMatrix.elements[9]) / projectionMatrix.elements[5];
-      q.z = -1.0;
-      q.w = (1.0 + projectionMatrix.elements[10]) / projectionMatrix.elements[14]; // Calculate the scaled plane vector
-
-      clipPlane.multiplyScalar(2.0 / clipPlane.dot(q)); // Replacing the third row of the projection matrix
-
-      projectionMatrix.elements[2] = clipPlane.x;
-      projectionMatrix.elements[6] = clipPlane.y;
-      projectionMatrix.elements[10] = clipPlane.z + 1.0 - clipBias;
-      projectionMatrix.elements[14] = clipPlane.w;
-      eye.setFromMatrixPosition(camera.matrixWorld); // Render
-
-      const currentRenderTarget = renderer.getRenderTarget();
-      const currentXrEnabled = renderer.xr.enabled;
-      const currentShadowAutoUpdate = renderer.shadowMap.autoUpdate;
-      scope.visible = false;
-      renderer.xr.enabled = false; // Avoid camera modification and recursion
-
-      renderer.shadowMap.autoUpdate = false; // Avoid re-computing shadows
-
-      renderer.setRenderTarget(renderTarget);
-      renderer.state.buffers.depth.setMask(true); // make sure the depth buffer is writable so it can be properly cleared, see #18897
-
-      if (renderer.autoClear === false) renderer.clear();
-      renderer.render(scene, mirrorCamera);
-      scope.visible = true;
-      renderer.xr.enabled = currentXrEnabled;
-      renderer.shadowMap.autoUpdate = currentShadowAutoUpdate;
-      renderer.setRenderTarget(currentRenderTarget); // Restore viewport
-
-      const viewport = camera.viewport;
-
-      if (viewport !== undefined) {
-        renderer.state.viewport(viewport);
-      }
-    };
-  }
-
-}
-
-Water.prototype.isWater = true;
-
-export { Water };

package/objects/Water2.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("three"),e=require("./Reflector.cjs.js"),r=require("./Refractor.cjs.js");class o extends t.Mesh{constructor(n,a={}){super(n),this.type="Water";const l=this,i=void 0!==a.color?new t.Color(a.color):new t.Color(16777215),f=a.textureWidth||512,c=a.textureHeight||512,u=a.clipBias||0,v=a.flowDirection||new t.Vector2(1,0),m=a.flowSpeed||.03,s=a.reflectivity||.02,p=a.scale||1,d=a.shader||o.WaterShader,x=void 0!==a.encoding?a.encoding:3e3,g=new t.TextureLoader,h=a.flowMap||void 0,w=a.normalMap0||g.load("textures/water/Water_1_M_Normal.jpg"),y=a.normalMap1||g.load("textures/water/Water_2_M_Normal.jpg"),M=.15,_=.075,R=new t.Matrix4,C=new t.Clock;if(void 0===e.Reflector)return void console.error("THREE.Water: Required component Reflector not found.");if(void 0===r.Refractor)return void console.error("THREE.Water: Required component Refractor not found.");const W=new e.Reflector(n,{textureWidth:f,textureHeight:c,clipBias:u,encoding:x}),D=new r.Refractor(n,{textureWidth:f,textureHeight:c,clipBias:u,encoding:x});W.matrixAutoUpdate=!1,D.matrixAutoUpdate=!1,this.material=new t.ShaderMaterial({uniforms:t.UniformsUtils.merge([t.UniformsLib.fog,d.uniforms]),vertexShader:d.vertexShader,fragmentShader:d.fragmentShader,transparent:!0,fog:!0}),void 0!==h?(this.material.defines.USE_FLOWMAP="",this.material.uniforms.tFlowMap={type:"t",value:h}):this.material.uniforms.flowDirection={type:"v2",value:v},w.wrapS=w.wrapT=t.RepeatWrapping,y.wrapS=y.wrapT=t.RepeatWrapping,this.material.uniforms.tReflectionMap.value=W.getRenderTarget().texture,this.material.uniforms.tRefractionMap.value=D.getRenderTarget().texture,this.material.uniforms.tNormalMap0.value=w,this.material.uniforms.tNormalMap1.value=y,this.material.uniforms.color.value=i,this.material.uniforms.reflectivity.value=s,this.material.uniforms.textureMatrix.value=R,this.material.uniforms.config.value.x=0,this.material.uniforms.config.value.y=_,this.material.uniforms.config.value.z=_,this.material.uniforms.config.value.w=p,this.onBeforeRender=function(t,e,r){!function(t){R.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),R.multiply(t.projectionMatrix),R.multiply(t.matrixWorldInverse),R.multiply(l.matrixWorld)}(r),function(){const t=C.getDelta(),e=l.material.uniforms.config;e.value.x+=m*t,e.value.y=e.value.x+_,e.value.x>=M?(e.value.x=0,e.value.y=_):e.value.y>=M&&(e.value.y=e.value.y-M)}(),l.visible=!1,W.matrixWorld.copy(l.matrixWorld),D.matrixWorld.copy(l.matrixWorld),W.onBeforeRender(t,e,r),D.onBeforeRender(t,e,r),l.visible=!0}}}o.prototype.isWater=!0,o.WaterShader={uniforms:{color:{type:"c",value:null},reflectivity:{type:"f",value:0},tReflectionMap:{type:"t",value:null},tRefractionMap:{type:"t",value:null},tNormalMap0:{type:"t",value:null},tNormalMap1:{type:"t",value:null},textureMatrix:{type:"m4",value:null},config:{type:"v4",value:new t.Vector4}},vertexShader:"\n\n\t\t#include <common>\n\t\t#include <fog_pars_vertex>\n\t\t#include <logdepthbuf_pars_vertex>\n\n\t\tuniform mat4 textureMatrix;\n\n\t\tvarying vec4 vCoord;\n\t\tvarying vec2 vUv;\n\t\tvarying vec3 vToEye;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tvCoord = textureMatrix * vec4( position, 1.0 );\n\n\t\t\tvec4 worldPosition = modelMatrix * vec4( position, 1.0 );\n\t\t\tvToEye = cameraPosition - worldPosition.xyz;\n\n\t\t\tvec4 mvPosition =  viewMatrix * worldPosition; // used in fog_vertex\n\t\t\tgl_Position = projectionMatrix * mvPosition;\n\n\t\t\t#include <logdepthbuf_vertex>\n\t\t\t#include <fog_vertex>\n\n\t\t}",fragmentShader:"\n\n\t\t#include <common>\n\t\t#include <fog_pars_fragment>\n\t\t#include <logdepthbuf_pars_fragment>\n\n\t\tuniform sampler2D tReflectionMap;\n\t\tuniform sampler2D tRefractionMap;\n\t\tuniform sampler2D tNormalMap0;\n\t\tuniform sampler2D tNormalMap1;\n\n\t\t#ifdef USE_FLOWMAP\n\t\t\tuniform sampler2D tFlowMap;\n\t\t#else\n\t\t\tuniform vec2 flowDirection;\n\t\t#endif\n\n\t\tuniform vec3 color;\n\t\tuniform float reflectivity;\n\t\tuniform vec4 config;\n\n\t\tvarying vec4 vCoord;\n\t\tvarying vec2 vUv;\n\t\tvarying vec3 vToEye;\n\n\t\tvoid main() {\n\n\t\t\t#include <logdepthbuf_fragment>\n\n\t\t\tfloat flowMapOffset0 = config.x;\n\t\t\tfloat flowMapOffset1 = config.y;\n\t\t\tfloat halfCycle = config.z;\n\t\t\tfloat scale = config.w;\n\n\t\t\tvec3 toEye = normalize( vToEye );\n\n\t\t\t// determine flow direction\n\t\t\tvec2 flow;\n\t\t\t#ifdef USE_FLOWMAP\n\t\t\t\tflow = texture2D( tFlowMap, vUv ).rg * 2.0 - 1.0;\n\t\t\t#else\n\t\t\t\tflow = flowDirection;\n\t\t\t#endif\n\t\t\tflow.x *= - 1.0;\n\n\t\t\t// sample normal maps (distort uvs with flowdata)\n\t\t\tvec4 normalColor0 = texture2D( tNormalMap0, ( vUv * scale ) + flow * flowMapOffset0 );\n\t\t\tvec4 normalColor1 = texture2D( tNormalMap1, ( vUv * scale ) + flow * flowMapOffset1 );\n\n\t\t\t// linear interpolate to get the final normal color\n\t\t\tfloat flowLerp = abs( halfCycle - flowMapOffset0 ) / halfCycle;\n\t\t\tvec4 normalColor = mix( normalColor0, normalColor1, flowLerp );\n\n\t\t\t// calculate normal vector\n\t\t\tvec3 normal = normalize( vec3( normalColor.r * 2.0 - 1.0, normalColor.b,  normalColor.g * 2.0 - 1.0 ) );\n\n\t\t\t// calculate the fresnel term to blend reflection and refraction maps\n\t\t\tfloat theta = max( dot( toEye, normal ), 0.0 );\n\t\t\tfloat reflectance = reflectivity + ( 1.0 - reflectivity ) * pow( ( 1.0 - theta ), 5.0 );\n\n\t\t\t// calculate final uv coords\n\t\t\tvec3 coord = vCoord.xyz / vCoord.w;\n\t\t\tvec2 uv = coord.xy + coord.z * normal.xz * 0.05;\n\n\t\t\tvec4 reflectColor = texture2D( tReflectionMap, vec2( 1.0 - uv.x, uv.y ) );\n\t\t\tvec4 refractColor = texture2D( tRefractionMap, uv );\n\n\t\t\t// multiply water color with the mix of both textures\n\t\t\tgl_FragColor = vec4( color, 1.0 ) * mix( refractColor, reflectColor, reflectance );\n\n\t\t\t#include <tonemapping_fragment>\n\t\t\t#include <encodings_fragment>\n\t\t\t#include <fog_fragment>\n\n\t\t}"},exports.Water2=o;

package/objects/Water2.d.ts

@@ -1,30 +0,0 @@
-import {
-    BufferGeometry,
-    ColorRepresentation,
-    Mesh,
-    ShaderMaterial,
-    Texture,
-    TextureEncoding,
-    Vector2,
-} from 'three';
-
-export interface Water2Options {
-    color?: ColorRepresentation;
-    textureWidth?: number;
-    textureHeight?: number;
-    clipBias?: number;
-    flowDirection?: Vector2;
-    flowSpeed?: number;
-    reflectivity?: number;
-    scale?: number;
-    shader?: object;
-    flowMap?: Texture;
-    normalMap0?: Texture;
-    normalMap1?: Texture;
-    encoding?: TextureEncoding;
-}
-
-export class Water2 extends Mesh {
-    material: ShaderMaterial;
-    constructor(geometry: BufferGeometry, options: Water2Options);
-}

package/objects/Water2.js

@@ -1,288 +0,0 @@
-import { Mesh, Color, Vector2, TextureLoader, Matrix4, Clock, ShaderMaterial, UniformsUtils, UniformsLib, RepeatWrapping, Vector4 } from 'three';
-import { Reflector } from './Reflector.js';
-import { Refractor } from './Refractor.js';
-
-/**
- * References:
- *	http://www.valvesoftware.com/publications/2010/siggraph2010_vlachos_waterflow.pdf
- * 	http://graphicsrunner.blogspot.de/2010/08/water-using-flow-maps.html
- *
- */
-
-class Water2 extends Mesh {
-  constructor(geometry, options = {}) {
-    super(geometry);
-    this.type = 'Water';
-    const scope = this;
-    const color = options.color !== undefined ? new Color(options.color) : new Color(0xffffff);
-    const textureWidth = options.textureWidth || 512;
-    const textureHeight = options.textureHeight || 512;
-    const clipBias = options.clipBias || 0;
-    const flowDirection = options.flowDirection || new Vector2(1, 0);
-    const flowSpeed = options.flowSpeed || 0.03;
-    const reflectivity = options.reflectivity || 0.02;
-    const scale = options.scale || 1;
-    const shader = options.shader || Water2.WaterShader;
-    const encoding = options.encoding !== undefined ? options.encoding : 3000;
-    const textureLoader = new TextureLoader();
-    const flowMap = options.flowMap || undefined;
-    const normalMap0 = options.normalMap0 || textureLoader.load('textures/water/Water_1_M_Normal.jpg');
-    const normalMap1 = options.normalMap1 || textureLoader.load('textures/water/Water_2_M_Normal.jpg');
-    const cycle = 0.15; // a cycle of a flow map phase
-
-    const halfCycle = cycle * 0.5;
-    const textureMatrix = new Matrix4();
-    const clock = new Clock(); // internal components
-
-    if (Reflector === undefined) {
-      console.error('THREE.Water: Required component Reflector not found.');
-      return;
-    }
-
-    if (Refractor === undefined) {
-      console.error('THREE.Water: Required component Refractor not found.');
-      return;
-    }
-
-    const reflector = new Reflector(geometry, {
-      textureWidth: textureWidth,
-      textureHeight: textureHeight,
-      clipBias: clipBias,
-      encoding: encoding
-    });
-    const refractor = new Refractor(geometry, {
-      textureWidth: textureWidth,
-      textureHeight: textureHeight,
-      clipBias: clipBias,
-      encoding: encoding
-    });
-    reflector.matrixAutoUpdate = false;
-    refractor.matrixAutoUpdate = false; // material
-
-    this.material = new ShaderMaterial({
-      uniforms: UniformsUtils.merge([UniformsLib['fog'], shader.uniforms]),
-      vertexShader: shader.vertexShader,
-      fragmentShader: shader.fragmentShader,
-      transparent: true,
-      fog: true
-    });
-
-    if (flowMap !== undefined) {
-      this.material.defines.USE_FLOWMAP = '';
-      this.material.uniforms['tFlowMap'] = {
-        type: 't',
-        value: flowMap
-      };
-    } else {
-      this.material.uniforms['flowDirection'] = {
-        type: 'v2',
-        value: flowDirection
-      };
-    } // maps
-
-
-    normalMap0.wrapS = normalMap0.wrapT = RepeatWrapping;
-    normalMap1.wrapS = normalMap1.wrapT = RepeatWrapping;
-    this.material.uniforms['tReflectionMap'].value = reflector.getRenderTarget().texture;
-    this.material.uniforms['tRefractionMap'].value = refractor.getRenderTarget().texture;
-    this.material.uniforms['tNormalMap0'].value = normalMap0;
-    this.material.uniforms['tNormalMap1'].value = normalMap1; // water
-
-    this.material.uniforms['color'].value = color;
-    this.material.uniforms['reflectivity'].value = reflectivity;
-    this.material.uniforms['textureMatrix'].value = textureMatrix; // inital values
-
-    this.material.uniforms['config'].value.x = 0; // flowMapOffset0
-
-    this.material.uniforms['config'].value.y = halfCycle; // flowMapOffset1
-
-    this.material.uniforms['config'].value.z = halfCycle; // halfCycle
-
-    this.material.uniforms['config'].value.w = scale; // scale
-    // functions
-
-    function updateTextureMatrix(camera) {
-      textureMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0);
-      textureMatrix.multiply(camera.projectionMatrix);
-      textureMatrix.multiply(camera.matrixWorldInverse);
-      textureMatrix.multiply(scope.matrixWorld);
-    }
-
-    function updateFlow() {
-      const delta = clock.getDelta();
-      const config = scope.material.uniforms['config'];
-      config.value.x += flowSpeed * delta; // flowMapOffset0
-
-      config.value.y = config.value.x + halfCycle; // flowMapOffset1
-      // Important: The distance between offsets should be always the value of "halfCycle".
-      // Moreover, both offsets should be in the range of [ 0, cycle ].
-      // This approach ensures a smooth water flow and avoids "reset" effects.
-
-      if (config.value.x >= cycle) {
-        config.value.x = 0;
-        config.value.y = halfCycle;
-      } else if (config.value.y >= cycle) {
-        config.value.y = config.value.y - cycle;
-      }
-    } //
-
-
-    this.onBeforeRender = function (renderer, scene, camera) {
-      updateTextureMatrix(camera);
-      updateFlow();
-      scope.visible = false;
-      reflector.matrixWorld.copy(scope.matrixWorld);
-      refractor.matrixWorld.copy(scope.matrixWorld);
-      reflector.onBeforeRender(renderer, scene, camera);
-      refractor.onBeforeRender(renderer, scene, camera);
-      scope.visible = true;
-    };
-  }
-
-}
-
-Water2.prototype.isWater = true;
-Water2.WaterShader = {
-  uniforms: {
-    color: {
-      type: 'c',
-      value: null
-    },
-    reflectivity: {
-      type: 'f',
-      value: 0
-    },
-    tReflectionMap: {
-      type: 't',
-      value: null
-    },
-    tRefractionMap: {
-      type: 't',
-      value: null
-    },
-    tNormalMap0: {
-      type: 't',
-      value: null
-    },
-    tNormalMap1: {
-      type: 't',
-      value: null
-    },
-    textureMatrix: {
-      type: 'm4',
-      value: null
-    },
-    config: {
-      type: 'v4',
-      value: new Vector4()
-    }
-  },
-  vertexShader:
-  /* glsl */
-  `
-
-		#include <common>
-		#include <fog_pars_vertex>
-		#include <logdepthbuf_pars_vertex>
-
-		uniform mat4 textureMatrix;
-
-		varying vec4 vCoord;
-		varying vec2 vUv;
-		varying vec3 vToEye;
-
-		void main() {
-
-			vUv = uv;
-			vCoord = textureMatrix * vec4( position, 1.0 );
-
-			vec4 worldPosition = modelMatrix * vec4( position, 1.0 );
-			vToEye = cameraPosition - worldPosition.xyz;
-
-			vec4 mvPosition =  viewMatrix * worldPosition; // used in fog_vertex
-			gl_Position = projectionMatrix * mvPosition;
-
-			#include <logdepthbuf_vertex>
-			#include <fog_vertex>
-
-		}`,
-  fragmentShader:
-  /* glsl */
-  `
-
-		#include <common>
-		#include <fog_pars_fragment>
-		#include <logdepthbuf_pars_fragment>
-
-		uniform sampler2D tReflectionMap;
-		uniform sampler2D tRefractionMap;
-		uniform sampler2D tNormalMap0;
-		uniform sampler2D tNormalMap1;
-
-		#ifdef USE_FLOWMAP
-			uniform sampler2D tFlowMap;
-		#else
-			uniform vec2 flowDirection;
-		#endif
-
-		uniform vec3 color;
-		uniform float reflectivity;
-		uniform vec4 config;
-
-		varying vec4 vCoord;
-		varying vec2 vUv;
-		varying vec3 vToEye;
-
-		void main() {
-
-			#include <logdepthbuf_fragment>
-
-			float flowMapOffset0 = config.x;
-			float flowMapOffset1 = config.y;
-			float halfCycle = config.z;
-			float scale = config.w;
-
-			vec3 toEye = normalize( vToEye );
-
-			// determine flow direction
-			vec2 flow;
-			#ifdef USE_FLOWMAP
-				flow = texture2D( tFlowMap, vUv ).rg * 2.0 - 1.0;
-			#else
-				flow = flowDirection;
-			#endif
-			flow.x *= - 1.0;
-
-			// sample normal maps (distort uvs with flowdata)
-			vec4 normalColor0 = texture2D( tNormalMap0, ( vUv * scale ) + flow * flowMapOffset0 );
-			vec4 normalColor1 = texture2D( tNormalMap1, ( vUv * scale ) + flow * flowMapOffset1 );
-
-			// linear interpolate to get the final normal color
-			float flowLerp = abs( halfCycle - flowMapOffset0 ) / halfCycle;
-			vec4 normalColor = mix( normalColor0, normalColor1, flowLerp );
-
-			// calculate normal vector
-			vec3 normal = normalize( vec3( normalColor.r * 2.0 - 1.0, normalColor.b,  normalColor.g * 2.0 - 1.0 ) );
-
-			// calculate the fresnel term to blend reflection and refraction maps
-			float theta = max( dot( toEye, normal ), 0.0 );
-			float reflectance = reflectivity + ( 1.0 - reflectivity ) * pow( ( 1.0 - theta ), 5.0 );
-
-			// calculate final uv coords
-			vec3 coord = vCoord.xyz / vCoord.w;
-			vec2 uv = coord.xy + coord.z * normal.xz * 0.05;
-
-			vec4 reflectColor = texture2D( tReflectionMap, vec2( 1.0 - uv.x, uv.y ) );
-			vec4 refractColor = texture2D( tRefractionMap, uv );
-
-			// multiply water color with the mix of both textures
-			gl_FragColor = vec4( color, 1.0 ) * mix( refractColor, reflectColor, reflectance );
-
-			#include <tonemapping_fragment>
-			#include <encodings_fragment>
-			#include <fog_fragment>
-
-		}`
-};
-
-export { Water2 };

package/offscreen/jank.cjs.js

@@ -1 +0,0 @@
-"use strict";var t=null,e=null;function n(){var t=0;for(let e=0;e<1e7;e++)t+=Math.random();e.textContent=t}module.exports=function(){var l=document.getElementById("button");l.addEventListener("click",(function(){null===t?(t=setInterval(n,1e3/60),l.textContent="STOP JANK"):(clearInterval(t),t=null,l.textContent="START JANK",e.textContent="")})),e=document.getElementById("result")};

package/offscreen/jank.js

@@ -1,30 +0,0 @@
-var interval = null;
-var result = null;
-
-function initJank() {
-  var button = document.getElementById('button');
-  button.addEventListener('click', function () {
-    if (interval === null) {
-      interval = setInterval(jank, 1000 / 60);
-      button.textContent = 'STOP JANK';
-    } else {
-      clearInterval(interval);
-      interval = null;
-      button.textContent = 'START JANK';
-      result.textContent = '';
-    }
-  });
-  result = document.getElementById('result');
-}
-
-function jank() {
-  var number = 0;
-
-  for (let i = 0; i < 10000000; i++) {
-    number += Math.random();
-  }
-
-  result.textContent = number;
-}
-
-export default initJank;

package/offscreen/offscreen.cjs.js

@@ -1 +0,0 @@
-"use strict";var e=require("./scene.cjs.js");require("three"),self.onmessage=function(r){var a=r.data;e(a.drawingSurface,a.width,a.height,a.pixelRatio,a.path)};

package/offscreen/offscreen.js

@@ -1,7 +0,0 @@
-import init from './scene.js';
-import 'three';
-
-self.onmessage = function (message) {
-  var data = message.data;
-  init(data.drawingSurface, data.width, data.height, data.pixelRatio, data.path);
-};

package/offscreen/scene.cjs.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var t,a,r,n,o=e(require("three"));function i(){n.rotation.y=-Date.now()/4e3,r.render(a,t),self.requestAnimationFrame&&self.requestAnimationFrame(i)}var c=1;function s(){var e=1e4*Math.sin(c++);return e-Math.floor(e)}module.exports=function(e,c,l,p,u){(t=new o.PerspectiveCamera(40,c/l,1,1e3)).position.z=200,(a=new o.Scene).fog=new o.Fog(4473958,100,400),a.background=new o.Color(4473958),n=new o.Group,a.add(n);var f=(new o.ImageBitmapLoader).setPath(u);f.setOptions({imageOrientation:"flipY"}),f.load("textures/matcaps/matcap-porcelain-white.jpg",(function(t){var a=new o.CanvasTexture(t),u=new o.IcosahedronGeometry(5,8),f=[new o.MeshMatcapMaterial({color:11150559,matcap:a}),new o.MeshMatcapMaterial({color:6315408,matcap:a}),new o.MeshMatcapMaterial({color:14699071,matcap:a}),new o.MeshMatcapMaterial({color:14877782,matcap:a})];for(let e=0;e<100;e++){var m=f[e%f.length],w=new o.Mesh(u,m);w.position.x=200*s()-100,w.position.y=200*s()-100,w.position.z=200*s()-100,w.scale.setScalar(s()+1),n.add(w)}(r=new o.WebGLRenderer({antialias:!0,canvas:e})).setPixelRatio(p),r.setSize(c,l,!1),i()}))};