three-stdlib 2.15.1 → 2.15.2

package/shaders/ToonShader.js

@@ -1,112 +1,188 @@
-import { Vector3, Color } from 'three';
-
-/**
- * Currently contains:
- *
- *	toon1
- *	toon2
- *	hatching
- *	dotted
- */
-
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const THREE = require("three");
 const ToonShader1 = {
   uniforms: {
-    uDirLightPos: {
-      value: new Vector3()
-    },
-    uDirLightColor: {
-      value: new Color(0xeeeeee)
-    },
-    uAmbientLightColor: {
-      value: new Color(0x050505)
-    },
-    uBaseColor: {
-      value: new Color(0xffffff)
-    }
+    uDirLightPos: { value: new THREE.Vector3() },
+    uDirLightColor: { value: new THREE.Color(15658734) },
+    uAmbientLightColor: { value: new THREE.Color(328965) },
+    uBaseColor: { value: new THREE.Color(16777215) }
   },
-  vertexShader: ['varying vec3 vNormal;', 'varying vec3 vRefract;', 'void main() {', '	vec4 worldPosition = modelMatrix * vec4( position, 1.0 );', '	vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );', '	vec3 worldNormal = normalize ( mat3( modelMatrix[0].xyz, modelMatrix[1].xyz, modelMatrix[2].xyz ) * normal );', '	vNormal = normalize( normalMatrix * normal );', '	vec3 I = worldPosition.xyz - cameraPosition;', '	vRefract = refract( normalize( I ), worldNormal, 1.02 );', '	gl_Position = projectionMatrix * mvPosition;', '}'].join('\n'),
-  fragmentShader: ['uniform vec3 uBaseColor;', 'uniform vec3 uDirLightPos;', 'uniform vec3 uDirLightColor;', 'uniform vec3 uAmbientLightColor;', 'varying vec3 vNormal;', 'varying vec3 vRefract;', 'void main() {', '	float directionalLightWeighting = max( dot( normalize( vNormal ), uDirLightPos ), 0.0);', '	vec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;', '	float intensity = smoothstep( - 0.5, 1.0, pow( length(lightWeighting), 20.0 ) );', '	intensity += length(lightWeighting) * 0.2;', '	float cameraWeighting = dot( normalize( vNormal ), vRefract );', '	intensity += pow( 1.0 - length( cameraWeighting ), 6.0 );', '	intensity = intensity * 0.2 + 0.3;', '	if ( intensity < 0.50 ) {', '		gl_FragColor = vec4( 2.0 * intensity * uBaseColor, 1.0 );', '	} else {', '		gl_FragColor = vec4( 1.0 - 2.0 * ( 1.0 - intensity ) * ( 1.0 - uBaseColor ), 1.0 );', '}', '}'].join('\n')
+  vertexShader: [
+    "varying vec3 vNormal;",
+    "varying vec3 vRefract;",
+    "void main() {",
+    "	vec4 worldPosition = modelMatrix * vec4( position, 1.0 );",
+    "	vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );",
+    "	vec3 worldNormal = normalize ( mat3( modelMatrix[0].xyz, modelMatrix[1].xyz, modelMatrix[2].xyz ) * normal );",
+    "	vNormal = normalize( normalMatrix * normal );",
+    "	vec3 I = worldPosition.xyz - cameraPosition;",
+    "	vRefract = refract( normalize( I ), worldNormal, 1.02 );",
+    "	gl_Position = projectionMatrix * mvPosition;",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform vec3 uBaseColor;",
+    "uniform vec3 uDirLightPos;",
+    "uniform vec3 uDirLightColor;",
+    "uniform vec3 uAmbientLightColor;",
+    "varying vec3 vNormal;",
+    "varying vec3 vRefract;",
+    "void main() {",
+    "	float directionalLightWeighting = max( dot( normalize( vNormal ), uDirLightPos ), 0.0);",
+    "	vec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;",
+    "	float intensity = smoothstep( - 0.5, 1.0, pow( length(lightWeighting), 20.0 ) );",
+    "	intensity += length(lightWeighting) * 0.2;",
+    "	float cameraWeighting = dot( normalize( vNormal ), vRefract );",
+    "	intensity += pow( 1.0 - length( cameraWeighting ), 6.0 );",
+    "	intensity = intensity * 0.2 + 0.3;",
+    "	if ( intensity < 0.50 ) {",
+    "		gl_FragColor = vec4( 2.0 * intensity * uBaseColor, 1.0 );",
+    "	} else {",
+    "		gl_FragColor = vec4( 1.0 - 2.0 * ( 1.0 - intensity ) * ( 1.0 - uBaseColor ), 1.0 );",
+    "}",
+    "}"
+  ].join("\n")
 };
 const ToonShader2 = {
   uniforms: {
-    uDirLightPos: {
-      value: new Vector3()
-    },
-    uDirLightColor: {
-      value: new Color(0xeeeeee)
-    },
-    uAmbientLightColor: {
-      value: new Color(0x050505)
-    },
-    uBaseColor: {
-      value: new Color(0xeeeeee)
-    },
-    uLineColor1: {
-      value: new Color(0x808080)
-    },
-    uLineColor2: {
-      value: new Color(0x000000)
-    },
-    uLineColor3: {
-      value: new Color(0x000000)
-    },
-    uLineColor4: {
-      value: new Color(0x000000)
-    }
+    uDirLightPos: { value: new THREE.Vector3() },
+    uDirLightColor: { value: new THREE.Color(15658734) },
+    uAmbientLightColor: { value: new THREE.Color(328965) },
+    uBaseColor: { value: new THREE.Color(15658734) },
+    uLineColor1: { value: new THREE.Color(8421504) },
+    uLineColor2: { value: new THREE.Color(0) },
+    uLineColor3: { value: new THREE.Color(0) },
+    uLineColor4: { value: new THREE.Color(0) }
   },
-  vertexShader: ['varying vec3 vNormal;', 'void main() {', '	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );', '	vNormal = normalize( normalMatrix * normal );', '}'].join('\n'),
-  fragmentShader: ['uniform vec3 uBaseColor;', 'uniform vec3 uLineColor1;', 'uniform vec3 uLineColor2;', 'uniform vec3 uLineColor3;', 'uniform vec3 uLineColor4;', 'uniform vec3 uDirLightPos;', 'uniform vec3 uDirLightColor;', 'uniform vec3 uAmbientLightColor;', 'varying vec3 vNormal;', 'void main() {', '	float camera = max( dot( normalize( vNormal ), vec3( 0.0, 0.0, 1.0 ) ), 0.4);', '	float light = max( dot( normalize( vNormal ), uDirLightPos ), 0.0);', '	gl_FragColor = vec4( uBaseColor, 1.0 );', '	if ( length(uAmbientLightColor + uDirLightColor * light) < 1.00 ) {', '		gl_FragColor *= vec4( uLineColor1, 1.0 );', '	}', '	if ( length(uAmbientLightColor + uDirLightColor * camera) < 0.50 ) {', '		gl_FragColor *= vec4( uLineColor2, 1.0 );', '	}', '}'].join('\n')
+  vertexShader: [
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "	vNormal = normalize( normalMatrix * normal );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform vec3 uBaseColor;",
+    "uniform vec3 uLineColor1;",
+    "uniform vec3 uLineColor2;",
+    "uniform vec3 uLineColor3;",
+    "uniform vec3 uLineColor4;",
+    "uniform vec3 uDirLightPos;",
+    "uniform vec3 uDirLightColor;",
+    "uniform vec3 uAmbientLightColor;",
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	float camera = max( dot( normalize( vNormal ), vec3( 0.0, 0.0, 1.0 ) ), 0.4);",
+    "	float light = max( dot( normalize( vNormal ), uDirLightPos ), 0.0);",
+    "	gl_FragColor = vec4( uBaseColor, 1.0 );",
+    "	if ( length(uAmbientLightColor + uDirLightColor * light) < 1.00 ) {",
+    "		gl_FragColor *= vec4( uLineColor1, 1.0 );",
+    "	}",
+    "	if ( length(uAmbientLightColor + uDirLightColor * camera) < 0.50 ) {",
+    "		gl_FragColor *= vec4( uLineColor2, 1.0 );",
+    "	}",
+    "}"
+  ].join("\n")
 };
 const ToonShaderHatching = {
   uniforms: {
-    uDirLightPos: {
-      value: new Vector3()
-    },
-    uDirLightColor: {
-      value: new Color(0xeeeeee)
-    },
-    uAmbientLightColor: {
-      value: new Color(0x050505)
-    },
-    uBaseColor: {
-      value: new Color(0xffffff)
-    },
-    uLineColor1: {
-      value: new Color(0x000000)
-    },
-    uLineColor2: {
-      value: new Color(0x000000)
-    },
-    uLineColor3: {
-      value: new Color(0x000000)
-    },
-    uLineColor4: {
-      value: new Color(0x000000)
-    }
+    uDirLightPos: { value: new THREE.Vector3() },
+    uDirLightColor: { value: new THREE.Color(15658734) },
+    uAmbientLightColor: { value: new THREE.Color(328965) },
+    uBaseColor: { value: new THREE.Color(16777215) },
+    uLineColor1: { value: new THREE.Color(0) },
+    uLineColor2: { value: new THREE.Color(0) },
+    uLineColor3: { value: new THREE.Color(0) },
+    uLineColor4: { value: new THREE.Color(0) }
   },
-  vertexShader: ['varying vec3 vNormal;', 'void main() {', '	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );', '	vNormal = normalize( normalMatrix * normal );', '}'].join('\n'),
-  fragmentShader: ['uniform vec3 uBaseColor;', 'uniform vec3 uLineColor1;', 'uniform vec3 uLineColor2;', 'uniform vec3 uLineColor3;', 'uniform vec3 uLineColor4;', 'uniform vec3 uDirLightPos;', 'uniform vec3 uDirLightColor;', 'uniform vec3 uAmbientLightColor;', 'varying vec3 vNormal;', 'void main() {', '	float directionalLightWeighting = max( dot( normalize(vNormal), uDirLightPos ), 0.0);', '	vec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;', '	gl_FragColor = vec4( uBaseColor, 1.0 );', '	if ( length(lightWeighting) < 1.00 ) {', '		if ( mod(gl_FragCoord.x + gl_FragCoord.y, 10.0) == 0.0) {', '			gl_FragColor = vec4( uLineColor1, 1.0 );', '		}', '	}', '	if ( length(lightWeighting) < 0.75 ) {', '		if (mod(gl_FragCoord.x - gl_FragCoord.y, 10.0) == 0.0) {', '			gl_FragColor = vec4( uLineColor2, 1.0 );', '		}', '	}', '	if ( length(lightWeighting) < 0.50 ) {', '		if (mod(gl_FragCoord.x + gl_FragCoord.y - 5.0, 10.0) == 0.0) {', '			gl_FragColor = vec4( uLineColor3, 1.0 );', '		}', '	}', '	if ( length(lightWeighting) < 0.3465 ) {', '		if (mod(gl_FragCoord.x - gl_FragCoord.y - 5.0, 10.0) == 0.0) {', '			gl_FragColor = vec4( uLineColor4, 1.0 );', '	}', '	}', '}'].join('\n')
+  vertexShader: [
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "	vNormal = normalize( normalMatrix * normal );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform vec3 uBaseColor;",
+    "uniform vec3 uLineColor1;",
+    "uniform vec3 uLineColor2;",
+    "uniform vec3 uLineColor3;",
+    "uniform vec3 uLineColor4;",
+    "uniform vec3 uDirLightPos;",
+    "uniform vec3 uDirLightColor;",
+    "uniform vec3 uAmbientLightColor;",
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	float directionalLightWeighting = max( dot( normalize(vNormal), uDirLightPos ), 0.0);",
+    "	vec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;",
+    "	gl_FragColor = vec4( uBaseColor, 1.0 );",
+    "	if ( length(lightWeighting) < 1.00 ) {",
+    "		if ( mod(gl_FragCoord.x + gl_FragCoord.y, 10.0) == 0.0) {",
+    "			gl_FragColor = vec4( uLineColor1, 1.0 );",
+    "		}",
+    "	}",
+    "	if ( length(lightWeighting) < 0.75 ) {",
+    "		if (mod(gl_FragCoord.x - gl_FragCoord.y, 10.0) == 0.0) {",
+    "			gl_FragColor = vec4( uLineColor2, 1.0 );",
+    "		}",
+    "	}",
+    "	if ( length(lightWeighting) < 0.50 ) {",
+    "		if (mod(gl_FragCoord.x + gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
+    "			gl_FragColor = vec4( uLineColor3, 1.0 );",
+    "		}",
+    "	}",
+    "	if ( length(lightWeighting) < 0.3465 ) {",
+    "		if (mod(gl_FragCoord.x - gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
+    "			gl_FragColor = vec4( uLineColor4, 1.0 );",
+    "	}",
+    "	}",
+    "}"
+  ].join("\n")
 };
 const ToonShaderDotted = {
   uniforms: {
-    uDirLightPos: {
-      value: new Vector3()
-    },
-    uDirLightColor: {
-      value: new Color(0xeeeeee)
-    },
-    uAmbientLightColor: {
-      value: new Color(0x050505)
-    },
-    uBaseColor: {
-      value: new Color(0xffffff)
-    },
-    uLineColor1: {
-      value: new Color(0x000000)
-    }
+    uDirLightPos: { value: new THREE.Vector3() },
+    uDirLightColor: { value: new THREE.Color(15658734) },
+    uAmbientLightColor: { value: new THREE.Color(328965) },
+    uBaseColor: { value: new THREE.Color(16777215) },
+    uLineColor1: { value: new THREE.Color(0) }
   },
-  vertexShader: ['varying vec3 vNormal;', 'void main() {', '	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );', '	vNormal = normalize( normalMatrix * normal );', '}'].join('\n'),
-  fragmentShader: ['uniform vec3 uBaseColor;', 'uniform vec3 uLineColor1;', 'uniform vec3 uLineColor2;', 'uniform vec3 uLineColor3;', 'uniform vec3 uLineColor4;', 'uniform vec3 uDirLightPos;', 'uniform vec3 uDirLightColor;', 'uniform vec3 uAmbientLightColor;', 'varying vec3 vNormal;', 'void main() {', 'float directionalLightWeighting = max( dot( normalize(vNormal), uDirLightPos ), 0.0);', 'vec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;', 'gl_FragColor = vec4( uBaseColor, 1.0 );', 'if ( length(lightWeighting) < 1.00 ) {', '		if ( ( mod(gl_FragCoord.x, 4.001) + mod(gl_FragCoord.y, 4.0) ) > 6.00 ) {', '			gl_FragColor = vec4( uLineColor1, 1.0 );', '		}', '	}', '	if ( length(lightWeighting) < 0.50 ) {', '		if ( ( mod(gl_FragCoord.x + 2.0, 4.001) + mod(gl_FragCoord.y + 2.0, 4.0) ) > 6.00 ) {', '			gl_FragColor = vec4( uLineColor1, 1.0 );', '		}', '	}', '}'].join('\n')
+  vertexShader: [
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "	vNormal = normalize( normalMatrix * normal );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform vec3 uBaseColor;",
+    "uniform vec3 uLineColor1;",
+    "uniform vec3 uLineColor2;",
+    "uniform vec3 uLineColor3;",
+    "uniform vec3 uLineColor4;",
+    "uniform vec3 uDirLightPos;",
+    "uniform vec3 uDirLightColor;",
+    "uniform vec3 uAmbientLightColor;",
+    "varying vec3 vNormal;",
+    "void main() {",
+    "float directionalLightWeighting = max( dot( normalize(vNormal), uDirLightPos ), 0.0);",
+    "vec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;",
+    "gl_FragColor = vec4( uBaseColor, 1.0 );",
+    "if ( length(lightWeighting) < 1.00 ) {",
+    "		if ( ( mod(gl_FragCoord.x, 4.001) + mod(gl_FragCoord.y, 4.0) ) > 6.00 ) {",
+    "			gl_FragColor = vec4( uLineColor1, 1.0 );",
+    "		}",
+    "	}",
+    "	if ( length(lightWeighting) < 0.50 ) {",
+    "		if ( ( mod(gl_FragCoord.x + 2.0, 4.001) + mod(gl_FragCoord.y + 2.0, 4.0) ) > 6.00 ) {",
+    "			gl_FragColor = vec4( uLineColor1, 1.0 );",
+    "		}",
+    "	}",
+    "}"
+  ].join("\n")
 };
-
-export { ToonShader1, ToonShader2, ToonShaderDotted, ToonShaderHatching };
+exports.ToonShader1 = ToonShader1;
+exports.ToonShader2 = ToonShader2;
+exports.ToonShaderDotted = ToonShaderDotted;
+exports.ToonShaderHatching = ToonShaderHatching;

package/shaders/ToonShader.mjs

@@ -0,0 +1,188 @@
+import { Vector3, Color } from "three";
+const ToonShader1 = {
+  uniforms: {
+    uDirLightPos: { value: new Vector3() },
+    uDirLightColor: { value: new Color(15658734) },
+    uAmbientLightColor: { value: new Color(328965) },
+    uBaseColor: { value: new Color(16777215) }
+  },
+  vertexShader: [
+    "varying vec3 vNormal;",
+    "varying vec3 vRefract;",
+    "void main() {",
+    "	vec4 worldPosition = modelMatrix * vec4( position, 1.0 );",
+    "	vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );",
+    "	vec3 worldNormal = normalize ( mat3( modelMatrix[0].xyz, modelMatrix[1].xyz, modelMatrix[2].xyz ) * normal );",
+    "	vNormal = normalize( normalMatrix * normal );",
+    "	vec3 I = worldPosition.xyz - cameraPosition;",
+    "	vRefract = refract( normalize( I ), worldNormal, 1.02 );",
+    "	gl_Position = projectionMatrix * mvPosition;",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform vec3 uBaseColor;",
+    "uniform vec3 uDirLightPos;",
+    "uniform vec3 uDirLightColor;",
+    "uniform vec3 uAmbientLightColor;",
+    "varying vec3 vNormal;",
+    "varying vec3 vRefract;",
+    "void main() {",
+    "	float directionalLightWeighting = max( dot( normalize( vNormal ), uDirLightPos ), 0.0);",
+    "	vec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;",
+    "	float intensity = smoothstep( - 0.5, 1.0, pow( length(lightWeighting), 20.0 ) );",
+    "	intensity += length(lightWeighting) * 0.2;",
+    "	float cameraWeighting = dot( normalize( vNormal ), vRefract );",
+    "	intensity += pow( 1.0 - length( cameraWeighting ), 6.0 );",
+    "	intensity = intensity * 0.2 + 0.3;",
+    "	if ( intensity < 0.50 ) {",
+    "		gl_FragColor = vec4( 2.0 * intensity * uBaseColor, 1.0 );",
+    "	} else {",
+    "		gl_FragColor = vec4( 1.0 - 2.0 * ( 1.0 - intensity ) * ( 1.0 - uBaseColor ), 1.0 );",
+    "}",
+    "}"
+  ].join("\n")
+};
+const ToonShader2 = {
+  uniforms: {
+    uDirLightPos: { value: new Vector3() },
+    uDirLightColor: { value: new Color(15658734) },
+    uAmbientLightColor: { value: new Color(328965) },
+    uBaseColor: { value: new Color(15658734) },
+    uLineColor1: { value: new Color(8421504) },
+    uLineColor2: { value: new Color(0) },
+    uLineColor3: { value: new Color(0) },
+    uLineColor4: { value: new Color(0) }
+  },
+  vertexShader: [
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "	vNormal = normalize( normalMatrix * normal );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform vec3 uBaseColor;",
+    "uniform vec3 uLineColor1;",
+    "uniform vec3 uLineColor2;",
+    "uniform vec3 uLineColor3;",
+    "uniform vec3 uLineColor4;",
+    "uniform vec3 uDirLightPos;",
+    "uniform vec3 uDirLightColor;",
+    "uniform vec3 uAmbientLightColor;",
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	float camera = max( dot( normalize( vNormal ), vec3( 0.0, 0.0, 1.0 ) ), 0.4);",
+    "	float light = max( dot( normalize( vNormal ), uDirLightPos ), 0.0);",
+    "	gl_FragColor = vec4( uBaseColor, 1.0 );",
+    "	if ( length(uAmbientLightColor + uDirLightColor * light) < 1.00 ) {",
+    "		gl_FragColor *= vec4( uLineColor1, 1.0 );",
+    "	}",
+    "	if ( length(uAmbientLightColor + uDirLightColor * camera) < 0.50 ) {",
+    "		gl_FragColor *= vec4( uLineColor2, 1.0 );",
+    "	}",
+    "}"
+  ].join("\n")
+};
+const ToonShaderHatching = {
+  uniforms: {
+    uDirLightPos: { value: new Vector3() },
+    uDirLightColor: { value: new Color(15658734) },
+    uAmbientLightColor: { value: new Color(328965) },
+    uBaseColor: { value: new Color(16777215) },
+    uLineColor1: { value: new Color(0) },
+    uLineColor2: { value: new Color(0) },
+    uLineColor3: { value: new Color(0) },
+    uLineColor4: { value: new Color(0) }
+  },
+  vertexShader: [
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "	vNormal = normalize( normalMatrix * normal );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform vec3 uBaseColor;",
+    "uniform vec3 uLineColor1;",
+    "uniform vec3 uLineColor2;",
+    "uniform vec3 uLineColor3;",
+    "uniform vec3 uLineColor4;",
+    "uniform vec3 uDirLightPos;",
+    "uniform vec3 uDirLightColor;",
+    "uniform vec3 uAmbientLightColor;",
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	float directionalLightWeighting = max( dot( normalize(vNormal), uDirLightPos ), 0.0);",
+    "	vec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;",
+    "	gl_FragColor = vec4( uBaseColor, 1.0 );",
+    "	if ( length(lightWeighting) < 1.00 ) {",
+    "		if ( mod(gl_FragCoord.x + gl_FragCoord.y, 10.0) == 0.0) {",
+    "			gl_FragColor = vec4( uLineColor1, 1.0 );",
+    "		}",
+    "	}",
+    "	if ( length(lightWeighting) < 0.75 ) {",
+    "		if (mod(gl_FragCoord.x - gl_FragCoord.y, 10.0) == 0.0) {",
+    "			gl_FragColor = vec4( uLineColor2, 1.0 );",
+    "		}",
+    "	}",
+    "	if ( length(lightWeighting) < 0.50 ) {",
+    "		if (mod(gl_FragCoord.x + gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
+    "			gl_FragColor = vec4( uLineColor3, 1.0 );",
+    "		}",
+    "	}",
+    "	if ( length(lightWeighting) < 0.3465 ) {",
+    "		if (mod(gl_FragCoord.x - gl_FragCoord.y - 5.0, 10.0) == 0.0) {",
+    "			gl_FragColor = vec4( uLineColor4, 1.0 );",
+    "	}",
+    "	}",
+    "}"
+  ].join("\n")
+};
+const ToonShaderDotted = {
+  uniforms: {
+    uDirLightPos: { value: new Vector3() },
+    uDirLightColor: { value: new Color(15658734) },
+    uAmbientLightColor: { value: new Color(328965) },
+    uBaseColor: { value: new Color(16777215) },
+    uLineColor1: { value: new Color(0) }
+  },
+  vertexShader: [
+    "varying vec3 vNormal;",
+    "void main() {",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "	vNormal = normalize( normalMatrix * normal );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform vec3 uBaseColor;",
+    "uniform vec3 uLineColor1;",
+    "uniform vec3 uLineColor2;",
+    "uniform vec3 uLineColor3;",
+    "uniform vec3 uLineColor4;",
+    "uniform vec3 uDirLightPos;",
+    "uniform vec3 uDirLightColor;",
+    "uniform vec3 uAmbientLightColor;",
+    "varying vec3 vNormal;",
+    "void main() {",
+    "float directionalLightWeighting = max( dot( normalize(vNormal), uDirLightPos ), 0.0);",
+    "vec3 lightWeighting = uAmbientLightColor + uDirLightColor * directionalLightWeighting;",
+    "gl_FragColor = vec4( uBaseColor, 1.0 );",
+    "if ( length(lightWeighting) < 1.00 ) {",
+    "		if ( ( mod(gl_FragCoord.x, 4.001) + mod(gl_FragCoord.y, 4.0) ) > 6.00 ) {",
+    "			gl_FragColor = vec4( uLineColor1, 1.0 );",
+    "		}",
+    "	}",
+    "	if ( length(lightWeighting) < 0.50 ) {",
+    "		if ( ( mod(gl_FragCoord.x + 2.0, 4.001) + mod(gl_FragCoord.y + 2.0, 4.0) ) > 6.00 ) {",
+    "			gl_FragColor = vec4( uLineColor1, 1.0 );",
+    "		}",
+    "	}",
+    "}"
+  ].join("\n")
+};
+export {
+  ToonShader1,
+  ToonShader2,
+  ToonShaderDotted,
+  ToonShaderHatching
+};

package/shaders/TriangleBlurShader.js

@@ -1,27 +1,36 @@
-import { Vector2 } from 'three';
-
-/**
- * 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.
- */
-
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const THREE = require("three");
 const TriangleBlurShader = {
   uniforms: {
-    texture: {
-      value: null
-    },
-    delta: {
-      value: new Vector2(1, 1)
-    }
+    texture: { value: null },
+    delta: { value: new THREE.Vector2(1, 1) }
   },
-  vertexShader: ['varying vec2 vUv;', 'void main() {', '	vUv = uv;', '	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );', '}'].join('\n'),
-  fragmentShader: ['#include <common>', '#define ITERATIONS 10.0', 'uniform sampler2D texture;', 'uniform vec2 delta;', 'varying vec2 vUv;', 'void main() {', '	vec4 color = vec4( 0.0 );', '	float total = 0.0;', // randomize the lookup values to hide the fixed number of samples
-  '	float offset = rand( vUv );', '	for ( float t = -ITERATIONS; t <= ITERATIONS; t ++ ) {', '		float percent = ( t + offset - 0.5 ) / ITERATIONS;', '		float weight = 1.0 - abs( percent );', '		color += texture2D( texture, vUv + delta * percent ) * weight;', '		total += weight;', '	}', '	gl_FragColor = color / total;', '}'].join('\n')
+  vertexShader: [
+    "varying vec2 vUv;",
+    "void main() {",
+    "	vUv = uv;",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "#include <common>",
+    "#define ITERATIONS 10.0",
+    "uniform sampler2D texture;",
+    "uniform vec2 delta;",
+    "varying vec2 vUv;",
+    "void main() {",
+    "	vec4 color = vec4( 0.0 );",
+    "	float total = 0.0;",
+    "	float offset = rand( vUv );",
+    "	for ( float t = -ITERATIONS; t <= ITERATIONS; t ++ ) {",
+    "		float percent = ( t + offset - 0.5 ) / ITERATIONS;",
+    "		float weight = 1.0 - abs( percent );",
+    "		color += texture2D( texture, vUv + delta * percent ) * weight;",
+    "		total += weight;",
+    "	}",
+    "	gl_FragColor = color / total;",
+    "}"
+  ].join("\n")
 };
-
-export { TriangleBlurShader };
+exports.TriangleBlurShader = TriangleBlurShader;

package/shaders/TriangleBlurShader.mjs

@@ -0,0 +1,36 @@
+import { Vector2 } from "three";
+const TriangleBlurShader = {
+  uniforms: {
+    texture: { value: null },
+    delta: { value: new Vector2(1, 1) }
+  },
+  vertexShader: [
+    "varying vec2 vUv;",
+    "void main() {",
+    "	vUv = uv;",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "#include <common>",
+    "#define ITERATIONS 10.0",
+    "uniform sampler2D texture;",
+    "uniform vec2 delta;",
+    "varying vec2 vUv;",
+    "void main() {",
+    "	vec4 color = vec4( 0.0 );",
+    "	float total = 0.0;",
+    "	float offset = rand( vUv );",
+    "	for ( float t = -ITERATIONS; t <= ITERATIONS; t ++ ) {",
+    "		float percent = ( t + offset - 0.5 ) / ITERATIONS;",
+    "		float weight = 1.0 - abs( percent );",
+    "		color += texture2D( texture, vUv + delta * percent ) * weight;",
+    "		total += weight;",
+    "	}",
+    "	gl_FragColor = color / total;",
+    "}"
+  ].join("\n")
+};
+export {
+  TriangleBlurShader
+};

package/shaders/UnpackDepthRGBAShader.js

@@ -1,18 +1,26 @@
-/**
- * Unpack RGBA depth shader
- * - show RGBA encoded depth as monochrome color
- */
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const UnpackDepthRGBAShader = {
   uniforms: {
-    tDiffuse: {
-      value: null
-    },
-    opacity: {
-      value: 1.0
-    }
+    tDiffuse: { value: null },
+    opacity: { value: 1 }
   },
-  vertexShader: ['varying vec2 vUv;', 'void main() {', '	vUv = uv;', '	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );', '}'].join('\n'),
-  fragmentShader: ['uniform float opacity;', 'uniform sampler2D tDiffuse;', 'varying vec2 vUv;', '#include <packing>', 'void main() {', '	float depth = 1.0 - unpackRGBAToDepth( texture2D( tDiffuse, vUv ) );', '	gl_FragColor = vec4( vec3( depth ), opacity );', '}'].join('\n')
+  vertexShader: [
+    "varying vec2 vUv;",
+    "void main() {",
+    "	vUv = uv;",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform float opacity;",
+    "uniform sampler2D tDiffuse;",
+    "varying vec2 vUv;",
+    "#include <packing>",
+    "void main() {",
+    "	float depth = 1.0 - unpackRGBAToDepth( texture2D( tDiffuse, vUv ) );",
+    "	gl_FragColor = vec4( vec3( depth ), opacity );",
+    "}"
+  ].join("\n")
 };
-
-export { UnpackDepthRGBAShader };
+exports.UnpackDepthRGBAShader = UnpackDepthRGBAShader;

package/shaders/UnpackDepthRGBAShader.mjs

@@ -0,0 +1,26 @@
+const UnpackDepthRGBAShader = {
+  uniforms: {
+    tDiffuse: { value: null },
+    opacity: { value: 1 }
+  },
+  vertexShader: [
+    "varying vec2 vUv;",
+    "void main() {",
+    "	vUv = uv;",
+    "	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
+    "}"
+  ].join("\n"),
+  fragmentShader: [
+    "uniform float opacity;",
+    "uniform sampler2D tDiffuse;",
+    "varying vec2 vUv;",
+    "#include <packing>",
+    "void main() {",
+    "	float depth = 1.0 - unpackRGBAToDepth( texture2D( tDiffuse, vUv ) );",
+    "	gl_FragColor = vec4( vec3( depth ), opacity );",
+    "}"
+  ].join("\n")
+};
+export {
+  UnpackDepthRGBAShader
+};