tsl-textures 0.15.0 → 0.17.0

package/package.json

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

package/src/gas-giant.js

@@ -0,0 +1,65 @@
+
+//	TSL-Textures: Gas giant
+
+
+
+import { Color } from "three";
+import { exp, mix, positionLocal, tslFn, vec3 } from 'three/nodes';
+import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
+
+
+
+var gasGiant = tslFn( ( params )=>{
+
+	var scale = params.scale.div( 2 ).add( 1 ).toVar();
+	var pos = positionLocal.mul( exp( scale ) ).add( params.seed ).toVar( );
+
+	// turbulence strength
+	var turbulence = params.turbulence.mul(
+		noise( vec3( 0, pos.y.mul( 0.5 ), 0 ).add( 1 ) ).add(
+			noise( vec3( 0, pos.y.mul( 1 ), 0 ).add( 1 ) ).mul( 0.5 ),
+			noise( vec3( 1, pos.y.mul( 2 ), 1 ).add( 1 ) ).mul( 0.25 )
+		)
+	).mul( 5 ).abs().toVar();
+
+	var spot = noise( pos.div( 4 ) ).add( 1 ).div( 2 ).pow( 10 ).mul( 10 ).smoothstep( 0, 1 );
+
+	// apply turbulence
+	pos.addAssign( vec3( noise( pos ), noise( pos.yxz ), noise( pos.yzx ) ).mul( turbulence.mul( spot.mul( 2 ).exp() ) ) );
+
+
+	var blur = params.blur.pow( 0.2 ).oneMinus().mul( turbulence.add( 1 ) ).toVar();
+
+	var k = noise( pos.mul( vec3( 0, scale, 0 ) ) );
+	k = k.add( noise( pos.mul( vec3( 1, 15, 1 ) ) ).mul( blur ) );
+	k = k.add( -0.5 ).smoothstep( -1, 1 ).oneMinus();
+
+	var n = noise( vec3( 0, pos.y.mul( 0.75 ), 0 ) ).add( 1 );
+
+	var HSL = toHsl( mix( params.colorB, params.colorA, n ) );
+	var color = hsl( HSL.x.add( noise( pos.mul( vec3( 0, scale, 0 ) ) ).div( 4 ) ), HSL.y, HSL.z ).toVar();
+
+	color.assign( mix( color, params.colorC, turbulence.mul( 0.3 ) ) );
+
+	return color.mul( k );
+
+} );
+
+
+gasGiant.defaults = {
+	$name: 'Gas giant',
+
+	scale: 2,
+	turbulence: 0.3,
+	blur: 0.6,
+
+	colorA: new Color( 0xFFF8F0 ),
+	colorB: new Color( 0xF0E8B0 ),
+	colorC: new Color( 0xAFA0D0 ),
+
+	seed: 0,
+};
+
+
+
+export { gasGiant };

package/src/processed-wood.js

@@ -0,0 +1,51 @@
+
+//	TSL-Textures: Processed wood
+
+
+
+import { Color } from "three";
+import { add, cos, exp, mix, positionLocal, radians, sin, sub, tslFn, vec3 } from 'three/nodes';
+import { noise } from 'tsl-textures/tsl-utils.js';
+
+
+
+var processedWood = tslFn( ( params )=>{
+
+	var angle = radians( params.angle ).toVar();
+	var posLocal = vec3(
+		sub( positionLocal.x.mul( cos( angle ) ), positionLocal.y.mul( sin( angle ) ) ),
+		add( positionLocal.x.mul( sin( angle ) ), positionLocal.y.mul( cos( angle ) ) ),
+		positionLocal.z,
+	).toVar();
+
+	var scale = params.scale.div( 2 ).add( 1 ).toVar();
+	var pos = posLocal.mul( exp( scale ) ).add( params.seed ).toVar( );
+
+	var len = params.length.add( 5 ).reciprocal().toVar();
+	var k = noise( pos.mul( scale, vec3( 1, len, len ) ) );
+	k = k.mul( noise( pos.mul( vec3( 25, 1, 1 ) ) ).add( -1 ).mul( 0.2 ) );
+	k = k.add( params.strength.sub( 0.5 ) ).smoothstep( -0.3, 0.3 ).oneMinus();
+
+	return mix( params.color, params.background, k );
+
+} );
+
+
+processedWood.defaults = {
+	$name: 'Processed wood',
+	$width: 260,
+
+	scale: 2,
+	length: 4,
+	strength: 0.3,
+	angle: 0,
+
+	color: new Color( 0x702020 ),
+	background: new Color( 0xF0D0A0 ),
+
+	seed: 0,
+};
+
+
+
+export { processedWood };