tsl-textures 0.21.0 → 1.1.0

package/README.md

@@ -42,3 +42,14 @@ station is constructed arounnd the blob. The surface of the station is made of
 a Dyson sphere texture from [dyson-texture.js](https://boytchev.github.io/tsl-textures/docs/dyson-sphere.html).
 
 [<img src="https://boytchev.github.io/tsl-textures/examples/example-protozoa.jpg">](https://boytchev.github.io/tsl-textures/examples/example-protozoa.html)
+
+
+#### Example "Neck Massage"
+
+Uses [rotator.js](https://boytchev.github.io/tsl-textures/docs/rotator.html)
+texture that applies soft matrices on model vertices. This allows to make
+gradual rotation that looks like stretching skin and flexing muscles. The
+animation does not use skinning or morphing, the model is not preprocessed
+in any way, and no additional vertex data is added.
+
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-neck-massage.jpg">](https://boytchev.github.io/tsl-textures/examples/example-neck-massage.html)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsl-textures",
-  "version": "0.21.0",
+  "version": "1.1.0",
   "description": "A collection of Three.js Shading Language (TSL) textures ",
   "main": "index.js",
   "repository": {

package/src/camouflage.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, If, positionLocal, round, tslFn, vec3 } from 'three/nodes';
+import { exp, If, positionLocal, round, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -15,19 +15,19 @@ var camouflage = tslFn( ( params )=>{
 
 	var color = vec3( 0, 0, 0 ).toVar( );
 
-	If( round( noise( pos ).add( 0.2 ) ).greaterThanEqual( 1 ), () => {
+	If( round( noise( pos, 1, 0.2 ) ).greaterThanEqual( 1 ), () => {
 
 		color.assign( params.colorA );
 
 	}
 	)
-		.elseif( round( noise( pos.yzx ).add( 0.3 ) ).greaterThanEqual( 1 ), () => {
+		.elseif( round( noise( pos.yzx, 1, 0.3 ) ).greaterThanEqual( 1 ), () => {
 
 			color.assign( params.colorB );
 
 		}
 		)
-		.elseif( round( noise( pos.zxy ).add( 0.4 ) ).greaterThanEqual( 1 ), () => {
+		.elseif( round( noise( pos.zxy, 1, 0.4 ) ).greaterThanEqual( 1 ), () => {
 
 			color.assign( params.colorC );
 

package/src/cave-art.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { abs, add, exp, float, If, mix, or, positionLocal, pow2, sub, tslFn } from 'three/nodes';
+import { abs, add, exp, float, If, mix, or, positionLocal, pow2, sub, tslFn } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -12,22 +12,22 @@ var caveArt = tslFn( ( params ) => {
 
 	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
-	var k1 = noise( pos ).mul( 4 ).sin().toVar();
-	var k2 = noise( pos.mul( 1.5 ) ).mul( 4 ).cos().toVar();
+	var k1 = noise( pos, 4 ).sin().toVar();
+	var k2 = noise( pos.mul( 1.5 ), 4 ).cos().toVar();
 
 	var thinness = exp( sub( float( 3 ), params.thinness ) );
 	var k = sub( thinness, pow2( abs( add( k1, k2 ) ) ).mul( 20 ) ).toVar();
 
-	If( or( k1.greaterThan( k2 ), k.lessThan( 0 ) ), ()=>{
-
-		k.assign( 0 );
-
+	If( or( k1.greaterThan( k2 ), k.lessThan( 0 ) ), ()=>{
+
+		k.assign( 0 );
+
 	} );
 
-	If( k.lessThanEqual( 0 ), ()=>{
-
-		k.assign( params.noise.mul( pow2( noise( pos.mul( 30 ) ) ) ) );
-
+	If( k.lessThanEqual( 0 ), ()=>{
+
+		k.assign( params.noise.mul( pow2( noise( pos.mul( 30 ) ) ) ) );
+
 	} );
 
 	return mix( params.background, params.color, k );

package/src/circles.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { acos, clamp, cond, exp, float, positionLocal, sin, tslFn } from 'three/nodes';
+import { acos, clamp, cond, exp, float, positionLocal, sin, tslFn } from 'three';
 import { hsl, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
@@ -20,8 +20,12 @@ var circles = tslFn( ( params ) => {
 	var x = angle.div( 3000 ).mul( scale );
 
 	var k = float( params.seed.sin().mul( 100 ) ).toVar();
-	for ( var n=0; n<=10; n++ )
+
+	for ( var n=0; n<=10; n++ ) {
+
 		k.addAssign( sin( x.mul( 2**n ).sub( Math.PI*n/2 ) ).mul( -n*( n+1 )/2 ) );
+
+	}
 
 	k.assign( k.div( 200 ).clamp( -2, 2 ) );
 

package/src/clouds.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { clamp, exp, min, mix, mul, positionLocal, tslFn, vec4 } from 'three/nodes';
+import { clamp, exp, min, mix, mul, positionLocal, tslFn, vec4 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/concrete.js

@@ -3,7 +3,7 @@
 
 
 
-import { abs, cos, cross, exp, modelNormalMatrix, normalLocal, positionLocal, pow, remap, sin, sub, tangentLocal, tslFn, vec3 } from 'three/nodes';
+import { abs, cos, cross, exp, modelNormalMatrix, normalLocal, positionLocal, pow, remap, sin, sub, tangentLocal, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/cork.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, float, If, loop, mix, positionLocal, tslFn, vec3 } from 'three/nodes';
+import { exp, float, If, loop, mix, positionLocal, tslFn, vec3 } from 'three';
 import { noise, vnoise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/dalmatian-spots.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, float, loop, mix, positionLocal, tslFn } from 'three/nodes';
+import { exp, float, loop, mix, positionLocal, tslFn } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/dyson-sphere.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, float, loop, mix, positionLocal, tslFn, vec3 } from 'three/nodes';
+import { exp, float, loop, mix, positionLocal, tslFn, vec3 } from 'three';
 
 
 

package/src/entangled.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { abs, exp, float, floor, loop, max, mix, mul, oneMinus, positionLocal, pow, sin, tslFn } from 'three/nodes';
+import { abs, exp, float, floor, loop, max, mix, mul, oneMinus, positionLocal, pow, sin, tslFn } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/fordite.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, mul, positionLocal, sin, tslFn, vec3 } from 'three/nodes';
+import { exp, mul, positionLocal, sin, tslFn, vec3 } from 'three';
 import { hsl, noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/gas-giant.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, mix, positionLocal, tslFn, vec3 } from 'three/nodes';
+import { exp, mix, positionLocal, tslFn, vec3 } from 'three';
 import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
 
 

package/src/grid.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { abs, add, div, equirectUV, min, mix, mul, oneMinus, positionLocal, pow, remapClamp, round, sin, smoothstep, sub, tslFn } from 'three/nodes';
+import { abs, add, div, equirectUV, min, mix, mul, oneMinus, positionLocal, pow, remapClamp, round, sin, smoothstep, sub, tslFn } from 'three';
 
 
 

package/src/isolines.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { add, exp, mix, oneMinus, positionLocal, sin, smoothstep, sub, tslFn } from 'three/nodes';
+import { add, exp, mix, oneMinus, positionLocal, sin, smoothstep, sub, tslFn } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/karst-rock.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, mix, positionLocal, tslFn } from 'three/nodes';
+import { exp, mix, positionLocal, tslFn } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/marble.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { add, div, exp, If, mix, mul, oneMinus, positionLocal, pow, tslFn } from 'three/nodes';
+import { add, div, exp, If, mix, mul, oneMinus, positionLocal, pow, tslFn } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -19,7 +19,7 @@ var marble = tslFn( ( params ) => {
 		noise( pos.mul( 6 ) ).mul( 0.1 )
 	);
 
-	var k = oneMinus( k.abs().pow( 2.5 ) );
+	var k = oneMinus( k.abs().pow( 2.5 ) ).toVar();
 
 	var	maxSmooth = oneMinus( pow( 0.5, params.thinness.add( 7 ) ) ).toVar(),
 		minSmooth = oneMinus( pow( 0.5, params.thinness.add( 7 ).mul( 0.5 ) ) ).toVar();

package/src/neon-lights.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { abs, cond, exp, oneMinus, positionLocal, sqrt, tslFn, vec3 } from 'three/nodes';
+import { abs, cond, exp, oneMinus, positionLocal, sqrt, tslFn, vec3 } from 'three';
 import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
 
 

package/src/photosphere.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, loop, mix, positionLocal, tslFn, vec3 } from 'three/nodes';
+import { exp, loop, mix, positionLocal, tslFn, vec3 } from 'three';
 import { applyEuler, noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/planet.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, float, If, loop, mix, mul, positionLocal, remap, smoothstep, tslFn, vec3 } from 'three/nodes';
+import { exp, float, If, loop, mix, mul, positionLocal, remap, smoothstep, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/polka-dots.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { acos, add, distance, exp, float, loop, max, min, mix, mod, mul, oneMinus, positionLocal, pow, smoothstep, tslFn, } from 'three/nodes';
+import { acos, add, distance, exp, float, loop, max, min, mix, mod, mul, oneMinus, positionLocal, pow, smoothstep, tslFn, } from 'three';
 import { spherical } from 'tsl-textures/tsl-utils.js';
 
 

package/src/processed-wood.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { add, cos, exp, mix, positionLocal, radians, sin, sub, tslFn, vec3 } from 'three/nodes';
+import { add, cos, exp, mix, positionLocal, radians, sin, sub, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/protozoa.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, float, loop, matcapUV, mix, positionLocal, tslFn, vec3 } from 'three/nodes';
+import { exp, float, loop, matcapUV, mix, positionLocal, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/rotator.js

@@ -0,0 +1,72 @@
+
+//	TSL-Textures: Rotator
+
+
+
+import { Vector2, Vector3 } from "three";
+import { cross, modelNormalMatrix, normalLocal, positionLocal, sub, tangentLocal, tslFn, vec4 } from 'three';
+import { matRotYXZ, matTrans, selectPlanar } from 'tsl-textures/tsl-utils.js';
+
+
+
+var surfacePos = tslFn( ([ pos, params ])=>{
+
+	var zone = selectPlanar( pos, params.selectorAngles, params.selectorCenter, params.selectorWidth );
+
+	var R = matRotYXZ( params.angles.mul( zone ) ),
+		T = matTrans( params.center ),
+		TN = matTrans( params.center.negate() );
+
+	return T.mul( R ).mul( TN ).mul( vec4( pos, 1 ) ).xyz;
+
+} );
+
+
+
+var rotator = tslFn( ( params )=>{
+
+	return surfacePos( positionLocal, params );
+
+} );
+
+
+
+rotator.normal = tslFn( ( params ) => {
+
+	var eps = 0.01;
+
+	var position = positionLocal,
+		normal = normalLocal.normalize().toVar(),
+		tangent = tangentLocal.normalize().mul( eps ).toVar(),
+		bitangent = cross( normal, tangent ).normalize().mul( eps ).toVar();
+
+	var pos = surfacePos( position, params );
+	var posU = surfacePos( position.add( tangent ), params );
+	var posV = surfacePos( position.add( bitangent ), params );
+
+	var dU = sub( posU, pos ),
+		dV = sub( posV, pos );
+
+	return modelNormalMatrix.mul( cross( dU, dV ).normalize() );
+
+} );
+
+
+
+rotator.defaults = {
+	$name: 'Rotator',
+	$positionNode: true,
+	$selectorPlanar: true,
+
+	angles: new Vector3( 0, 0, 0 ),
+	center: new Vector3( 0, 0, 0 ),
+
+	selectorCenter: new Vector3( 0, 0, 0 ),
+	selectorAngles: new Vector2( 0, 0 ),
+	selectorWidth: 2,
+
+};
+
+
+
+export { rotator };

package/src/rust.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, loop, mix, positionLocal, tslFn } from 'three/nodes';
+import { exp, loop, mix, positionLocal, tslFn } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/satin.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { abs, exp, mix, positionLocal, pow, tslFn, vec3 } from 'three/nodes';
+import { abs, exp, mix, positionLocal, pow, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/scepter-head.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { abs, add, cos, floor, max, mix, mod, mul, positionLocal, remapClamp, sign, tan, tslFn, vec3 } from 'three/nodes';
+import { abs, add, cos, floor, max, mix, mod, mul, positionLocal, remapClamp, sign, tan, tslFn, vec3 } from 'three';
 import { hsl, noise, remapExp, toHsl } from 'tsl-textures/tsl-utils.js';
 
 

package/src/scream.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { add, cos, exp, mix, positionLocal, sin, tslFn } from 'three/nodes';
+import { add, cos, exp, mix, positionLocal, sin, tslFn } from 'three';
 import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
 
 

package/src/simplex-noise.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { clamp, exp, mix, positionLocal, tslFn } from 'three/nodes';
+import { clamp, exp, mix, positionLocal, tslFn } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/stars.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { abs, add, cond, exp, mix, positionLocal, tslFn } from 'three/nodes';
+import { abs, add, cond, exp, mix, positionLocal, tslFn } from 'three';
 import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
 
 

package/src/tiger-fur.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, mix, positionLocal, tslFn, vec3 } from 'three/nodes';
+import { exp, mix, positionLocal, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/tsl-utils.js

@@ -8,19 +8,19 @@
 
 
 
-import { add, cond, cos, cross, float, If, log2, max, min, mul, pow, remap, sin, sub, tslFn, uniform, vec3, vec4 } from 'three/nodes';
-import { mx_perlin_noise_float as noise } from 'three/addons/nodes/materialx/lib/mx_noise.js';
+import { add, cond, cos, cross, float, If, log2, mat4, max, min, mul, positionLocal, pow, remap, sin, smoothstep, sub, tslFn, uniform, vec3, vec4, Vector3 } from 'three';
+//import { mx_perlin_noise_float as noise } from 'https://cdn.jsdelivr.net/npm/three@0.167.0/src/nodes/materialx/lib/mx_noise.js';
 
 
 // helper function - convert hsl to rgb, ported to TSL from:
 // https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_RGB_alternative
 
-const hslHelper = tslFn( ([ h, s, l, n ])=>{
+const hslHelper = tslFn( ([ h, s, l, n ])=>{
 
 	var k = n.add( h.mul( 12 ) ).mod( 12 );
 	var a = s.mul( min( l, sub( 1, l ) ) );
 	return l.sub( a.mul( max( -1, min( min( k.sub( 3 ), sub( 9, k ) ), 1 ) ) ) );
-
+
 } );
 
 hslHelper.setLayout( {
@@ -48,7 +48,7 @@ const hsl = tslFn( ([ h, s, l ]) => {
 	var b = hslHelper( h, s, l, 4 );
 
 	return vec3( r, g, b );
-
+
 } );
 
 hsl.setLayout( {
@@ -63,7 +63,7 @@ hsl.setLayout( {
 
 
 // convert from rgb to hsl
-const toHsl = tslFn( ([ rgb ]) => {
+const toHsl = tslFn( ([ rgb ]) => {
 
 	var R = float( rgb.x ).toVar(),
 		G = float( rgb.y ).toVar(),
@@ -81,26 +81,26 @@ const toHsl = tslFn( ([ rgb ]) => {
 		const delta = sub( mx, mn ).toVar();
 
 		S.assign( cond( L.lessThanEqual( 0.5 ), delta.div( add( mn, mx ) ), delta.div( sub( 2, add( mn, mx ) ) ) ) );
-		If( mx.equal( R ), ()=>{
-
-			H.assign( sub( G, B ).div( delta ).add( cond( G.lessThanEqual( B ), 6, 0 ) ) );
-
+		If( mx.equal( R ), ()=>{
+
+			H.assign( sub( G, B ).div( delta ).add( cond( G.lessThanEqual( B ), 6, 0 ) ) );
+
 		} )
-			.elseif( mx.equal( G ), ()=>{
-
-				H.assign( sub( B, R ).div( delta ).add( 2 ) );
-
+			.elseif( mx.equal( G ), ()=>{
+
+				H.assign( sub( B, R ).div( delta ).add( 2 ) );
+
 			} )
-			.else( ()=>{
-
-				H.assign( sub( R, G ).div( delta ).add( 4 ) );
-
+			.else( ()=>{
+
+				H.assign( sub( R, G ).div( delta ).add( 4 ) );
+
 			} );
 		H.divAssign( 6 );
 
 	} );
 	return vec3( H, S, L );
-
+
 } );
 
 
@@ -108,32 +108,38 @@ const toHsl = tslFn( ([ rgb ]) => {
 
 
 // make all elements dynamic (i.e. uniform)
-function dynamic( params ) {
+function dynamic( params ) {
 
 	var result = {};
 
 	for ( var [ key, value ] of Object.entries( params ) ) {
 
-		if ( key[ 0 ]!='$' )
-			result[ key ] = uniform( value );
+		if ( key[ 0 ]!='$' ) {
+
+			if ( value instanceof Vector3 )
+				result[ key ] = uniform( value, 'vec3' );
+			else
+				result[ key ] = uniform( value );
+
+		}
 
 	}
 
 	return result;
-
+
 }
 
 
 
 // convert phi-theta angles to position on unit sphere
-const spherical = tslFn( ([ phi, theta ]) => {
+const spherical = tslFn( ([ phi, theta ]) => {
 
 	return vec3(
 		sin( theta ).mul( sin( phi ) ),
 		cos( phi ),
 		cos( theta ).mul( sin( phi ) )
 	);
-
+
 } );
 
 spherical.setLayout( {
@@ -148,11 +154,11 @@ spherical.setLayout( {
 
 
 // apply Euler rotation to a vector
-const applyEuler = tslFn( ([ vec, eu ]) => {
+const applyEuler = tslFn( ([ vec, eu ]) => {
 
 	var quat = quaternionFromEuler( eu );
 	return applyQuaternion( vec, quat );
-
+
 } );
 
 
@@ -183,7 +189,7 @@ const applyQuaternion = tslFn( ([ vec, quat ]) => {
 	var t = cross( quat, vec ).mul( 2 ).toVar( );
 
 	return add( vec, t.mul( quat.w ), cross( quat.xyz, t ) );
-
+
 } );
 
 
@@ -205,7 +211,7 @@ function mapExp( x, toMin, toMax, fromMin=0, fromMax=100 ) {
 
 }
 */
-
+
 } );
 
 
@@ -218,14 +224,169 @@ const vnoise = tslFn( ([ v ])=>{
 } );
 
 
+
+// generate X-rotation matrix
+const matRotX = tslFn( ([ angle ])=>{
+
+	var	cos = angle.cos().toVar(),
+		sin = angle.sin().toVar();
+
+	return mat4(
+		1, 0, 0, 0,
+		0, cos, sin, 0,
+		0, sin.negate(), cos, 0,
+		0, 0, 0, 1 );
+
+} );
+
+
+
+// generate Y-rotation matrix
+const matRotY = tslFn( ([ angle ])=>{
+
+	var	cos = angle.cos().toVar(),
+		sin = angle.sin().toVar();
+
+	return mat4(
+		cos, 0, sin.negate(), 0,
+		0, 1, 0, 0,
+		sin, 0, cos, 0,
+		0, 0, 0, 1 );
+
+} );
+
+
+
+// generate Z-rotation matrix
+const matRotZ = tslFn( ([ angle ])=>{
+
+	var	cos = angle.cos().toVar(),
+		sin = angle.sin().toVar();
+
+	return mat4(
+		cos, sin, 0, 0,
+		sin.negate(), cos, 0, 0,
+		0, 0, 1, 0,
+		0, 0, 0, 1 );
+
+} );
+
+
+
+// generate YXZ rotation matrix
+const matRotYXZ = tslFn( ([ angles ])=>{
+
+	var RX = matRotX( angles.x ),
+		RY = matRotY( angles.y ),
+		RZ = matRotZ( angles.z );
+
+	return RY.mul( RX ).mul( RZ );
+
+} );
+
+
+
+// generate translation matrix
+const matTrans = tslFn( ([ vector ])=>{
+
+	return mat4(
+		1, 0, 0, 0,
+		0, 1, 0, 0,
+		0, 0, 1, 0,
+		vector.x, vector.y, vector.z, 1 );
+
+} );
+
+
+/*
+const selectLinear = tslFn( ( [c,a,b] )=>{
+
+	// C is projected on segment AB
+	// result is [0,1] inside AB, 0 before A, 1 after B
+
+	var ca = a.sub(c),
+		ab = b.sub(a).toVar();
+
+	var caab = ca.dot(ab),
+		abab = ab.dot(ab);
+
+	var k = caab.div(abab).negate();
+
+	return smoothstep(0,1,k);
+
+} );
+*/
+
+const selectPlanar = tslFn( ([ pos, selAngles, selCenter, selWidth ])=>{
+
+	// select zone in a plane through point selCenter,
+	// rotated according to selAngles and selWidth thick
+	// result is [0,1] inside plane, 0 below plane, 1 above plane
+
+	// C is projected on segment AB
+	// result is [0,1] inside AB, 0 before A, 1 after B
+
+	/* non-optimized version
+	var s = spherical(selAngles.x,selAngles.y).mul(selWidth).toVar(),
+		c = pos,
+		a = selCenter.sub(s.div(2)),
+		b = selCenter.add(s.div(2));
+
+	var ca = a.sub(c),
+		ab = b.sub(a).toVar();
+
+	var caab = ca.dot(s),
+		abab = ab.dot(ab);
+
+	var k = caab.div(abab).negate();
+	*/
+
+	var s = spherical( selAngles.x, selAngles.y ).mul( selWidth ).toVar();
+
+	var k = selCenter.sub( s.div( 2 ) ).sub( pos ).dot( s ).div( s.dot( s ) ).negate();
+
+	return smoothstep( 0, 1, k );
+
+} );
+
+
+
+const overlayPlanar = tslFn( ( params )=>{
+
+	var zone = selectPlanar(
+		positionLocal,
+		params.selectorAngles,
+		params.selectorCenter,
+		params.selectorWidth
+	).sub( 0.5 ).mul( 2 ).abs().oneMinus().pow( 0.25 ).negate().mul(
+		params.selectorShow
+	);
+
+	return vec3( 0, zone, zone );
+
+} );
+
+
+
+export
+{
+	mx_noise_float as noise
+} from 'three';
+
 export
 {
-	noise,
 	vnoise,
 	hsl,
 	toHsl,
 	dynamic,
 	spherical,
 	applyEuler,
-	remapExp
-};
+	remapExp,
+	matRotX,
+	matRotY,
+	matRotZ,
+	matRotYXZ,
+	matTrans,
+	selectPlanar,
+	overlayPlanar
+};

package/src/voronoi-cells.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, float, If, loop, mix, positionLocal, tslFn, vec3 } from 'three/nodes';
+import { exp, float, If, loop, mix, positionLocal, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/water-drops.js

@@ -3,7 +3,7 @@
 
 
 
-import { cos, cross, exp, modelNormalMatrix, normalLocal, positionLocal, remap, sin, sub, tangentLocal, tslFn, vec3 } from 'three/nodes';
+import { cos, cross, exp, modelNormalMatrix, normalLocal, positionLocal, remap, sin, sub, tangentLocal, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/wood.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { add, cos, exp, float, loop, mix, mul, positionLocal, radians, reciprocal, sin, sub, tslFn, vec3 } from 'three/nodes';
+import { add, cos, exp, float, loop, mix, mul, positionLocal, radians, reciprocal, sin, sub, tslFn, vec3 } from 'three';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 

package/src/zebra-lines.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { acos, clamp, exp, mix, positionLocal, sin, tslFn } from 'three/nodes';
+import { acos, clamp, exp, mix, positionLocal, sin, tslFn } from 'three';
 import { spherical } from 'tsl-textures/tsl-utils.js';