tsl-textures 0.20.0 → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsl-textures",
-  "version": "0.20.0",
+  "version": "1.0.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';
 
 

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

@@ -0,0 +1,51 @@
+
+//	TSL-Textures: Dalmatian coat
+
+
+
+import { Color } from "three";
+import { exp, float, loop, mix, positionLocal, tslFn } from 'three';
+import { noise } from 'tsl-textures/tsl-utils.js';
+
+
+var dalmatianSpots = tslFn( ( params )=>{
+
+	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).sub( 1000 ).toVar( );
+
+	var k = float( 1 ).toVar();
+
+	var d = float( 1.5 ).sub( params.density ).mul( 2 ).toVar();
+	var count = params.density.mul( 5 ).add( 5 ).toVar();
+
+	loop( count, ()=> {
+
+		k.mulAssign( noise( pos ).abs().pow( d ).mul( 100 ).sub( 50 ).clamp( 0, 1 ).oneMinus() );
+		pos.assign( pos.mul( 1.01 ) );
+		k.mulAssign( noise( pos.yzx ).abs().pow( d ).mul( 100 ).sub( 50 ).clamp( 0, 1 ).oneMinus() );
+		pos.assign( pos.mul( 1.01 ) );
+		k.mulAssign( noise( pos.zxy ).abs().pow( d ).mul( 100 ).sub( 50 ).clamp( 0, 1 ).oneMinus() );
+		pos.assign( pos.mul( 1.01 ) );
+
+	} );
+
+	return mix( params.background, params.color, k.clamp( 0, 1 ) );
+
+} );
+
+
+dalmatianSpots.defaults = {
+	$name: 'Dalmatian spots',
+	$width: 260,
+
+	scale: 2,
+	density: 0.6,
+
+	color: new Color( 0xFFFFFF ),
+	background: new Color( 0x000000 ),
+
+	seed: 0,
+};
+
+
+
+export { dalmatianSpots };

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/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, max, min, mul, pow, remap, sin, sub, tslFn, uniform, vec3, vec4 } 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,7 +108,7 @@ const toHsl = tslFn( ([ rgb ]) => {
 
 
 // make all elements dynamic (i.e. uniform)
-function dynamic( params ) {
+function dynamic( params ) {
 
 	var result = {};
 
@@ -120,20 +120,20 @@ function dynamic( params ) {
 	}
 
 	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 +148,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 +183,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 +205,7 @@ function mapExp( x, toMin, toMax, fromMin=0, fromMax=100 ) {
 
 }
 */
-
+
 } );
 
 
@@ -220,7 +220,11 @@ const vnoise = tslFn( ([ v ])=>{
 
 export
 {
-	noise,
+	mx_noise_float as noise
+} from 'three';
+
+export
+{
 	vnoise,
 	hsl,
 	toHsl,
@@ -228,4 +232,4 @@ export
 	spherical,
 	applyEuler,
 	remapExp
-};
+};

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