tsl-textures 1.5.0 → 1.7.0

package/package.json

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

package/src/rough-clay.js

@@ -0,0 +1,58 @@
+
+//	TSL-Textures: Neon Lights
+
+
+
+import { cross, exp, Fn, mx_worley_noise_float, normalLocal, positionLocal, sub, tangentLocal, transformNormalToView } from 'three/tsl';
+import { noise } from 'tsl-textures/tsl-utils.js';
+
+
+
+var surfacePos = Fn( ([ pos, normal, bump, curvature ]) => {
+
+	var k1 = mx_worley_noise_float( pos.add( noise( pos ).mul( curvature ) ) ).add( 0.8 ).pow( 5 ).toVar();
+	k1.addAssign( k1.pow( 0.5 ) );
+	//k1.addAssign( noise(pos.mul(noiseScale.add(8))).add(1).pow(2).mul(noiseBump) );
+	return pos.add( normal.mul( k1 ).mul( bump ) );
+
+} );
+
+var roughClay = Fn( ( params ) => {
+
+	var eps = 0.001;
+
+	var bump = params.bump.div( 50 ).toVar();
+
+	var position = positionLocal.mul( exp( params.scale.div( 2 ) ) ).add( params.seed.sin().mul( 10 ) ).toVar( ),
+		normal = normalLocal.normalize().toVar(),
+		tangent = tangentLocal.normalize().mul( eps ).toVar(),
+		bitangent = cross( normal, tangent ).normalize().mul( eps ).toVar();
+
+	var pos = surfacePos( position, normal, bump, params.curvature );
+	var posU = surfacePos( position.add( tangent ), normal, bump, params.curvature );
+	var posV = surfacePos( position.add( bitangent ), normal, bump, params.curvature );
+
+	var dU = sub( posU, pos ),
+		dV = sub( posV, pos );
+
+	return transformNormalToView( cross( dU, dV ).normalize() );
+
+
+} );
+
+
+
+roughClay.defaults = {
+	$name: 'Rough clay',
+	$normalNode: true,
+
+	scale: 2,
+	bump: 0.5,
+	curvature: 0.2,
+
+	seed: 0,
+};
+
+
+
+export { roughClay };

package/src/supersphere.js

@@ -0,0 +1,66 @@
+
+//	TSL-Textures: Supersphere
+
+
+
+import { cross, float, Fn, normalLocal, positionLocal, sub, tangentLocal, transformNormalToView } from 'three/tsl';
+
+
+
+var surfacePos = Fn( ([ pos, params ])=>{
+
+	var exponent = float( 2 ).pow( params.exponent );
+	var equPos = pos.div( pos.length() ).toVar();
+
+	var p = equPos.x.abs().pow( exponent )
+		.add( equPos.y.abs().pow( exponent ) )
+		.add( equPos.z.abs().pow( exponent ) )
+		.pow( float( 1 ).div( exponent ) );
+
+	return equPos.div( p );
+
+} );
+
+
+
+var supersphere = Fn( ( params )=>{
+
+	return surfacePos( positionLocal, params );
+
+} );
+
+
+
+supersphere.normal = Fn( ( 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 transformNormalToView( cross( dU, dV ).normalize() );
+
+} );
+
+
+
+supersphere.defaults = {
+	$name: 'Supersphere',
+	$positionNode: true,
+
+	exponent: 3,
+
+};
+
+
+
+export { supersphere };

package/src/tsl-utils.js

@@ -8,7 +8,7 @@
 
 
 
-import { add, cos, cross, float, Fn, If, log2, mat4, max, min, mul, positionLocal, pow, remap, select, sin, smoothstep, sub, uniform, vec3, vec4 } from 'three/tsl';
+import { add, cos, cross, dFdx, dFdy, float, Fn, If, log2, mat4, max, min, mul, positionLocal, pow, remap, select, sin, smoothstep, sub, transformNormalToView, uniform, vec3, vec4 } from 'three/tsl';
 import { 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';
 
@@ -363,6 +363,17 @@ const overlayPlanar = Fn( ( params )=>{
 
 
 
+const normalVector = Fn( ([ pos ])=>{
+
+	var dU = dFdx( pos ),
+		dV = dFdy( pos );
+
+	return transformNormalToView( cross( dU, dV ).normalize() );
+
+} );
+
+
+
 export
 {
 	mx_noise_float as noise
@@ -384,5 +395,6 @@ export
 	matTrans,
 	matScale,
 	selectPlanar,
-	overlayPlanar
+	overlayPlanar,
+	normalVector
 };

package/src/watermelon.js

@@ -0,0 +1,56 @@
+
+//	TSL-Textures: Watermelon
+
+
+
+import { Color } from 'three';
+import { equirectUV, exp, Fn, mix, positionLocal, vec3 } from 'three/tsl';
+import { noise } from 'tsl-textures/tsl-utils.js';
+
+
+
+var watermelon = Fn( ( params )=>{
+
+	var pos = positionLocal.mul( exp( params.scale.div( 4 ).add( 2 ) ) ).add( params.seed ).toVar( );
+
+	var uv = equirectUV( positionLocal.normalize() ).toVar(),
+		a = uv.x.mul( params.stripes.round(), 2*Math.PI ).add( noise( pos.mul( vec3( 1, 0, 1 ) ) ).mul( 2 ) );
+
+	var k = a.sin().add( 0.5 ).div( 2 ).mul( uv.y.remap( 0, 1, -Math.PI, Math.PI ).cos().add( 1.2 ).clamp( 0, 1 ) )
+		.add( params.variation.mul( 2, noise( pos.mul( 1.5 ) ).div( 2 ) ) )
+		.add( params.variation.mul( 2, noise( pos.mul( 4 ) ).div( 6 ) ) )
+		.toVar();
+
+	k.assign(
+		k.mix( k.round(), 0.75 )
+			.add( noise( pos.mul( 2 ) ).mul( params.noise, 0.5 ) )
+			.add( noise( pos.mul( 3 ) ).mul( params.noise, 1 ) )
+			.add( noise( pos.mul( 15 ) ).mul( params.noise, 0.2 ) )
+			.clamp( 0, 1 )
+	);
+
+	var color = mix( params.background, params.color, k ).toVar();
+
+	return color;
+
+} );
+
+
+
+watermelon.defaults = {
+	$name: 'Watermelon',
+
+	scale: 2,
+	stripes: 12,
+	variation: 0.5,
+	noise: 0.25,
+
+	color: new Color( 'yellowgreen' ),
+	background: new Color( 'darkgreen' ),
+
+	seed: 0,
+};
+
+
+
+export { watermelon };