feat: watereffect

src/effects/Water.tsx

@@ -0,0 +1,31 @@
+import { Uniform } from 'three'
+import { BlendFunction, Effect, EffectAttribute } from 'postprocessing'
+import { wrapEffect } from '../util'
+
+const WaterShader = {
+  fragmentShader: `
+  uniform float factor;
+  void mainImage(const in vec4 inputColor, const in vec2 uv, out vec4 outputColor) {
+    vec2 vUv = uv;
+    float frequency = 6.0 * factor;
+    float amplitude = 0.015 * factor;
+    float x = vUv.y * frequency + time * .7; 
+    float y = vUv.x * frequency + time * .3;
+    vUv.x += cos(x+y) * amplitude * cos(y);
+    vUv.y += sin(x-y) * amplitude * cos(y);
+    vec4 rgba = texture2D(inputBuffer, vUv);
+    outputColor = rgba;
+  }`
+}
+
+export class WaterEffectImpl extends Effect {
+  constructor({ blendFunction = BlendFunction.NORMAL, factor = 0 } = {}) {
+    super('WaterEffect', WaterShader.fragmentShader, {
+      blendFunction,
+      attributes: EffectAttribute.CONVOLUTION,
+      uniforms: new Map<string, Uniform<number | number[]>>([['factor', new Uniform(factor)]])
+    })
+  }
+}
+
+export const WaterEffect = wrapEffect(WaterEffectImpl, { blendFunction: BlendFunction.NORMAL })

src/index.tsx

@@ -33,6 +33,7 @@ export * from './effects/LUT'
 export * from './effects/TiltShift'
 export * from './effects/TiltShift2'
 export * from './effects/ASCII'
+export * from './effects/Water'
 
 // These are not effect passes
 export * from './effects/SSR'