@needle-tools/three 0.146.9 → 0.153.0

package/examples/js/shaders/VelocityShader.js

@@ -1,126 +0,0 @@
-( function () {
-
-	/**
- * Mesh Velocity Shader @bhouston
- */
-
-	const VelocityShader = {
-		uniforms: THREE.UniformsUtils.merge( [ THREE.UniformsLib.common, THREE.UniformsLib.displacementmap, {
-			modelMatrixPrev: {
-				value: new THREE.Matrix4()
-			},
-			currentProjectionViewMatrix: {
-				value: new THREE.Matrix4()
-			},
-			previousProjectionViewMatrix: {
-				value: new THREE.Matrix4()
-			}
-		} ] ),
-		vertexShader: /* glsl */`
-#define NORMAL
-
-#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )
-
-	varying vec3 vViewPosition;
-
-#endif
-
-#include <common>
-#include <packing>
-#include <uv_pars_vertex>
-#include <displacementmap_pars_vertex>
-#include <normal_pars_vertex>
-#include <morphtarget_pars_vertex>
-#include <skinning_pars_vertex>
-#include <logdepthbuf_pars_vertex>
-#include <clipping_planes_pars_vertex>
-
-uniform mat4 previousProjectionViewMatrix;
-uniform mat4 currentProjectionViewMatrix;
-
-uniform mat4 modelMatrixPrev;
-
-varying vec4 clipPositionCurrent;
-varying vec4 clipPositionPrevious;
-
-void main() {
-
-
-	#include <uv_vertex>
-
-	#include <beginnormal_vertex>
-	#include <morphnormal_vertex>
-	#include <skinbase_vertex>
-	#include <skinnormal_vertex>
-	#include <defaultnormal_vertex>
-	#include <normal_vertex>
-
-	#include <begin_vertex>
-	#include <morphtarget_vertex>
-	#include <displacementmap_vertex>
-	#include <morphtarget_vertex>
-	#include <skinning_vertex>
-
-#ifdef USE_SKINNING
-
-	vec4 mvPosition = modelViewMatrix * skinned;
-	clipPositionCurrent  = currentProjectionViewMatrix * modelMatrix * skinned;
-	clipPositionPrevious = previousProjectionViewMatrix * modelMatrixPrev * skinned;
-
-#else
-
-	vec4 mvPosition = modelViewMatrix * vec4( transformed, 1.0 );
-	clipPositionCurrent  = currentProjectionViewMatrix * modelMatrix * vec4( transformed, 1.0 );
-	clipPositionPrevious = previousProjectionViewMatrix * modelMatrixPrev * vec4( transformed, 1.0 );
-
-#endif
-
-	gl_Position = projectionMatrix * mvPosition;
-
-	#include <logdepthbuf_vertex>
-	#include <clipping_planes_vertex>
-}
-`,
-		fragmentShader: /* glsl */`
-#define NORMAL
-
-uniform float opacity;
-
-#include <packing>
-#include <uv_pars_fragment>
-#include <map_pars_fragment>
-#include <alphamap_pars_fragment>
-#include <alphatest_pars_fragment>
-#include <logdepthbuf_pars_fragment>
-#include <clipping_planes_pars_fragment>
-
-varying vec4 clipPositionCurrent;
-varying vec4 clipPositionPrevious;
-
-void main() {
-
-	vec4 diffuseColor = vec4( 1.0 );
-	diffuseColor.a = opacity;
-
-	#include <map_fragment>
-	#include <alphamap_fragment>
-	#include <alphatest_fragment>
-
-	vec2 ndcPositionCurrent  = clipPositionCurrent.xy/clipPositionCurrent.w;
-	vec2 ndcPositionPrevious = clipPositionPrevious.xy/clipPositionPrevious.w;
-	vec2 vel = ( ndcPositionCurrent - ndcPositionPrevious ) * 0.5;
-	vel = vel * 0.5 + 0.5;
-	vec2 v1 = packDepthToRG(vel.x);
-	vec2 v2 = packDepthToRG(vel.y);
-	gl_FragColor = vec4(v1.x, v1.y, v2.x, v2.y);
-
-	#include <logdepthbuf_fragment>
-
-}
-
-`
-	};
-
-	THREE.VelocityShader = VelocityShader;
-
-} )();

package/examples/js/shaders/VerticalBlurShader.js

@@ -1,59 +0,0 @@
-( function () {
-
-	/**
- * Two pass Gaussian blur filter (horizontal and vertical blur shaders)
- * - see 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"
- */
-
-	const VerticalBlurShader = {
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			},
-			'v': {
-				value: 1.0 / 512.0
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform sampler2D tDiffuse;
-		uniform float v;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vec4 sum = vec4( 0.0 );
-
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 4.0 * v ) ) * 0.051;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 3.0 * v ) ) * 0.0918;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 2.0 * v ) ) * 0.12245;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 1.0 * v ) ) * 0.1531;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y ) ) * 0.1633;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 1.0 * v ) ) * 0.1531;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 2.0 * v ) ) * 0.12245;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 3.0 * v ) ) * 0.0918;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 4.0 * v ) ) * 0.051;
-
-			gl_FragColor = sum;
-
-		}`
-	};
-
-	THREE.VerticalBlurShader = VerticalBlurShader;
-
-} )();

package/examples/js/shaders/VerticalTiltShiftShader.js

@@ -1,65 +0,0 @@
-( function () {
-
-	/**
- * Simple fake tilt-shift effect, modulating two pass Gaussian blur (see above) by vertical position
- *
- * - 9 samples per pass
- * - standard deviation 2.7
- * - "h" and "v" parameters should be set to "1 / width" and "1 / height"
- * - "r" parameter control where "focused" horizontal line lies
- */
-
-	const VerticalTiltShiftShader = {
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			},
-			'v': {
-				value: 1.0 / 512.0
-			},
-			'r': {
-				value: 0.35
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform sampler2D tDiffuse;
-		uniform float v;
-		uniform float r;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vec4 sum = vec4( 0.0 );
-
-			float vv = v * abs( r - vUv.y );
-
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 4.0 * vv ) ) * 0.051;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 3.0 * vv ) ) * 0.0918;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 2.0 * vv ) ) * 0.12245;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y - 1.0 * vv ) ) * 0.1531;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y ) ) * 0.1633;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 1.0 * vv ) ) * 0.1531;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 2.0 * vv ) ) * 0.12245;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 3.0 * vv ) ) * 0.0918;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y + 4.0 * vv ) ) * 0.051;
-
-			gl_FragColor = sum;
-
-		}`
-	};
-
-	THREE.VerticalTiltShiftShader = VerticalTiltShiftShader;
-
-} )();

package/examples/js/shaders/VignetteShader.js

@@ -1,53 +0,0 @@
-( function () {
-
-	/**
- * Vignette shader
- * based on PaintEffect postprocess from ro.me
- * http://code.google.com/p/3-dreams-of-black/source/browse/deploy/js/effects/PaintEffect.js
- */
-
-	const VignetteShader = {
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			},
-			'offset': {
-				value: 1.0
-			},
-			'darkness': {
-				value: 1.0
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform float offset;
-		uniform float darkness;
-
-		uniform sampler2D tDiffuse;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			// Eskil's vignette
-
-			vec4 texel = texture2D( tDiffuse, vUv );
-			vec2 uv = ( vUv - vec2( 0.5 ) ) * vec2( offset );
-			gl_FragColor = vec4( mix( texel.rgb, vec3( 1.0 - darkness ), dot( uv, uv ) ), texel.a );
-
-		}`
-	};
-
-	THREE.VignetteShader = VignetteShader;
-
-} )();

package/examples/js/shaders/VolumeShader.js

@@ -1,296 +0,0 @@
-( function () {
-
-	/**
- * Shaders to render 3D volumes using raycasting.
- * The applied techniques are based on similar implementations in the Visvis and Vispy projects.
- * This is not the only approach, therefore it's marked 1.
- */
-
-	const VolumeRenderShader1 = {
-		uniforms: {
-			'u_size': {
-				value: new THREE.Vector3( 1, 1, 1 )
-			},
-			'u_renderstyle': {
-				value: 0
-			},
-			'u_renderthreshold': {
-				value: 0.5
-			},
-			'u_clim': {
-				value: new THREE.Vector2( 1, 1 )
-			},
-			'u_data': {
-				value: null
-			},
-			'u_cmdata': {
-				value: null
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec4 v_nearpos;
-		varying vec4 v_farpos;
-		varying vec3 v_position;
-
-		void main() {
-				// Prepare transforms to map to "camera view". See also:
-				// https://threejs.org/docs/#api/renderers/webgl/WebGLProgram
-				mat4 viewtransformf = modelViewMatrix;
-				mat4 viewtransformi = inverse(modelViewMatrix);
-
-				// Project local vertex coordinate to camera position. Then do a step
-				// backward (in cam coords) to the near clipping plane, and project back. Do
-				// the same for the far clipping plane. This gives us all the information we
-				// need to calculate the ray and truncate it to the viewing cone.
-				vec4 position4 = vec4(position, 1.0);
-				vec4 pos_in_cam = viewtransformf * position4;
-
-				// Intersection of ray and near clipping plane (z = -1 in clip coords)
-				pos_in_cam.z = -pos_in_cam.w;
-				v_nearpos = viewtransformi * pos_in_cam;
-
-				// Intersection of ray and far clipping plane (z = +1 in clip coords)
-				pos_in_cam.z = pos_in_cam.w;
-				v_farpos = viewtransformi * pos_in_cam;
-
-				// Set varyings and output pos
-				v_position = position;
-				gl_Position = projectionMatrix * viewMatrix * modelMatrix * position4;
-		}`,
-		fragmentShader: /* glsl */`
-
-				precision highp float;
-				precision mediump sampler3D;
-
-				uniform vec3 u_size;
-				uniform int u_renderstyle;
-				uniform float u_renderthreshold;
-				uniform vec2 u_clim;
-
-				uniform sampler3D u_data;
-				uniform sampler2D u_cmdata;
-
-				varying vec3 v_position;
-				varying vec4 v_nearpos;
-				varying vec4 v_farpos;
-
-				// The maximum distance through our rendering volume is sqrt(3).
-				const int MAX_STEPS = 887;	// 887 for 512^3, 1774 for 1024^3
-				const int REFINEMENT_STEPS = 4;
-				const float relative_step_size = 1.0;
-				const vec4 ambient_color = vec4(0.2, 0.4, 0.2, 1.0);
-				const vec4 diffuse_color = vec4(0.8, 0.2, 0.2, 1.0);
-				const vec4 specular_color = vec4(1.0, 1.0, 1.0, 1.0);
-				const float shininess = 40.0;
-
-				void cast_mip(vec3 start_loc, vec3 step, int nsteps, vec3 view_ray);
-				void cast_iso(vec3 start_loc, vec3 step, int nsteps, vec3 view_ray);
-
-				float sample1(vec3 texcoords);
-				vec4 apply_colormap(float val);
-				vec4 add_lighting(float val, vec3 loc, vec3 step, vec3 view_ray);
-
-
-				void main() {
-						// Normalize clipping plane info
-						vec3 farpos = v_farpos.xyz / v_farpos.w;
-						vec3 nearpos = v_nearpos.xyz / v_nearpos.w;
-
-						// Calculate unit vector pointing in the view direction through this fragment.
-						vec3 view_ray = normalize(nearpos.xyz - farpos.xyz);
-
-						// Compute the (negative) distance to the front surface or near clipping plane.
-						// v_position is the back face of the cuboid, so the initial distance calculated in the dot
-						// product below is the distance from near clip plane to the back of the cuboid
-						float distance = dot(nearpos - v_position, view_ray);
-						distance = max(distance, min((-0.5 - v_position.x) / view_ray.x,
-																				(u_size.x - 0.5 - v_position.x) / view_ray.x));
-						distance = max(distance, min((-0.5 - v_position.y) / view_ray.y,
-																				(u_size.y - 0.5 - v_position.y) / view_ray.y));
-						distance = max(distance, min((-0.5 - v_position.z) / view_ray.z,
-																				(u_size.z - 0.5 - v_position.z) / view_ray.z));
-
-						// Now we have the starting position on the front surface
-						vec3 front = v_position + view_ray * distance;
-
-						// Decide how many steps to take
-						int nsteps = int(-distance / relative_step_size + 0.5);
-						if ( nsteps < 1 )
-								discard;
-
-						// Get starting location and step vector in texture coordinates
-						vec3 step = ((v_position - front) / u_size) / float(nsteps);
-						vec3 start_loc = front / u_size;
-
-						// For testing: show the number of steps. This helps to establish
-						// whether the rays are correctly oriented
-						//'gl_FragColor = vec4(0.0, float(nsteps) / 1.0 / u_size.x, 1.0, 1.0);
-						//'return;
-
-						if (u_renderstyle == 0)
-								cast_mip(start_loc, step, nsteps, view_ray);
-						else if (u_renderstyle == 1)
-								cast_iso(start_loc, step, nsteps, view_ray);
-
-						if (gl_FragColor.a < 0.05)
-								discard;
-				}
-
-
-				float sample1(vec3 texcoords) {
-						/* Sample float value from a 3D texture. Assumes intensity data. */
-						return texture(u_data, texcoords.xyz).r;
-				}
-
-
-				vec4 apply_colormap(float val) {
-						val = (val - u_clim[0]) / (u_clim[1] - u_clim[0]);
-						return texture2D(u_cmdata, vec2(val, 0.5));
-				}
-
-
-				void cast_mip(vec3 start_loc, vec3 step, int nsteps, vec3 view_ray) {
-
-						float max_val = -1e6;
-						int max_i = 100;
-						vec3 loc = start_loc;
-
-						// Enter the raycasting loop. In WebGL 1 the loop index cannot be compared with
-						// non-constant expression. So we use a hard-coded max, and an additional condition
-						// inside the loop.
-						for (int iter=0; iter<MAX_STEPS; iter++) {
-								if (iter >= nsteps)
-										break;
-								// Sample from the 3D texture
-								float val = sample1(loc);
-								// Apply MIP operation
-								if (val > max_val) {
-										max_val = val;
-										max_i = iter;
-								}
-								// Advance location deeper into the volume
-								loc += step;
-						}
-
-						// Refine location, gives crispier images
-						vec3 iloc = start_loc + step * (float(max_i) - 0.5);
-						vec3 istep = step / float(REFINEMENT_STEPS);
-						for (int i=0; i<REFINEMENT_STEPS; i++) {
-								max_val = max(max_val, sample1(iloc));
-								iloc += istep;
-						}
-
-						// Resolve final color
-						gl_FragColor = apply_colormap(max_val);
-				}
-
-
-				void cast_iso(vec3 start_loc, vec3 step, int nsteps, vec3 view_ray) {
-
-						gl_FragColor = vec4(0.0);	// init transparent
-						vec4 color3 = vec4(0.0);	// final color
-						vec3 dstep = 1.5 / u_size;	// step to sample derivative
-						vec3 loc = start_loc;
-
-						float low_threshold = u_renderthreshold - 0.02 * (u_clim[1] - u_clim[0]);
-
-						// Enter the raycasting loop. In WebGL 1 the loop index cannot be compared with
-						// non-constant expression. So we use a hard-coded max, and an additional condition
-						// inside the loop.
-						for (int iter=0; iter<MAX_STEPS; iter++) {
-								if (iter >= nsteps)
-										break;
-
-								// Sample from the 3D texture
-								float val = sample1(loc);
-
-								if (val > low_threshold) {
-										// Take the last interval in smaller steps
-										vec3 iloc = loc - 0.5 * step;
-										vec3 istep = step / float(REFINEMENT_STEPS);
-										for (int i=0; i<REFINEMENT_STEPS; i++) {
-												val = sample1(iloc);
-												if (val > u_renderthreshold) {
-														gl_FragColor = add_lighting(val, iloc, dstep, view_ray);
-														return;
-												}
-												iloc += istep;
-										}
-								}
-
-								// Advance location deeper into the volume
-								loc += step;
-						}
-				}
-
-
-				vec4 add_lighting(float val, vec3 loc, vec3 step, vec3 view_ray)
-				{
-					// Calculate color by incorporating lighting
-
-						// View direction
-						vec3 V = normalize(view_ray);
-
-						// calculate normal vector from gradient
-						vec3 N;
-						float val1, val2;
-						val1 = sample1(loc + vec3(-step[0], 0.0, 0.0));
-						val2 = sample1(loc + vec3(+step[0], 0.0, 0.0));
-						N[0] = val1 - val2;
-						val = max(max(val1, val2), val);
-						val1 = sample1(loc + vec3(0.0, -step[1], 0.0));
-						val2 = sample1(loc + vec3(0.0, +step[1], 0.0));
-						N[1] = val1 - val2;
-						val = max(max(val1, val2), val);
-						val1 = sample1(loc + vec3(0.0, 0.0, -step[2]));
-						val2 = sample1(loc + vec3(0.0, 0.0, +step[2]));
-						N[2] = val1 - val2;
-						val = max(max(val1, val2), val);
-
-						float gm = length(N); // gradient magnitude
-						N = normalize(N);
-
-						// Flip normal so it points towards viewer
-						float Nselect = float(dot(N, V) > 0.0);
-						N = (2.0 * Nselect - 1.0) * N;	// ==	Nselect * N - (1.0-Nselect)*N;
-
-						// Init colors
-						vec4 ambient_color = vec4(0.0, 0.0, 0.0, 0.0);
-						vec4 diffuse_color = vec4(0.0, 0.0, 0.0, 0.0);
-						vec4 specular_color = vec4(0.0, 0.0, 0.0, 0.0);
-
-						// note: could allow multiple lights
-						for (int i=0; i<1; i++)
-						{
-								 // Get light direction (make sure to prevent zero devision)
-								vec3 L = normalize(view_ray);	//lightDirs[i];
-								float lightEnabled = float( length(L) > 0.0 );
-								L = normalize(L + (1.0 - lightEnabled));
-
-								// Calculate lighting properties
-								float lambertTerm = clamp(dot(N, L), 0.0, 1.0);
-								vec3 H = normalize(L+V); // Halfway vector
-								float specularTerm = pow(max(dot(H, N), 0.0), shininess);
-
-								// Calculate mask
-								float mask1 = lightEnabled;
-
-								// Calculate colors
-								ambient_color +=	mask1 * ambient_color;	// * gl_LightSource[i].ambient;
-								diffuse_color +=	mask1 * lambertTerm;
-								specular_color += mask1 * specularTerm * specular_color;
-						}
-
-						// Calculate final color by componing different components
-						vec4 final_color;
-						vec4 color = apply_colormap(val);
-						final_color = color * (ambient_color + diffuse_color) + specular_color;
-						final_color.a = color.a;
-						return final_color;
-				}`
-	};
-
-	THREE.VolumeRenderShader1 = VolumeRenderShader1;
-
-} )();

package/examples/js/shaders/WaterRefractionShader.js

@@ -1,84 +0,0 @@
-( function () {
-
-	const WaterRefractionShader = {
-		uniforms: {
-			'color': {
-				value: null
-			},
-			'time': {
-				value: 0
-			},
-			'tDiffuse': {
-				value: null
-			},
-			'tDudv': {
-				value: null
-			},
-			'textureMatrix': {
-				value: null
-			}
-		},
-		vertexShader: /* glsl */`
-
-		uniform mat4 textureMatrix;
-
-		varying vec2 vUv;
-		varying vec4 vUvRefraction;
-
-		void main() {
-
-			vUv = uv;
-
-			vUvRefraction = textureMatrix * vec4( position, 1.0 );
-
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform vec3 color;
-		uniform float time;
-		uniform sampler2D tDiffuse;
-		uniform sampler2D tDudv;
-
-		varying vec2 vUv;
-		varying vec4 vUvRefraction;
-
-		float blendOverlay( float base, float blend ) {
-
-			return( base < 0.5 ? ( 2.0 * base * blend ) : ( 1.0 - 2.0 * ( 1.0 - base ) * ( 1.0 - blend ) ) );
-
-		}
-
-		vec3 blendOverlay( vec3 base, vec3 blend ) {
-
-			return vec3( blendOverlay( base.r, blend.r ), blendOverlay( base.g, blend.g ),blendOverlay( base.b, blend.b ) );
-
-		}
-
-		void main() {
-
-		 float waveStrength = 0.5;
-		 float waveSpeed = 0.03;
-
-			// simple distortion (ripple) via dudv map (see https://www.youtube.com/watch?v=6B7IF6GOu7s)
-
-			vec2 distortedUv = texture2D( tDudv, vec2( vUv.x + time * waveSpeed, vUv.y ) ).rg * waveStrength;
-			distortedUv = vUv.xy + vec2( distortedUv.x, distortedUv.y + time * waveSpeed );
-			vec2 distortion = ( texture2D( tDudv, distortedUv ).rg * 2.0 - 1.0 ) * waveStrength;
-
-			// new uv coords
-
-		 vec4 uv = vec4( vUvRefraction );
-		 uv.xy += distortion;
-
-			vec4 base = texture2DProj( tDiffuse, uv );
-
-			gl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );
-
-		}`
-	};
-
-	THREE.WaterRefractionShader = WaterRefractionShader;
-
-} )();