opal-js_wrap-three 0.1.1 → 0.1.2

data/lib-opal/js_wrap/three/shaders/SSRrShader.js

@@ -0,0 +1,106 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.SSRrShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.SSRrShader = _exports.SSRrDepthShader = void 0;
+  var SSRrShader = {
+    defines: {
+      MAX_STEP: 0,
+      PERSPECTIVE_CAMERA: true,
+      SPECULAR: true,
+      FILL_HOLE: true,
+      INFINITE_THICK: false
+    },
+    uniforms: {
+      'tDiffuse': {
+        value: null
+      },
+      'tSpecular': {
+        value: null
+      },
+      'tNormalSelects': {
+        value: null
+      },
+      'tRefractive': {
+        value: null
+      },
+      'tDepth': {
+        value: null
+      },
+      'tDepthSelects': {
+        value: null
+      },
+      'cameraNear': {
+        value: null
+      },
+      'cameraFar': {
+        value: null
+      },
+      'resolution': {
+        value: new _three.Vector2()
+      },
+      'cameraProjectionMatrix': {
+        value: new _three.Matrix4()
+      },
+      'cameraInverseProjectionMatrix': {
+        value: new _three.Matrix4()
+      },
+      'ior': {
+        value: 1.03
+      },
+      'cameraRange': {
+        value: 0
+      },
+      'maxDistance': {
+        value: 180
+      },
+      'surfDist': {
+        value: .007
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}\n\n\t",
+    fragmentShader:
+    /* glsl */
+    "\n\t\t// precision highp float;\n\t\tprecision highp sampler2D;\n\t\tvarying vec2 vUv;\n\t\tuniform sampler2D tDepth;\n\t\tuniform sampler2D tDepthSelects;\n\t\tuniform sampler2D tNormalSelects;\n\t\tuniform sampler2D tRefractive;\n\t\tuniform sampler2D tDiffuse;\n\t\tuniform sampler2D tSpecular;\n\t\tuniform float cameraRange;\n\t\tuniform vec2 resolution;\n\t\tuniform float cameraNear;\n\t\tuniform float cameraFar;\n\t\tuniform float ior;\n\t\tuniform mat4 cameraProjectionMatrix;\n\t\tuniform mat4 cameraInverseProjectionMatrix;\n\t\tuniform float maxDistance;\n\t\tuniform float surfDist;\n\t\t#include <packing>\n\t\tfloat pointToLineDistance(vec3 x0, vec3 x1, vec3 x2) {\n\t\t\t//x0: point, x1: linePointA, x2: linePointB\n\t\t\t//https://mathworld.wolfram.com/Point-LineDistance3-Dimensional.html\n\t\t\treturn length(cross(x0-x1,x0-x2))/length(x2-x1);\n\t\t}\n\t\tfloat pointPlaneDistance(vec3 point,vec3 planePoint,vec3 planeNormal){\n\t\t\t// https://mathworld.wolfram.com/Point-PlaneDistance.html\n\t\t\t//// https://en.wikipedia.org/wiki/Plane_(geometry)\n\t\t\t//// http://paulbourke.net/geometry/pointlineplane/\n\t\t\tfloat a=planeNormal.x,b=planeNormal.y,c=planeNormal.z;\n\t\t\tfloat x0=point.x,y0=point.y,z0=point.z;\n\t\t\tfloat x=planePoint.x,y=planePoint.y,z=planePoint.z;\n\t\t\tfloat d=-(a*x+b*y+c*z);\n\t\t\tfloat distance=(a*x0+b*y0+c*z0+d)/sqrt(a*a+b*b+c*c);\n\t\t\treturn distance;\n\t\t}\n\t\tfloat getDepth( const in vec2 uv ) {\n\t\t\treturn texture2D( tDepth, uv ).x;\n\t\t}\n\t\tfloat getDepthSelects( const in vec2 uv ) {\n\t\t\treturn texture2D( tDepthSelects, uv ).x;\n\t\t}\n\t\tfloat getViewZ( const in float depth ) {\n\t\t\t#ifdef PERSPECTIVE_CAMERA\n\t\t\t\treturn perspectiveDepthToViewZ( depth, cameraNear, cameraFar );\n\t\t\t#else\n\t\t\t\treturn orthographicDepthToViewZ( depth, cameraNear, cameraFar );\n\t\t\t#endif\n\t\t}\n\t\tvec3 getViewPosition( const in vec2 uv, const in float depth/*clip space*/, const in float clipW ) {\n\t\t\tvec4 clipPosition = vec4( ( vec3( uv, depth ) - 0.5 ) * 2.0, 1.0 );//ndc\n\t\t\tclipPosition *= clipW; //clip\n\t\t\treturn ( cameraInverseProjectionMatrix * clipPosition ).xyz;//view\n\t\t}\n\t\tvec3 getViewNormalSelects( const in vec2 uv ) {\n\t\t\treturn unpackRGBToNormal( texture2D( tNormalSelects, uv ).xyz );\n\t\t}\n\t\tvec2 viewPositionToXY(vec3 viewPosition){\n\t\t\tvec2 xy;\n\t\t\tvec4 clip=cameraProjectionMatrix*vec4(viewPosition,1);\n\t\t\txy=clip.xy;//clip\n\t\t\tfloat clipW=clip.w;\n\t\t\txy/=clipW;//NDC\n\t\t\txy=(xy+1.)/2.;//uv\n\t\t\txy*=resolution;//screen\n\t\t\treturn xy;\n\t\t}\n\t\tvoid setResultColor(vec2 uv){\n\t\t\tvec4 refractColor=texture2D(tDiffuse,uv);\n\t\t\t#ifdef SPECULAR\n\t\t\t\tvec4 specularColor=texture2D(tSpecular,vUv);\n\t\t\t\tgl_FragColor.xyz=mix(refractColor.xyz,vec3(1),specularColor.r);\n\t\t\t\t// gl_FragColor.xyz=refractColor.xyz*(1.+specularColor.r*3.);\n\t\t\t#else\n\t\t\t\tgl_FragColor.xyz=refractColor.xyz;\n\t\t\t#endif\n\t\t\tgl_FragColor.a=1.;\n\n\t\t}\n\t\tvoid main(){\n\t\t\tif(ior==1.) return; // Adding this line may have better performance, but more importantly, it can avoid display errors at the very edges of the model when IOR is equal to 1.\n\n\t\t\tfloat refractive=texture2D(tRefractive,vUv).r;\n\t\t\tif(refractive<=0.) return;\n\n\t\t\t// gl_FragColor=vec4(0,0,.5,1);return;\n\t\t\tvec3 viewNormalSelects=getViewNormalSelects( vUv );\n\t\t\t// gl_FragColor=vec4(viewNormalSelects,1);return;\n\n\t\t\t// if(viewNormalSelects.x<=0.&&viewNormalSelects.y<=0.&&viewNormalSelects.z<=0.) return;\n\n\t\t\tfloat depth = getDepthSelects( vUv );\n\t\t\tfloat viewZ = getViewZ( depth );\n\t\t\t// if(-viewZ>=cameraFar) return;\n\n\t\t\tfloat clipW = cameraProjectionMatrix[2][3] * viewZ+cameraProjectionMatrix[3][3];\n\t\t\tvec3 viewPosition=getViewPosition( vUv, depth, clipW );\n\n\t\t\tvec2 d0=gl_FragCoord.xy;\n\t\t\tvec2 d1;\n\n\t\t\t#ifdef PERSPECTIVE_CAMERA\n\t\t\t\tvec3 viewIncidentDir=normalize(viewPosition);\n\t\t\t#else\n\t\t\t\tvec3 viewIncidentDir=vec3(0,0,-1);\n\t\t\t#endif\n\n\t\t\tvec3 viewRefractDir=refract(viewIncidentDir,viewNormalSelects,1./ior);\n\t\t\t// https://www.khronos.org/registry/OpenGL-Refpages/gl4/html/refract.xhtml\n\n\t\t\tvec3 d1viewPosition=viewPosition+viewRefractDir*maxDistance;\n\t\t\t#ifdef PERSPECTIVE_CAMERA\n\t\t\t\tif(d1viewPosition.z>-cameraNear){\n\t\t\t\t\t//https://tutorial.math.lamar.edu/Classes/CalcIII/EqnsOfLines.aspx\n\t\t\t\t\tfloat t=(-cameraNear-viewPosition.z)/viewRefractDir.z;\n\t\t\t\t\td1viewPosition=viewPosition+viewRefractDir*t;\n\t\t\t\t}\n\t\t\t#endif\n\t\t\td1=viewPositionToXY(d1viewPosition);\n\n\t\t\tfloat totalLen=length(d1-d0);\n\t\t\tfloat xLen=d1.x-d0.x;\n\t\t\tfloat yLen=d1.y-d0.y;\n\t\t\tfloat totalStep=max(abs(xLen),abs(yLen));\n\t\t\tfloat xSpan=xLen/totalStep;\n\t\t\tfloat ySpan=yLen/totalStep;\n\t\t\t#ifdef FILL_HOLE\n\t\t\t\tbool isRough=false;\n\t\t\t\tvec2 uvRough;\n\t\t\t#endif\n\t\t\tfor(float i=0.;i<float(MAX_STEP);i++){\n\t\t\t\tif(i>=totalStep) break;\n\t\t\t\tvec2 xy=vec2(d0.x+i*xSpan,d0.y+i*ySpan);\n\t\t\t\tif(xy.x<0.||xy.x>resolution.x||xy.y<0.||xy.y>resolution.y) break;\n\t\t\t\tfloat s=length(xy-d0)/totalLen;\n\t\t\t\tvec2 uv=xy/resolution;\n\n\t\t\t\tfloat d = getDepth(uv);\n\t\t\t\tfloat vZ = getViewZ( d );\n\t\t\t\tfloat cW = cameraProjectionMatrix[2][3] * vZ+cameraProjectionMatrix[3][3];\n\t\t\t\tvec3 vP=getViewPosition( uv, d, cW );\n\n\t\t\t\t#ifdef PERSPECTIVE_CAMERA\n\t\t\t\t\t// https://www.comp.nus.edu.sg/~lowkl/publications/lowk_persp_interp_techrep.pdf\n\t\t\t\t\tfloat recipVPZ=1./viewPosition.z;\n\t\t\t\t\tfloat viewRefractRayZ=1./(recipVPZ+s*(1./d1viewPosition.z-recipVPZ));\n\t\t\t\t\tfloat sD=surfDist*cW;\n\t\t\t\t#else\n\t\t\t\t\tfloat viewRefractRayZ=viewPosition.z+s*(d1viewPosition.z-viewPosition.z);\n\t\t\t\t\tfloat sD=surfDist;\n\t\t\t\t#endif\n\n\t\t\t\t#ifdef FILL_HOLE // TODO: May can improve performance by check if INFINITE_THICK too.\n\t\t\t\t\tif(viewRefractRayZ<=vZ){\n\t\t\t\t\t\tif(!isRough){\n\t\t\t\t\t\t\tuvRough=uv;\n\t\t\t\t\t\t\tisRough=true;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t#endif\n\n\t\t\t\tbool hit;\n\t\t\t\t#ifdef INFINITE_THICK\n\t\t\t\t\thit=viewRefractRayZ<=vZ;\n\t\t\t\t#else\n\t\t\t\t\tif(viewRefractRayZ-sD>vZ) continue;\n\t\t\t\t\tfloat away=pointToLineDistance(vP,viewPosition,d1viewPosition);\n\t\t\t\t\thit=away<=sD;\n\t\t\t\t#endif\n\t\t\t\tif(hit){\n\t\t\t\t\tsetResultColor(uv);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t#ifdef FILL_HOLE\n\t\t\t\tif(isRough){\n\t\t\t\t\tsetResultColor(uvRough);\n\t\t\t\t}\n\t\t\t\t// else{\n\t\t\t\t// \tgl_FragColor=texture2D(tDiffuse,vUv);//For afterward add color mix feature.\n\t\t\t\t// }\n\t\t\t#else\n\t\t\t\t// gl_FragColor=texture2D(tDiffuse,vUv);//For afterward add color mix feature.\n\t\t\t#endif\n\t\t}\n\t"
+  };
+  _exports.SSRrShader = SSRrShader;
+  var SSRrDepthShader = {
+    defines: {
+      'PERSPECTIVE_CAMERA': 1
+    },
+    uniforms: {
+      'tDepth': {
+        value: null
+      },
+      'cameraNear': {
+        value: null
+      },
+      'cameraFar': {
+        value: null
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}\n\n\t",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform sampler2D tDepth;\n\n\t\tuniform float cameraNear;\n\t\tuniform float cameraFar;\n\n\t\tvarying vec2 vUv;\n\n\t\t#include <packing>\n\n\t\tfloat getLinearDepth( const in vec2 uv ) {\n\n\t\t\t#if PERSPECTIVE_CAMERA == 1\n\n\t\t\t\tfloat fragCoordZ = texture2D( tDepth, uv ).x;\n\t\t\t\tfloat viewZ = perspectiveDepthToViewZ( fragCoordZ, cameraNear, cameraFar );\n\t\t\t\treturn viewZToOrthographicDepth( viewZ, cameraNear, cameraFar );\n\n\t\t\t#else\n\n\t\t\t\treturn texture2D( tDepth, uv ).x;\n\n\t\t\t#endif\n\n\t\t}\n\n\t\tvoid main() {\n\n\t\t\tfloat depth = getLinearDepth( vUv );\n\t\t\tfloat d = 1.0 - depth;\n\t\t\t// d=(d-.999)*1000.;\n\t\t\tgl_FragColor = vec4( vec3( d ), 1.0 );\n\n\t\t}\n\n\t"
+  };
+  _exports.SSRrDepthShader = SSRrDepthShader;
+});

data/lib-opal/js_wrap/three/shaders/SepiaShader.js

@@ -0,0 +1,43 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.SepiaShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.SepiaShader = void 0;
+
+  /**
+   * Sepia tone shader
+   * based on glfx.js sepia shader
+   * https://github.com/evanw/glfx.js
+   */
+  var SepiaShader = {
+    uniforms: {
+      'tDiffuse': {
+        value: null
+      },
+      'amount': {
+        value: 1.0
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform float amount;\n\n\t\tuniform sampler2D tDiffuse;\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvec4 color = texture2D( tDiffuse, vUv );\n\t\t\tvec3 c = color.rgb;\n\n\t\t\tcolor.r = dot( c, vec3( 1.0 - 0.607 * amount, 0.769 * amount, 0.189 * amount ) );\n\t\t\tcolor.g = dot( c, vec3( 0.349 * amount, 1.0 - 0.314 * amount, 0.168 * amount ) );\n\t\t\tcolor.b = dot( c, vec3( 0.272 * amount, 0.534 * amount, 1.0 - 0.869 * amount ) );\n\n\t\t\tgl_FragColor = vec4( min( vec3( 1.0 ), color.rgb ), color.a );\n\n\t\t}"
+  };
+  _exports.SepiaShader = SepiaShader;
+});

data/lib-opal/js_wrap/three/shaders/SobelOperatorShader.js

@@ -0,0 +1,44 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.SobelOperatorShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.SobelOperatorShader = void 0;
+
+  /**
+   * Sobel Edge Detection (see https://youtu.be/uihBwtPIBxM)
+   *
+   * As mentioned in the video the Sobel operator expects a grayscale image as input.
+   *
+   */
+  var SobelOperatorShader = {
+    uniforms: {
+      'tDiffuse': {
+        value: null
+      },
+      'resolution': {
+        value: new _three.Vector2()
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform sampler2D tDiffuse;\n\t\tuniform vec2 resolution;\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvec2 texel = vec2( 1.0 / resolution.x, 1.0 / resolution.y );\n\n\t\t// kernel definition (in glsl matrices are filled in column-major order)\n\n\t\t\tconst mat3 Gx = mat3( -1, -2, -1, 0, 0, 0, 1, 2, 1 ); // x direction kernel\n\t\t\tconst mat3 Gy = mat3( -1, 0, 1, -2, 0, 2, -1, 0, 1 ); // y direction kernel\n\n\t\t// fetch the 3x3 neighbourhood of a fragment\n\n\t\t// first column\n\n\t\t\tfloat tx0y0 = texture2D( tDiffuse, vUv + texel * vec2( -1, -1 ) ).r;\n\t\t\tfloat tx0y1 = texture2D( tDiffuse, vUv + texel * vec2( -1,  0 ) ).r;\n\t\t\tfloat tx0y2 = texture2D( tDiffuse, vUv + texel * vec2( -1,  1 ) ).r;\n\n\t\t// second column\n\n\t\t\tfloat tx1y0 = texture2D( tDiffuse, vUv + texel * vec2(  0, -1 ) ).r;\n\t\t\tfloat tx1y1 = texture2D( tDiffuse, vUv + texel * vec2(  0,  0 ) ).r;\n\t\t\tfloat tx1y2 = texture2D( tDiffuse, vUv + texel * vec2(  0,  1 ) ).r;\n\n\t\t// third column\n\n\t\t\tfloat tx2y0 = texture2D( tDiffuse, vUv + texel * vec2(  1, -1 ) ).r;\n\t\t\tfloat tx2y1 = texture2D( tDiffuse, vUv + texel * vec2(  1,  0 ) ).r;\n\t\t\tfloat tx2y2 = texture2D( tDiffuse, vUv + texel * vec2(  1,  1 ) ).r;\n\n\t\t// gradient value in x direction\n\n\t\t\tfloat valueGx = Gx[0][0] * tx0y0 + Gx[1][0] * tx1y0 + Gx[2][0] * tx2y0 +\n\t\t\t\tGx[0][1] * tx0y1 + Gx[1][1] * tx1y1 + Gx[2][1] * tx2y1 +\n\t\t\t\tGx[0][2] * tx0y2 + Gx[1][2] * tx1y2 + Gx[2][2] * tx2y2;\n\n\t\t// gradient value in y direction\n\n\t\t\tfloat valueGy = Gy[0][0] * tx0y0 + Gy[1][0] * tx1y0 + Gy[2][0] * tx2y0 +\n\t\t\t\tGy[0][1] * tx0y1 + Gy[1][1] * tx1y1 + Gy[2][1] * tx2y1 +\n\t\t\t\tGy[0][2] * tx0y2 + Gy[1][2] * tx1y2 + Gy[2][2] * tx2y2;\n\n\t\t// magnitute of the total gradient\n\n\t\t\tfloat G = sqrt( ( valueGx * valueGx ) + ( valueGy * valueGy ) );\n\n\t\t\tgl_FragColor = vec4( vec3( G ), 1 );\n\n\t\t}"
+  };
+  _exports.SobelOperatorShader = SobelOperatorShader;
+});

data/lib-opal/js_wrap/three/shaders/SubsurfaceScatteringShader.js

@@ -0,0 +1,64 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.SubsurfaceScatteringShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.SubsurfaceScatteringShader = void 0;
+
+  /**
+   * ------------------------------------------------------------------------------------------
+   * Subsurface Scattering shader
+   * Based on GDC 2011 – Approximating Translucency for a Fast, Cheap and Convincing Subsurface Scattering Look
+   * https://colinbarrebrisebois.com/2011/03/07/gdc-2011-approximating-translucency-for-a-fast-cheap-and-convincing-subsurface-scattering-look/
+   *------------------------------------------------------------------------------------------
+   */
+  function replaceAll(string, find, replace) {
+    return string.split(find).join(replace);
+  }
+
+  var meshphong_frag_head = _three.ShaderChunk['meshphong_frag'].slice(0, _three.ShaderChunk['meshphong_frag'].indexOf('void main() {'));
+
+  var meshphong_frag_body = _three.ShaderChunk['meshphong_frag'].slice(_three.ShaderChunk['meshphong_frag'].indexOf('void main() {'));
+
+  var SubsurfaceScatteringShader = {
+    uniforms: _three.UniformsUtils.merge([_three.ShaderLib['phong'].uniforms, {
+      'thicknessMap': {
+        value: null
+      },
+      'thicknessColor': {
+        value: new _three.Color(0xffffff)
+      },
+      'thicknessDistortion': {
+        value: 0.1
+      },
+      'thicknessAmbient': {
+        value: 0.0
+      },
+      'thicknessAttenuation': {
+        value: 0.1
+      },
+      'thicknessPower': {
+        value: 2.0
+      },
+      'thicknessScale': {
+        value: 10.0
+      }
+    }]),
+    vertexShader: ['#define USE_UV', _three.ShaderChunk['meshphong_vert']].join('\n'),
+    fragmentShader: ['#define USE_UV', '#define SUBSURFACE', meshphong_frag_head, 'uniform sampler2D thicknessMap;', 'uniform float thicknessPower;', 'uniform float thicknessScale;', 'uniform float thicknessDistortion;', 'uniform float thicknessAmbient;', 'uniform float thicknessAttenuation;', 'uniform vec3 thicknessColor;', 'void RE_Direct_Scattering(const in IncidentLight directLight, const in vec2 uv, const in GeometricContext geometry, inout ReflectedLight reflectedLight) {', '	vec3 thickness = thicknessColor * texture2D(thicknessMap, uv).r;', '	vec3 scatteringHalf = normalize(directLight.direction + (geometry.normal * thicknessDistortion));', '	float scatteringDot = pow(saturate(dot(geometry.viewDir, -scatteringHalf)), thicknessPower) * thicknessScale;', '	vec3 scatteringIllu = (scatteringDot + thicknessAmbient) * thickness;', '	reflectedLight.directDiffuse += scatteringIllu * thicknessAttenuation * directLight.color;', '}', meshphong_frag_body.replace('#include <lights_fragment_begin>', replaceAll(_three.ShaderChunk['lights_fragment_begin'], 'RE_Direct( directLight, geometry, material, reflectedLight );', ['RE_Direct( directLight, geometry, material, reflectedLight );', '#if defined( SUBSURFACE ) && defined( USE_UV )', ' RE_Direct_Scattering(directLight, vUv, geometry, reflectedLight);', '#endif'].join('\n')))].join('\n')
+  };
+  _exports.SubsurfaceScatteringShader = SubsurfaceScatteringShader;
+});

data/lib-opal/js_wrap/three/shaders/TechnicolorShader.js

@@ -0,0 +1,41 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.TechnicolorShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.TechnicolorShader = void 0;
+
+  /**
+   * Technicolor Shader
+   * Simulates the look of the two-strip technicolor process popular in early 20th century films.
+   * More historical info here: http://www.widescreenmuseum.com/oldcolor/technicolor1.htm
+   * Demo here: http://charliehoey.com/technicolor_shader/shader_test.html
+   */
+  var TechnicolorShader = {
+    uniforms: {
+      'tDiffuse': {
+        value: null
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform sampler2D tDiffuse;\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvec4 tex = texture2D( tDiffuse, vec2( vUv.x, vUv.y ) );\n\t\t\tvec4 newTex = vec4(tex.r, (tex.g + tex.b) * .5, (tex.g + tex.b) * .5, 1.0);\n\n\t\t\tgl_FragColor = newTex;\n\n\t\t}"
+  };
+  _exports.TechnicolorShader = TechnicolorShader;
+});

data/lib-opal/js_wrap/three/shaders/ToneMapShader.js

@@ -0,0 +1,53 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.ToneMapShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.ToneMapShader = void 0;
+
+  /**
+   * Full-screen tone-mapping shader based on http://www.cis.rit.edu/people/faculty/ferwerda/publications/sig02_paper.pdf
+   */
+  var ToneMapShader = {
+    uniforms: {
+      'tDiffuse': {
+        value: null
+      },
+      'averageLuminance': {
+        value: 1.0
+      },
+      'luminanceMap': {
+        value: null
+      },
+      'maxLuminance': {
+        value: 16.0
+      },
+      'minLuminance': {
+        value: 0.01
+      },
+      'middleGrey': {
+        value: 0.6
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\t#include <common>\n\n\t\tuniform sampler2D tDiffuse;\n\n\t\tvarying vec2 vUv;\n\n\t\tuniform float middleGrey;\n\t\tuniform float minLuminance;\n\t\tuniform float maxLuminance;\n\t\t#ifdef ADAPTED_LUMINANCE\n\t\t\tuniform sampler2D luminanceMap;\n\t\t#else\n\t\t\tuniform float averageLuminance;\n\t\t#endif\n\n\t\tvec3 ToneMap( vec3 vColor ) {\n\t\t\t#ifdef ADAPTED_LUMINANCE\n\t\t\t\t// Get the calculated average luminance\n\t\t\t\tfloat fLumAvg = texture2D(luminanceMap, vec2(0.5, 0.5)).r;\n\t\t\t#else\n\t\t\t\tfloat fLumAvg = averageLuminance;\n\t\t\t#endif\n\n\t\t\t// Calculate the luminance of the current pixel\n\t\t\tfloat fLumPixel = linearToRelativeLuminance( vColor );\n\n\t\t\t// Apply the modified operator (Eq. 4)\n\t\t\tfloat fLumScaled = (fLumPixel * middleGrey) / max( minLuminance, fLumAvg );\n\n\t\t\tfloat fLumCompressed = (fLumScaled * (1.0 + (fLumScaled / (maxLuminance * maxLuminance)))) / (1.0 + fLumScaled);\n\t\t\treturn fLumCompressed * vColor;\n\t\t}\n\n\t\tvoid main() {\n\n\t\t\tvec4 texel = texture2D( tDiffuse, vUv );\n\n\t\t\tgl_FragColor = vec4( ToneMap( texel.xyz ), texel.w );\n\n\t\t}"
+  };
+  _exports.ToneMapShader = ToneMapShader;
+});

data/lib-opal/js_wrap/three/shaders/ToonShader.js

@@ -0,0 +1,148 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.ToonShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.ToonShaderHatching = _exports.ToonShaderDotted = _exports.ToonShader2 = _exports.ToonShader1 = void 0;
+
+  /**
+   * Currently contains:
+   *
+   *	toon1
+   *	toon2
+   *	hatching
+   *	dotted
+   */
+  var ToonShader1 = {
+    uniforms: {
+      'uDirLightPos': {
+        value: new _three.Vector3()
+      },
+      'uDirLightColor': {
+        value: new _three.Color(0xeeeeee)
+      },
+      'uAmbientLightColor': {
+        value: new _three.Color(0x050505)
+      },
+      'uBaseColor': {
+        value: new _three.Color(0xffffff)
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec3 vNormal;\n\t\tvarying vec3 vRefract;\n\n\t\tvoid main() {\n\n\t\t\tvec4 worldPosition = modelMatrix * vec4( position, 1.0 );\n\t\t\tvec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n\t\t\tvec3 worldNormal = normalize ( mat3( modelMatrix[0].xyz, modelMatrix[1].xyz, modelMatrix[2].xyz ) * normal );\n\n\t\t\tvNormal = normalize( normalMatrix * normal );\n\n\t\t\tvec3 I = worldPosition.xyz - cameraPosition;\n\t\t\tvRefract = refract( normalize( I ), worldNormal, 1.02 );\n\n\t\t\tgl_Position = projectionMatrix * mvPosition;\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform vec3 uBaseColor;\n\n\t\tuniform vec3 uDirLightPos;\n\t\tuniform vec3 uDirLightColor;\n\n\t\tuniform vec3 uAmbientLightColor;\n\n\t\tvarying vec3 vNormal;\n\n\t\tvarying vec3 vRefract;\n\n\t\tvoid main() {\n\n\t\t\tfloat directionalLightWeighting = max( dot( normalize( vNormal ), uDirLightPos ), 0.0);\n\t\t\tvec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;\n\n\t\t\tfloat intensity = smoothstep( - 0.5, 1.0, pow( length(lightWeighting), 20.0 ) );\n\t\t\tintensity += length(lightWeighting) * 0.2;\n\n\t\t\tfloat cameraWeighting = dot( normalize( vNormal ), vRefract );\n\t\t\tintensity += pow( 1.0 - length( cameraWeighting ), 6.0 );\n\t\t\tintensity = intensity * 0.2 + 0.3;\n\n\t\t\tif ( intensity < 0.50 ) {\n\n\t\t\t\tgl_FragColor = vec4( 2.0 * intensity * uBaseColor, 1.0 );\n\n\t\t\t} else {\n\n\t\t\t\tgl_FragColor = vec4( 1.0 - 2.0 * ( 1.0 - intensity ) * ( 1.0 - uBaseColor ), 1.0 );\n\n\t\t}\n\n\t\t}"
+  };
+  _exports.ToonShader1 = ToonShader1;
+  var ToonShader2 = {
+    uniforms: {
+      'uDirLightPos': {
+        value: new _three.Vector3()
+      },
+      'uDirLightColor': {
+        value: new _three.Color(0xeeeeee)
+      },
+      'uAmbientLightColor': {
+        value: new _three.Color(0x050505)
+      },
+      'uBaseColor': {
+        value: new _three.Color(0xeeeeee)
+      },
+      'uLineColor1': {
+        value: new _three.Color(0x808080)
+      },
+      'uLineColor2': {
+        value: new _three.Color(0x000000)
+      },
+      'uLineColor3': {
+        value: new _three.Color(0x000000)
+      },
+      'uLineColor4': {
+        value: new _three.Color(0x000000)
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec3 vNormal;\n\n\t\tvoid main() {\n\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\t\t\tvNormal = normalize( normalMatrix * normal );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform vec3 uBaseColor;\n\t\tuniform vec3 uLineColor1;\n\t\tuniform vec3 uLineColor2;\n\t\tuniform vec3 uLineColor3;\n\t\tuniform vec3 uLineColor4;\n\n\t\tuniform vec3 uDirLightPos;\n\t\tuniform vec3 uDirLightColor;\n\n\t\tuniform vec3 uAmbientLightColor;\n\n\t\tvarying vec3 vNormal;\n\n\t\tvoid main() {\n\n\t\t\tfloat camera = max( dot( normalize( vNormal ), vec3( 0.0, 0.0, 1.0 ) ), 0.4);\n\t\t\tfloat light = max( dot( normalize( vNormal ), uDirLightPos ), 0.0);\n\n\t\t\tgl_FragColor = vec4( uBaseColor, 1.0 );\n\n\t\t\tif ( length(uAmbientLightColor + uDirLightColor * light) < 1.00 ) {\n\n\t\t\t\tgl_FragColor *= vec4( uLineColor1, 1.0 );\n\n\t\t\t}\n\n\t\t\tif ( length(uAmbientLightColor + uDirLightColor * camera) < 0.50 ) {\n\n\t\t\t\tgl_FragColor *= vec4( uLineColor2, 1.0 );\n\n\t\t\t}\n\n\t\t}"
+  };
+  _exports.ToonShader2 = ToonShader2;
+  var ToonShaderHatching = {
+    uniforms: {
+      'uDirLightPos': {
+        value: new _three.Vector3()
+      },
+      'uDirLightColor': {
+        value: new _three.Color(0xeeeeee)
+      },
+      'uAmbientLightColor': {
+        value: new _three.Color(0x050505)
+      },
+      'uBaseColor': {
+        value: new _three.Color(0xffffff)
+      },
+      'uLineColor1': {
+        value: new _three.Color(0x000000)
+      },
+      'uLineColor2': {
+        value: new _three.Color(0x000000)
+      },
+      'uLineColor3': {
+        value: new _three.Color(0x000000)
+      },
+      'uLineColor4': {
+        value: new _three.Color(0x000000)
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec3 vNormal;\n\n\t\tvoid main() {\n\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\t\t\tvNormal = normalize( normalMatrix * normal );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform vec3 uBaseColor;\n\t\tuniform vec3 uLineColor1;\n\t\tuniform vec3 uLineColor2;\n\t\tuniform vec3 uLineColor3;\n\t\tuniform vec3 uLineColor4;\n\n\t\tuniform vec3 uDirLightPos;\n\t\tuniform vec3 uDirLightColor;\n\n\t\tuniform vec3 uAmbientLightColor;\n\n\t\tvarying vec3 vNormal;\n\n\t\tvoid main() {\n\n\t\t\tfloat directionalLightWeighting = max( dot( normalize(vNormal), uDirLightPos ), 0.0);\n\t\t\tvec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;\n\n\t\t\tgl_FragColor = vec4( uBaseColor, 1.0 );\n\n\t\t\tif ( length(lightWeighting) < 1.00 ) {\n\n\t\t\t\tif ( mod(gl_FragCoord.x + gl_FragCoord.y, 10.0) == 0.0) {\n\n\t\t\t\t\tgl_FragColor = vec4( uLineColor1, 1.0 );\n\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\tif ( length(lightWeighting) < 0.75 ) {\n\n\t\t\t\tif (mod(gl_FragCoord.x - gl_FragCoord.y, 10.0) == 0.0) {\n\n\t\t\t\t\tgl_FragColor = vec4( uLineColor2, 1.0 );\n\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\tif ( length(lightWeighting) < 0.50 ) {\n\n\t\t\t\tif (mod(gl_FragCoord.x + gl_FragCoord.y - 5.0, 10.0) == 0.0) {\n\n\t\t\t\t\tgl_FragColor = vec4( uLineColor3, 1.0 );\n\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\tif ( length(lightWeighting) < 0.3465 ) {\n\n\t\t\t\tif (mod(gl_FragCoord.x - gl_FragCoord.y - 5.0, 10.0) == 0.0) {\n\n\t\t\t\t\tgl_FragColor = vec4( uLineColor4, 1.0 );\n\n\t\t\t}\n\n\t\t\t}\n\n\t\t}"
+  };
+  _exports.ToonShaderHatching = ToonShaderHatching;
+  var ToonShaderDotted = {
+    uniforms: {
+      'uDirLightPos': {
+        value: new _three.Vector3()
+      },
+      'uDirLightColor': {
+        value: new _three.Color(0xeeeeee)
+      },
+      'uAmbientLightColor': {
+        value: new _three.Color(0x050505)
+      },
+      'uBaseColor': {
+        value: new _three.Color(0xffffff)
+      },
+      'uLineColor1': {
+        value: new _three.Color(0x000000)
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec3 vNormal;\n\n\t\tvoid main() {\n\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\t\t\tvNormal = normalize( normalMatrix * normal );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform vec3 uBaseColor;\n\t\tuniform vec3 uLineColor1;\n\t\tuniform vec3 uLineColor2;\n\t\tuniform vec3 uLineColor3;\n\t\tuniform vec3 uLineColor4;\n\n\t\tuniform vec3 uDirLightPos;\n\t\tuniform vec3 uDirLightColor;\n\n\t\tuniform vec3 uAmbientLightColor;\n\n\t\tvarying vec3 vNormal;\n\n\t\tvoid main() {\n\n\t\tfloat directionalLightWeighting = max( dot( normalize(vNormal), uDirLightPos ), 0.0);\n\t\tvec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;\n\n\t\tgl_FragColor = vec4( uBaseColor, 1.0 );\n\n\t\tif ( length(lightWeighting) < 1.00 ) {\n\n\t\t\t\tif ( ( mod(gl_FragCoord.x, 4.001) + mod(gl_FragCoord.y, 4.0) ) > 6.00 ) {\n\n\t\t\t\t\tgl_FragColor = vec4( uLineColor1, 1.0 );\n\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\tif ( length(lightWeighting) < 0.50 ) {\n\n\t\t\t\tif ( ( mod(gl_FragCoord.x + 2.0, 4.001) + mod(gl_FragCoord.y + 2.0, 4.0) ) > 6.00 ) {\n\n\t\t\t\t\tgl_FragColor = vec4( uLineColor1, 1.0 );\n\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t}"
+  };
+  _exports.ToonShaderDotted = ToonShaderDotted;
+});

data/lib-opal/js_wrap/three/shaders/TriangleBlurShader.js

@@ -0,0 +1,47 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.TriangleBlurShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.TriangleBlurShader = void 0;
+
+  /**
+   * Triangle blur shader
+   * based on glfx.js triangle blur shader
+   * https://github.com/evanw/glfx.js
+   *
+   * A basic blur filter, which convolves the image with a
+   * pyramid filter. The pyramid filter is separable and is applied as two
+   * perpendicular triangle filters.
+   */
+  var TriangleBlurShader = {
+    uniforms: {
+      'texture': {
+        value: null
+      },
+      'delta': {
+        value: new _three.Vector2(1, 1)
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\t#include <common>\n\n\t\t#define ITERATIONS 10.0\n\n\t\tuniform sampler2D texture;\n\t\tuniform vec2 delta;\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvec4 color = vec4( 0.0 );\n\n\t\t\tfloat total = 0.0;\n\n\t\t// randomize the lookup values to hide the fixed number of samples\n\n\t\t\tfloat offset = rand( vUv );\n\n\t\t\tfor ( float t = -ITERATIONS; t <= ITERATIONS; t ++ ) {\n\n\t\t\t\tfloat percent = ( t + offset - 0.5 ) / ITERATIONS;\n\t\t\t\tfloat weight = 1.0 - abs( percent );\n\n\t\t\t\tcolor += texture2D( texture, vUv + delta * percent ) * weight;\n\t\t\t\ttotal += weight;\n\n\t\t\t}\n\n\t\t\tgl_FragColor = color / total;\n\n\t\t}"
+  };
+  _exports.TriangleBlurShader = TriangleBlurShader;
+});

data/lib-opal/js_wrap/three/shaders/UnpackDepthRGBAShader.js

@@ -0,0 +1,42 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.UnpackDepthRGBAShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.UnpackDepthRGBAShader = void 0;
+
+  /**
+   * Unpack RGBA depth shader
+   * - show RGBA encoded depth as monochrome color
+   */
+  var UnpackDepthRGBAShader = {
+    uniforms: {
+      'tDiffuse': {
+        value: null
+      },
+      'opacity': {
+        value: 1.0
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform float opacity;\n\n\t\tuniform sampler2D tDiffuse;\n\n\t\tvarying vec2 vUv;\n\n\t\t#include <packing>\n\n\t\tvoid main() {\n\n\t\t\tfloat depth = 1.0 - unpackRGBAToDepth( texture2D( tDiffuse, vUv ) );\n\t\t\tgl_FragColor = vec4( vec3( depth ), opacity );\n\n\t\t}"
+  };
+  _exports.UnpackDepthRGBAShader = UnpackDepthRGBAShader;
+});

data/lib-opal/js_wrap/three/shaders/VerticalBlurShader.js

@@ -0,0 +1,47 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.VerticalBlurShader = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.VerticalBlurShader = void 0;
+
+  /**
+   * Two pass Gaussian blur filter (horizontal and vertical blur shaders)
+   * - described in http://www.gamerendering.com/2008/10/11/gaussian-blur-filter-shader/
+   *   and used in http://www.cake23.de/traveling-wavefronts-lit-up.html
+   *
+   * - 9 samples per pass
+   * - standard deviation 2.7
+   * - "h" and "v" parameters should be set to "1 / width" and "1 / height"
+   */
+  var VerticalBlurShader = {
+    uniforms: {
+      'tDiffuse': {
+        value: null
+      },
+      'v': {
+        value: 1.0 / 512.0
+      }
+    },
+    vertexShader:
+    /* glsl */
+    "\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",
+    fragmentShader:
+    /* glsl */
+    "\n\n\t\tuniform sampler2D tDiffuse;\n\t\tuniform float v;\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvec4 sum = vec4( 0.0 );\n\n\t\t\tsum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 4.0 * v ) ) * 0.051;\n\t\t\tsum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 3.0 * v ) ) * 0.0918;\n\t\t\tsum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 2.0 * v ) ) * 0.12245;\n\t\t\tsum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 1.0 * v ) ) * 0.1531;\n\t\t\tsum += texture2D( tDiffuse, vec2( vUv.x, vUv.y ) ) * 0.1633;\n\t\t\tsum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 1.0 * v ) ) * 0.1531;\n\t\t\tsum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 2.0 * v ) ) * 0.12245;\n\t\t\tsum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 3.0 * v ) ) * 0.0918;\n\t\t\tsum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 4.0 * v ) ) * 0.051;\n\n\t\t\tgl_FragColor = sum;\n\n\t\t}"
+  };
+  _exports.VerticalBlurShader = VerticalBlurShader;
+});