move shaders

shaders/fragmentShaderCombineTextures.glsl

@@ -1,4 +1,3 @@
-export default `
 uniform sampler2D tDiffuse;
 uniform sampler2D tNormal;
 uniform sampler2D tDepth;
@@ -15,4 +14,3 @@ void main() {
 
   gl_FragColor = mix(max(colorDiffuse - colorDepth - colorNormal, 0.0), colorUI, colorUI.w);
 }
-`;

shaders/fragmentShaderDepth.glsl

@@ -1,4 +1,3 @@
-export default `
 uniform float mNear;
 uniform float mFar;
 uniform float opacity;
@@ -13,4 +12,3 @@ void main() {
   float color = 1.0 - smoothstep( mNear, mFar, depth );
   gl_FragColor = vec4( vec3( color ), opacity );
 }
-`;

shaders/fragmentShaderSobel.glsl

@@ -1,4 +1,3 @@
-export default `
 uniform sampler2D tDiffuse;
 uniform float threshold;
 uniform vec2 aspect;
@@ -25,4 +24,3 @@ void main() {
 
   gl_FragColor = (length(sobel) > threshold) ? vec4(vec3(1.0), 0.0) : vec4(0.0);
 }
-`;

shaders/fragmentShaderSobelDepth.glsl

@@ -1,4 +1,3 @@
-export default `
 // edge detection based on http://williamchyr.com/tag/unity/page/2/
 uniform sampler2D tDiffuse;
 uniform float threshold;
@@ -20,4 +19,3 @@ void main() {
 
   gl_FragColor = difference > threshold ? vec4(vec3(1.0), 0.0) : vec4(0.0);
 }
-`;

shaders/fragmentShaderSobelNormal.glsl

@@ -1,4 +1,3 @@
-export default `
 // edge detection based on http://williamchyr.com/tag/unity/page/2/
 uniform sampler2D tDiffuse;
 uniform float threshold;
@@ -19,4 +18,3 @@ void main() {
 
   gl_FragColor = difference > threshold ? vec4(vec3(1.0), 0.0) : vec4(0.0);
 }
-`;

shaders/vertexShaderDepth.glsl

@@ -1,4 +1,3 @@
-export default `
 varying float vFragDepth;
 uniform float logDepthBufFC;
 
@@ -13,4 +12,3 @@ void main() {
 	// gl_Position.z = log2(max( EPSILON, gl_Position.w + 1.0 )) * logDepthBufFC;
 	vFragDepth = 1.0 + gl_Position.w;
 }
-`;

shaders/vertexShaderPostprocessing.glsl

@@ -1,8 +1,6 @@
-export default `
 varying vec2 vUv;
 
 void main() {
   vUv = uv;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`;

src/d3/ToonShaderRenderChain.js

@@ -3,12 +3,12 @@ import 'three/examples/js/postprocessing/EffectComposer.js';
 import 'three/examples/js/postprocessing/RenderPass.js';
 import 'three/examples/js/postprocessing/ShaderPass.js';
 import 'three/examples/js/shaders/CopyShader.js';
-import vertexShaderPostprocessing from './shaders/vertexShaderPostprocessing.js';
+import vertexShaderPostprocessing from '../../shaders/vertexShaderPostprocessing.glsl';
-import fragmentShaderSobelDepth from './shaders/fragmentShaderSobelDepth.js';
+import fragmentShaderSobelDepth from '../../shaders/fragmentShaderSobelDepth.glsl';
-import fragmentShaderSobelNormal from './shaders/fragmentShaderSobelNormal.js';
+import fragmentShaderSobelNormal from '../../shaders/fragmentShaderSobelNormal.glsl';
-import fragmentShaderCombineTextures from './shaders/fragmentShaderCombineTextures.js';
+import fragmentShaderCombineTextures from '../../shaders/fragmentShaderCombineTextures.glsl';
-import fragmentShaderDepth from './shaders/fragmentShaderDepth.js';
+import fragmentShaderDepth from '../../shaders/fragmentShaderDepth.glsl';
-import vertexShaderDepth from './shaders/vertexShaderDepth.js';
+import vertexShaderDepth from '../../shaders/vertexShaderDepth.glsl';
 
 // Based on Doodle3D/Toon-Shader
 

webpack.config.js

@@ -63,7 +63,7 @@ module.exports = {
           }
         }
       }, {
-        test: /\.svg$/,
+        test: /\.(svg|glsl)$/,
         use: {
           loader: 'raw-loader'
         }