three-stdlib 2.17.3 → 2.18.0

package/index.d.ts

@@ -14,6 +14,7 @@ export * from './renderers/CSS2DRenderer';
 export * from './renderers/CSS3DRenderer';
 export * from './renderers/Projector';
 export * from './renderers/SVGRenderer';
+export * from './textures/FlakesTexture';
 export * from './modifiers/CurveModifier';
 export * from './modifiers/SimplifyModifier';
 export * from './modifiers/EdgeSplitModifier';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-stdlib",
-  "version": "2.17.3",
+  "version": "2.18.0",
   "private": false,
   "description": "stand-alone library of threejs examples",
   "main": "index.cjs.js",

package/postprocessing/FilmPass.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("./Pass.cjs.js"),s=require("three"),i=require("../shaders/FilmShader.cjs.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);class n extends r.Pass{constructor(e,t,n,u){super(),a.default(this,"material",void 0),a.default(this,"fsQuad",void 0),a.default(this,"uniforms",void 0),void 0===i.FilmShader&&console.error("THREE.FilmPass relies on FilmShader");const d=i.FilmShader;this.uniforms=s.UniformsUtils.clone(d.uniforms),this.material=new s.ShaderMaterial({uniforms:this.uniforms,vertexShader:d.vertexShader,fragmentShader:d.fragmentShader}),void 0!==u&&(this.uniforms.grayscale.value=u),void 0!==e&&(this.uniforms.nIntensity.value=e),void 0!==t&&(this.uniforms.sIntensity.value=t),void 0!==n&&(this.uniforms.sCount.value=n),this.fsQuad=new r.FullScreenQuad(this.material)}render(e,r,s,i,t){this.uniforms.tDiffuse.value=s.texture,this.uniforms.time.value+=i,this.renderToScreen?(e.setRenderTarget(null),this.fsQuad.render(e)):(e.setRenderTarget(r),this.clear&&e.clear(),this.fsQuad.render(e))}}exports.FilmPass=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("./Pass.cjs.js"),s=require("three"),i=require("../shaders/FilmShader.cjs.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);class n extends r.Pass{constructor(e,t,n,u){super(),a.default(this,"material",void 0),a.default(this,"fsQuad",void 0),a.default(this,"uniforms",void 0),void 0===i.FilmShader&&console.error("THREE.FilmPass relies on FilmShader");const d=i.FilmShader;this.uniforms=s.UniformsUtils.clone(d.uniforms),this.material=new s.ShaderMaterial({uniforms:this.uniforms,vertexShader:d.vertexShader,fragmentShader:d.fragmentShader}),void 0!==u&&(this.uniforms.grayscale.value=u),void 0!==e&&(this.uniforms.nIntensity.value=e),void 0!==t&&(this.uniforms.sIntensity.value=t),void 0!==n&&(this.uniforms.sCount.value=n),this.fsQuad=new r.FullScreenQuad(this.material)}render(e,r,s,i){this.uniforms.tDiffuse.value=s.texture,this.uniforms.time.value+=i,this.renderToScreen?(e.setRenderTarget(null),this.fsQuad.render(e)):(e.setRenderTarget(r),this.clear&&e.clear(),this.fsQuad.render(e))}}exports.FilmPass=n;

package/postprocessing/FilmPass.d.ts

@@ -5,6 +5,6 @@ declare class FilmPass extends Pass {
     fsQuad: FullScreenQuad;
     uniforms: any;
     constructor(noiseIntensity?: number, scanlinesIntensity?: number, scanlinesCount?: number, grayscale?: boolean);
-    render(renderer: WebGLRenderer, writeBuffer: WebGLRenderTarget, readBuffer: WebGLRenderTarget, deltaTime: number, maskActive: boolean): void;
+    render(renderer: WebGLRenderer, writeBuffer: WebGLRenderTarget, readBuffer: WebGLRenderTarget, deltaTime: number): void;
 }
 export { FilmPass };

package/postprocessing/FilmPass.js

@@ -28,7 +28,7 @@ class FilmPass extends Pass {
     this.fsQuad = new FullScreenQuad(this.material);
   }
 
-  render(renderer, writeBuffer, readBuffer, deltaTime, maskActive) {
+  render(renderer, writeBuffer, readBuffer, deltaTime) {
     this.uniforms['tDiffuse'].value = readBuffer.texture;
     this.uniforms['time'].value += deltaTime;
 

package/postprocessing/WaterPass.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("three"),r=require("./Pass.cjs.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);class a extends r.Pass{constructor(){super(),n.default(this,"material",void 0),n.default(this,"fsQuad",void 0),n.default(this,"factor",void 0),n.default(this,"time",void 0),n.default(this,"uniforms",void 0),this.uniforms=t.UniformsUtils.clone({tex:{value:null},time:{value:0},factor:{value:0},resolution:{value:new t.Vector2(64,64)}}),this.material=new t.ShaderMaterial({uniforms:this.uniforms,vertexShader:"\n      varying vec2 vUv;\n      void main(){  \n        vUv = uv; \n        vec4 modelViewPosition = modelViewMatrix * vec4(position, 1.0);\n        gl_Position = projectionMatrix * modelViewPosition;\n      }",fragmentShader:"\n      uniform float time;\n      uniform float factor;\n      uniform vec2 resolution;\n      uniform sampler2D tex;\n      varying vec2 vUv;\n      void main() {  \n        vec2 uv1 = vUv;\n        vec2 uv = gl_FragCoord.xy/resolution.xy;\n        float frequency = 6.0 * factor;\n        float amplitude = 0.015 * factor;\n        float x = uv1.y * frequency + time * .7; \n        float y = uv1.x * frequency + time * .3;\n        uv1.x += cos(x+y) * amplitude * cos(y);\n        uv1.y += sin(x-y) * amplitude * cos(y);\n        vec4 rgba = texture2D(tex, uv1);\n        gl_FragColor = rgba;\n      }"}),this.fsQuad=new r.FullScreenQuad(this.material),this.factor=0,this.time=0}render(e,t,r){this.uniforms.tex.value=r.texture,this.uniforms.time.value=this.time,this.uniforms.factor.value=this.factor,this.renderToScreen?(e.setRenderTarget(null),this.fsQuad.render(e)):(e.setRenderTarget(t),this.clear&&e.clear(),this.fsQuad.render(e))}}exports.WaterPass=a;

package/postprocessing/WaterPass.d.ts

@@ -0,0 +1,12 @@
+import { WebGLRenderer, WebGLRenderTarget, ShaderMaterial } from 'three';
+import { Pass, FullScreenQuad } from '../postprocessing/Pass';
+declare class WaterPass extends Pass {
+    material: ShaderMaterial;
+    fsQuad: FullScreenQuad;
+    factor: number;
+    time: number;
+    uniforms: any;
+    constructor();
+    render(renderer: WebGLRenderer, writeBuffer: WebGLRenderTarget, readBuffer: WebGLRenderTarget): void;
+}
+export { WaterPass };

package/postprocessing/WaterPass.js

@@ -0,0 +1,102 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { UniformsUtils, Vector2, ShaderMaterial } from 'three';
+import { Pass, FullScreenQuad } from './Pass.js';
+
+/**
+ * Simple underwater shader
+ * 
+ 
+ parameters:
+ tex: texture
+ time: this should increase with time passing
+ factor: to what degree will the shader distort the screen 
+
+ explaination:
+ the shader is quite simple
+ it chooses a center and start from there make pixels around it to "swell" then "shrink" then "swell"...
+ this is of course nothing really similar to underwater scene
+ but you can combine several this shaders together to create the effect you need...
+ And yes, this shader could be used for something other than underwater effect, for example, magnifier effect :)
+
+ * @author vergil Wang
+ */
+
+class WaterPass extends Pass {
+  constructor() {
+    super();
+
+    _defineProperty(this, "material", void 0);
+
+    _defineProperty(this, "fsQuad", void 0);
+
+    _defineProperty(this, "factor", void 0);
+
+    _defineProperty(this, "time", void 0);
+
+    _defineProperty(this, "uniforms", void 0);
+
+    this.uniforms = UniformsUtils.clone({
+      tex: {
+        value: null
+      },
+      time: {
+        value: 0.0
+      },
+      factor: {
+        value: 0.0
+      },
+      resolution: {
+        value: new Vector2(64, 64)
+      }
+    });
+    this.material = new ShaderMaterial({
+      uniforms: this.uniforms,
+      vertexShader: `
+      varying vec2 vUv;
+      void main(){  
+        vUv = uv; 
+        vec4 modelViewPosition = modelViewMatrix * vec4(position, 1.0);
+        gl_Position = projectionMatrix * modelViewPosition;
+      }`,
+      fragmentShader: `
+      uniform float time;
+      uniform float factor;
+      uniform vec2 resolution;
+      uniform sampler2D tex;
+      varying vec2 vUv;
+      void main() {  
+        vec2 uv1 = vUv;
+        vec2 uv = gl_FragCoord.xy/resolution.xy;
+        float frequency = 6.0 * factor;
+        float amplitude = 0.015 * factor;
+        float x = uv1.y * frequency + time * .7; 
+        float y = uv1.x * frequency + time * .3;
+        uv1.x += cos(x+y) * amplitude * cos(y);
+        uv1.y += sin(x-y) * amplitude * cos(y);
+        vec4 rgba = texture2D(tex, uv1);
+        gl_FragColor = rgba;
+      }`
+    });
+    this.fsQuad = new FullScreenQuad(this.material);
+    this.factor = 0;
+    this.time = 0;
+  }
+
+  render(renderer, writeBuffer, readBuffer) {
+    this.uniforms['tex'].value = readBuffer.texture;
+    this.uniforms['time'].value = this.time;
+    this.uniforms['factor'].value = this.factor;
+
+    if (this.renderToScreen) {
+      renderer.setRenderTarget(null);
+      this.fsQuad.render(renderer);
+    } else {
+      renderer.setRenderTarget(writeBuffer);
+      if (this.clear) renderer.clear();
+      this.fsQuad.render(renderer);
+    }
+  }
+
+}
+
+export { WaterPass };

package/textures/FlakesTexture.d.ts

@@ -0,0 +1,4 @@
+declare class FlakesTexture {
+    constructor(width?: number, height?: number);
+}
+export { FlakesTexture };