tsl-textures 1.6.0 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsl-textures",
-  "version": "1.6.0",
+  "version": "1.8.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: Rough clay
+
+
+
+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/runny-eggs.js

@@ -0,0 +1,96 @@
+
+//	TSL-Textures: Runny eggs
+
+
+
+import { Color } from 'three';
+import { cross, exp, Fn, mix, mx_worley_noise_float, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView } from 'three/tsl';
+
+
+
+var runnyEggs = Fn( ( params ) => {
+
+	var pos = positionGeometry.mul( exp( params.scale.div( 1 ) ) ).add( params.seed.sin().mul( 10 ) ).toVar( );
+
+	var sizeYolk = params.sizeYolk.oneMinus();
+	var sizeWhite = params.sizeWhite.oneMinus();
+
+	var n = mx_worley_noise_float( pos ).toVar();
+	var whites = n.add( sizeWhite ).pow( 8 ).oneMinus().clamp( -0.5, 1 );
+	var yolks = n.add( sizeYolk ).pow( 18 ).oneMinus().clamp( 0, 1 ).pow( 0.4 ).clamp( 0, 1 );
+
+	return mix( params.colorBackground, mix( params.colorWhite, params.colorYolk, yolks ), whites );
+
+} );
+
+
+var surfacePos = Fn( ([ pos, normal, bump, sizeYolk, sizeWhite ]) => {
+
+	var n = mx_worley_noise_float( pos ).toVar();
+	var whites = n.add( sizeWhite ).pow( 8 ).oneMinus();
+	var yolks = n.add( sizeYolk ).pow( 18 ).oneMinus().clamp( 0, 1 );
+
+	var k = mix( 0, mix( 0, 1, yolks ), whites );
+
+	return pos.add( normal.mul( k ).mul( bump ) );
+
+} );
+
+
+runnyEggs.normal = Fn( ( params ) => {
+
+	var eps = 0.001;
+	var bump = 0.05;
+
+	var position = positionGeometry.mul( exp( params.scale.div( 1 ) ) ).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 sizeYolk = params.sizeYolk.oneMinus();
+	var sizeWhite = params.sizeWhite.oneMinus();
+
+	var pos = surfacePos( position, normal, bump, sizeYolk, sizeWhite );
+	var posU = surfacePos( position.add( tangent ), normal, bump, sizeYolk, sizeWhite );
+	var posV = surfacePos( position.add( bitangent ), normal, bump, sizeYolk, sizeWhite );
+
+	var dU = sub( posU, pos ),
+		dV = sub( posV, pos );
+
+	return transformNormalToView( cross( dU, dV ).normalize() );
+
+} );
+
+
+runnyEggs.roughness = Fn( ( params ) => {
+
+	var pos = positionGeometry.mul( exp( params.scale.div( 1 ) ) ).add( params.seed.sin().mul( 10 ) ).toVar( );
+
+	var sizeYolk = params.sizeYolk.oneMinus();
+
+	var n = mx_worley_noise_float( pos ).toVar();
+	var yolks = n.add( sizeYolk ).pow( 18 ).clamp( 0, 1 );
+
+	return yolks;
+
+} );
+
+
+runnyEggs.defaults = {
+	$name: 'Runny eggs',
+
+	scale: 1,
+
+	sizeYolk: 0.2,
+	sizeWhite: 0.7,
+
+	colorYolk: new Color( 'orange' ),
+	colorWhite: new Color( 'white' ),
+	colorBackground: new Color( 'lightgray' ),
+
+	seed: 0,
+};
+
+
+
+export { runnyEggs };

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
 };