tsl-textures 1.9.0 → 1.10.0

package/package.json

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

package/src/camouflage.js

@@ -5,12 +5,14 @@
 
 import { Color } from 'three';
 import { exp, Fn, If, positionGeometry, round, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var camouflage = Fn( ( params )=>{
 
+	params = prepare( { ...camouflage.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
 	var color = vec3( 0, 0, 0 ).toVar( );

package/src/cave-art.js

@@ -5,11 +5,13 @@
 
 import { Color } from "three";
 import { abs, add, exp, float, Fn, If, mix, or, positionGeometry, pow2, sub } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 var caveArt = Fn( ( params ) => {
 
+	params = prepare( { ...caveArt.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
 	var k1 = noise( pos, 4 ).sin().toVar();

package/src/circles.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { acos, clamp, exp, float, Fn, positionGeometry, select, sin } from 'three/tsl';
-import { hsl, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var circles = Fn( ( params ) => {
 
+	params = prepare( { ...circles.defaults, ...params } );
+
 	var pos = positionGeometry.normalize().toVar( );
 
 	var angle = acos( clamp( pos.y, -1, 1 ) ).mul( 20 );
@@ -21,10 +23,10 @@ var circles = Fn( ( params ) => {
 
 	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 ) );
@@ -39,7 +41,7 @@ var circles = Fn( ( params ) => {
 	hue.assign( huei.add( huef ) );
 
 	return hsl( hue.div( 10 ), HSL.y, HSL.z );
-
+
 } );
 
 

package/src/clouds.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { clamp, exp, Fn, min, mix, mul, positionGeometry, vec4 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -29,6 +29,8 @@ var _clouds = Fn( ( params ) => {
 
 var clouds = Fn( ( params ) => {
 
+	params = prepare( { ...clouds.defaults, ...params } );
+
 	return _clouds( params ).rgb;
 
 } );
@@ -37,6 +39,8 @@ var clouds = Fn( ( params ) => {
 
 clouds.opacity = Fn( ( params ) => {
 
+	params = prepare( { ...clouds.defaults, ...params } );
+
 	return _clouds( params ).a;
 
 } );

package/src/concrete.js

@@ -4,7 +4,7 @@
 
 
 import { abs, cos, cross, exp, Fn, normalLocal, positionGeometry, pow, remap, sin, sub, tangentLocal, transformNormalToView, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -20,6 +20,8 @@ var surfacePos = Fn( ([ pos, normal, bump, density, seed ]) => {
 
 var concrete = Fn( ( params ) => {
 
+	params = prepare( { ...concrete.defaults, ...params } );
+
 	var eps = 0.001;
 
 	var position = positionGeometry.mul( exp( params.scale.div( 2 ).add( 2 ) ) ).toVar( ),

package/src/cork.js

@@ -5,7 +5,7 @@
 
 import { Color } from 'three';
 import { exp, float, Fn, If, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
-import { noise, vnoise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare, vnoise } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -18,6 +18,8 @@ var cellCenter = Fn( ([ cell ])=>{
 
 var cork = Fn( ( params )=>{
 
+	params = prepare( { ...cork.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale.div( 1.5 ).add( 1 ) ) ).add( params.seed ).toVar( );
 
 	var midCell = pos.round().toVar();

package/src/dalmatian-spots.js

@@ -5,11 +5,13 @@
 
 import { Color } from "three";
 import { exp, float, Fn, Loop, mix, positionGeometry } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 var dalmatianSpots = Fn( ( params )=>{
 
+	params = prepare( { ...dalmatianSpots.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).sub( 1000 ).toVar( );
 
 	var k = float( 1 ).toVar();

package/src/darth-maul.js

@@ -0,0 +1,58 @@
+
+//	TSL-Textures: Darth Maul
+
+
+
+import { Color, Vector3 } from "three";
+import { abs, exp, Fn, mix, positionGeometry, pow, select, vec3 } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+
+
+
+var darthMaul = Fn( ( params ) => {
+
+	params = prepare( { ...darthMaul.defaults, ...params } );
+
+	var dX = vec3( params.shift.x, 0, 0 );
+
+	var position = positionGeometry.add( params.shift ).mul( exp( params.scale.div( 1.5 ).sub( 1 ) ) ).sub( params.shift ).mul( vec3( 1, 1/2, 1/2 ) ).toVar( );
+
+	var s = select( positionGeometry.y.mul( params.angle.radians().cos() ).add( positionGeometry.z.mul( params.angle.radians().sin() ) ).greaterThan( params.distance ), 1, 0 );
+
+	// implement symmetry
+	position.x.assign( position.x.add( params.shift.x ).abs() );
+	position.y.addAssign( params.seed );
+	position.z.mulAssign( params.shift.z );
+
+	var n = noise( position ).toVar();
+
+	var k = n.sin().mul( n.mul( params.complexity.mul( 2 ).add( 1 ).exp() ).sin() ).remap( 0, 0.2, 1, -1 ).greaterThan( params.balance ).select( 0, 1 );
+
+	var c = select( position.x.greaterThan( noise( position.mul( 2.3 ) ).abs().mul( 0.5 ).add( 0.02 )	), 1, 0 );
+
+	return mix( params.background, params.color, k.mul( s ).mul( c ).clamp( 0, 1 ) );
+
+} );
+
+
+
+darthMaul.defaults = {
+	$name: 'Darth Maul',
+
+	scale: 2,
+	shift: new Vector3( 0, 0, 0 ),
+	complexity: 0,
+
+	angle: 60,
+	distance: 1.9,
+
+	color: new Color( 0xD02020 ),
+	background: new Color( 0x000000 ),
+	balance: 0,
+
+	seed: 0,
+};
+
+
+
+export { darthMaul };

package/src/dyson-sphere.js

@@ -5,6 +5,7 @@
 
 import { Color } from 'three';
 import { exp, float, Fn, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
+import { prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -61,6 +62,8 @@ var noiseg = Fn( ([ pos ])=>{
 
 var dysonSphere = Fn( ( params )=>{
 
+	params = prepare( { ...dysonSphere.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale.div( 2 ).add( 0.5 ) ) ).add( params.seed ).toVar( );
 
 	var res = vec3().toVar();

package/src/entangled.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { abs, exp, float, floor, Fn, Loop, max, mix, mul, oneMinus, positionGeometry, pow, sin } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var entangled = Fn( ( params ) => {
 
+	params = prepare( { ...entangled.defaults, ...params } );
+
 	var scale = exp( params.scale.div( 2 ) ).toVar( );
 	var pos = positionGeometry.add( params.seed ).toVar( );
 	var k = float( -10000 ).toVar( );

package/src/fordite.js

@@ -5,12 +5,14 @@
 
 import { Color } from 'three';
 import { exp, Fn, mul, positionGeometry, sin, vec3 } from 'three/tsl';
-import { hsl, noise } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var fordite = Fn( ( params ) => {
 
+	params = prepare( { ...fordite.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
 	var k = noise(

package/src/gas-giant.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
-import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var gasGiant = Fn( ( params )=>{
 
+	params = prepare( { ...gasGiant.defaults, ...params } );
+
 	var scale = params.scale.div( 2 ).add( 1 ).toVar();
 	var pos = positionGeometry.mul( exp( scale ) ).add( params.seed ).toVar( );
 

package/src/grid.js

@@ -5,11 +5,14 @@
 
 import { Color } from "three";
 import { abs, add, div, equirectUV, Fn, min, mix, mul, oneMinus, positionGeometry, pow, remapClamp, round, sin, smoothstep, sub } from 'three/tsl';
+import { prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var grid = Fn( ( params ) => {
 
+	params = prepare( { ...grid.defaults, ...params } );
+
 	var uv = equirectUV( positionGeometry.normalize() ).toVar(),
 		a = mul( uv.x, 2*Math.PI ),
 		b = mul( uv.y, Math.PI ).toVar();

package/src/isolines.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { add, exp, Fn, mix, oneMinus, positionGeometry, sin, smoothstep, sub } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var isolines = Fn( ( params )=>{
 
+	params = prepare( { ...isolines.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
 	var k = noise( pos ).mul( params.density );

package/src/karst-rock.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { exp, Fn, mix, positionGeometry } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var karstRock = Fn( ( params )=>{
 
+	params = prepare( { ...karstRock.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed.sin().mul( 5 ) ).toVar( );
 
 	var pos2 = pos.add( noise( pos.mul( 2 ) ) ).toVar();

package/src/marble.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { add, div, exp, Fn, If, mix, mul, oneMinus, positionGeometry, pow } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var marble = Fn( ( params ) => {
 
+	params = prepare( { ...marble.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
 	var k = add(

package/src/neon-lights.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { abs, exp, Fn, oneMinus, positionGeometry, select, sqrt, vec3 } from 'three/tsl';
-import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var neonLights = Fn( ( params ) => {
 
+	params = prepare( { ...neonLights.defaults, ...params } );
+
 	var pos = positionGeometry;//.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
 	var scale = exp( params.scale.remap( 0, 4, 2, -2 ) ).toVar();

package/src/photosphere.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { exp, Fn, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
-import { applyEuler, noise } from 'tsl-textures/tsl-utils.js';
+import { applyEuler, noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var photosphere = Fn( ( params ) => {
 
+	params = prepare( { ...photosphere.defaults, ...params } );
+
 	var scale = exp( params.scale.add( 1 ) ).toVar( );
 	var pos = positionGeometry.toVar( );
 

package/src/planet.js

@@ -5,13 +5,15 @@
 
 import { Color } from 'three';
 import { exp, float, Fn, If, Loop, mix, mul, positionGeometry, remap, smoothstep, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 
 var planet = Fn( ( params )=>{
 
+	params = prepare( { ...planet.defaults, ...params } );
+
 	var k = float( 0 ).toVar(),
 		sum = float( 0 ).toVar(),
 		scale = exp( params.scale.sub( 2 ) ).toVar(),

package/src/polka-dots.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { acos, add, distance, exp, float, Fn, Loop, max, min, mix, mod, mul, oneMinus, positionGeometry, pow, smoothstep, } from 'three/tsl';
-import { spherical } from 'tsl-textures/tsl-utils.js';
+import { prepare, spherical } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -15,6 +15,8 @@ var goldenRatio = ( 1+5**0.5 )/2;
 
 var polkaDots = Fn( ( params ) => {
 
+	params = prepare( { ...polkaDots.defaults, ...params } );
+
 	var cnt = pow( 10, params.count ).toVar();
 	var vec = positionGeometry.normalize().toVar();
 

package/src/processed-wood.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { add, cos, exp, Fn, mix, positionGeometry, radians, sin, sub, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var processedWood = Fn( ( params )=>{
 
+	params = prepare( { ...processedWood.defaults, ...params } );
+
 	var angle = radians( params.angle ).toVar();
 	var posLocal = vec3(
 		sub( positionGeometry.x.mul( cos( angle ) ), positionGeometry.y.mul( sin( angle ) ) ),

package/src/protozoa.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { exp, float, Fn, Loop, matcapUV, mix, positionGeometry, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -19,6 +19,8 @@ var pnoise = Fn( ([ pos, fat ])=>{
 
 var protozoa = Fn( ( params )=>{
 
+	params = prepare( { ...protozoa.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale.sub( 1 ) ) ).add( params.seed ).toVar( );
 
 	var matcap = vec3( matcapUV, matcapUV.length() ).toVar();

package/src/rotator.js

@@ -5,7 +5,7 @@
 
 import { Vector2, Vector3 } from "three";
 import { cross, Fn, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView, vec4 } from 'three/tsl';
-import { matRotYXZ, matTrans, selectPlanar } from 'tsl-textures/tsl-utils.js';
+import { matRotYXZ, matTrans, prepare, selectPlanar } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -25,6 +25,8 @@ var surfacePos = Fn( ([ pos, params ])=>{
 
 var rotator = Fn( ( params )=>{
 
+	params = prepare( { ...rotator.defaults, ...params } );
+
 	return surfacePos( positionGeometry, params );
 
 } );
@@ -33,6 +35,8 @@ var rotator = Fn( ( params )=>{
 
 rotator.normal = Fn( ( params ) => {
 
+	params = prepare( { ...rotator.defaults, ...params } );
+
 	var eps = 0.01;
 
 	var position = positionGeometry,

package/src/rough-clay.js

@@ -4,7 +4,7 @@
 
 
 import { cross, exp, Fn, mx_worley_noise_float, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -19,6 +19,8 @@ var surfacePos = Fn( ([ pos, normal, bump, curvature ]) => {
 
 var roughClay = Fn( ( params ) => {
 
+	params = prepare( { ...roughClay.defaults, ...params } );
+
 	var eps = 0.001;
 
 	var bump = params.bump.div( 50 ).toVar();

package/src/runny-eggs.js

@@ -5,11 +5,14 @@
 
 import { Color } from 'three';
 import { cross, exp, Fn, mix, mx_worley_noise_float, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView } from 'three/tsl';
+import { prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var runnyEggs = Fn( ( params ) => {
 
+	params = prepare( { ...runnyEggs.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale.div( 1 ) ) ).add( params.seed.sin().mul( 10 ) ).toVar( );
 
 	var sizeYolk = params.sizeYolk.oneMinus();
@@ -39,6 +42,8 @@ var surfacePos = Fn( ([ pos, normal, bump, sizeYolk, sizeWhite ]) => {
 
 runnyEggs.normal = Fn( ( params ) => {
 
+	params = prepare( { ...runnyEggs.defaults, ...params } );
+
 	var eps = 0.001;
 	var bump = 0.05;
 
@@ -64,6 +69,8 @@ runnyEggs.normal = Fn( ( params ) => {
 
 runnyEggs.roughness = Fn( ( params ) => {
 
+	params = prepare( { ...runnyEggs.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale.div( 1 ) ) ).add( params.seed.sin().mul( 10 ) ).toVar( );
 
 	var sizeYolk = params.sizeYolk.oneMinus();

package/src/rust.js

@@ -5,7 +5,7 @@
 
 import { Color } from 'three';
 import { exp, Fn, Loop, mix, positionGeometry } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -35,6 +35,8 @@ var _rust = Fn( ( params )=>{
 
 var rust = Fn( ( params )=>{
 
+	params = prepare( { ...rust.defaults, ...params } );
+
 	var k = _rust( params ).mul( 1.25 ).pow( 0.5 );
 
 	var pos = positionGeometry.mul( exp( params.scale.add( params.noiseScale.mul( 3 ), 2 ) ) );
@@ -49,6 +51,8 @@ var rust = Fn( ( params )=>{
 
 rust.opacity = Fn( ( params )=>{
 
+	params = prepare( { ...rust.defaults, ...params } );
+
 	var k = _rust( params ).mul( params.opacity.add( 0.2 ) );
 
 	return k.oneMinus();

package/src/satin.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { abs, exp, Fn, mix, positionGeometry, pow, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var satin = Fn( ( params ) => {
 
+	params = prepare( { ...satin.defaults, ...params } );
+
 	var pos = positionGeometry.toVar( );
 
 	var scale = exp( params.scale.div( 3 ) ).toVar();

package/src/scaler.js

@@ -5,7 +5,7 @@
 
 import { Vector2, Vector3 } from "three";
 import { cross, Fn, mix, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView, vec3, vec4 } from 'three/tsl';
-import { matScale, matTrans, selectPlanar } from 'tsl-textures/tsl-utils.js';
+import { matScale, matTrans, prepare, selectPlanar } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -25,6 +25,8 @@ var surfacePos = Fn( ([ pos, params ])=>{
 
 var scaler = Fn( ( params )=>{
 
+	params = prepare( { ...scaler.defaults, ...params } );
+
 	return surfacePos( positionGeometry, params );
 
 } );
@@ -33,6 +35,8 @@ var scaler = Fn( ( params )=>{
 
 scaler.normal = Fn( ( params ) => {
 
+	params = prepare( { ...scaler.defaults, ...params } );
+
 	var eps = 0.01;
 
 	var position = positionGeometry,

package/src/scepter-head.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { abs, add, cos, floor, Fn, max, mix, mod, mul, positionGeometry, remapClamp, sign, tan, vec3 } from 'three/tsl';
-import { hsl, noise, remapExp, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, remapExp, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var scepterHead = Fn( ( params ) => {
 
+	params = prepare( { ...scepterHead.defaults, ...params } );
+
 	var pos = positionGeometry;
 
 	var fx = pos.x.mul( remapExp( params.xFactor, 0, 100, 1.35, 30 ) ).toVar( ),

package/src/scream.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { add, cos, exp, Fn, mix, positionGeometry, sin } from 'three/tsl';
-import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var scream = Fn( ( params ) => {
 
+	params = prepare( { ...scream.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
 	var k = noise( add( sin( pos.xyz ), cos( pos.yzx ) ) );

package/src/simplex-noise.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { clamp, exp, Fn, mix, positionGeometry } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var simplexNoise = Fn( ( params ) => {
 
+	params = prepare( { ...simplexNoise.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed );
 
 	var k = clamp( 0, 1, noise( pos ).mul( 0.5, exp( params.contrast ) ).add( 0.5, params.balance ) );

package/src/stars.js

@@ -5,12 +5,15 @@
 
 import { Color } from "three";
 import { abs, add, exp, Fn, mix, positionGeometry, select } from 'three/tsl';
-import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
+
 
 
 
 var stars = Fn( ( params ) => {
 
+	params = prepare( { ...stars.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale.div( 2 ).add( 3 ) ) ).add( params.seed ).toVar( );
 
 	var k = abs( noise( pos ) ).pow( 10 ).mul( 10 );
@@ -22,7 +25,7 @@ var stars = Fn( ( params ) => {
 	var col = toHsl( mix( params.background, params.color, k ) );
 
 	return hsl( add( col.x, dS ), col.y, col.z );
-
+
 } );
 
 

package/src/supersphere.js

@@ -4,6 +4,7 @@
 
 
 import { cross, float, Fn, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView } from 'three/tsl';
+import { prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -25,6 +26,8 @@ var surfacePos = Fn( ([ pos, params ])=>{
 
 var supersphere = Fn( ( params )=>{
 
+	params = prepare( { ...supersphere.defaults, ...params } );
+
 	return surfacePos( positionGeometry, params );
 
 } );
@@ -33,6 +36,8 @@ var supersphere = Fn( ( params )=>{
 
 supersphere.normal = Fn( ( params ) => {
 
+	params = prepare( { ...supersphere.defaults, ...params } );
+
 	var eps = 0.01;
 
 	var position = positionGeometry,

package/src/tiger-fur.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var tigerFur = Fn( ( params )=>{
 
+	params = prepare( { ...tigerFur.defaults, ...params } );
+
 	var scale = params.scale.div( 2 ).add( 1 ).toVar();
 	var pos = positionGeometry.mul( exp( scale ) ).add( params.seed ).toVar( );
 

package/src/translator.js

@@ -5,7 +5,7 @@
 
 import { Vector2, Vector3 } from "three";
 import { cross, Fn, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView, vec4 } from 'three/tsl';
-import { matTrans, selectPlanar } from 'tsl-textures/tsl-utils.js';
+import { matTrans, prepare, selectPlanar } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -23,6 +23,8 @@ var surfacePos = Fn( ([ pos, params ])=>{
 
 var translator = Fn( ( params )=>{
 
+	params = prepare( { ...translator.defaults, ...params } );
+
 	return surfacePos( positionGeometry, params );
 
 } );
@@ -31,6 +33,8 @@ var translator = Fn( ( params )=>{
 
 translator.normal = Fn( ( params ) => {
 
+	params = prepare( { ...translator.defaults, ...params } );
+
 	var eps = 0.01;
 
 	var position = positionGeometry,

package/src/tsl-utils.js

@@ -9,7 +9,7 @@
 
 
 import { add, cos, cross, dFdx, dFdy, float, Fn, If, log2, mat4, max, min, mul, positionGeometry, pow, remap, select, sin, smoothstep, sub, transformNormalToView, uniform, vec3, vec4 } from 'three/tsl';
-import { Vector3 } from 'three';
+import { Color, 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';
 
 
@@ -373,6 +373,90 @@ const normalVector = Fn( ([ pos ])=>{
 } );
 
 
+var banner = null;
+var bannerCounter = 10;
+async function showFallbackWarning( ) {
+
+	if ( navigator.gpu != undefined ) {
+
+		var adapter = await navigator.gpu.requestAdapter();
+		if ( adapter ) return;
+
+	}
+
+	var html = `
+	<div style="font-size:1.25em; font-weight:bold;">PLEASE, WAIT</div>
+	<div  style="font-size:0.85em; font-weight:100;" >NO WEBGPU &mdash; TRYING WEBGL2</div>
+	<div id="counter"></div>
+	`;
+
+	banner = document.createElement( 'div' );
+	banner.innerHTML = html;
+
+	banner.style.left = 'calc(50% - 8em)';
+	banner.style.width = '16em';
+
+	banner.style.fontFamily = 'Bahnschrifts, Arial';
+	banner.style.position = 'absolute';
+	banner.style.bottom = '20px';
+	banner.style.padding = '12px 6px';
+	banner.style.border = '1px solid white';
+	banner.style.borderRadius = '4px';
+	banner.style.background = 'rgba(0,0,0,0.5)';
+	banner.style.color = 'white';
+	banner.style.textAlign = 'center';
+	banner.style.opacity = '0.8';
+	banner.style.outline = 'none';
+	banner.style.zIndex = '999';
+
+	document.body.appendChild( banner );
+
+}
+
+
+
+function hideFallbackWarning( ) {
+
+	if ( banner ) {
+
+		if ( bannerCounter>0 )
+			bannerCounter--;
+		else {
+
+			banner.style.display = 'none';
+			//		document.removeChild( banner );
+			banner = null;
+
+		}
+
+	}
+
+}
+
+
+
+// converts all numeric, color and vector properties to nodes
+function prepare( params ) {
+
+	for ( var name of Object.keys( params ) ) {
+
+		if ( typeof params[ name ] === 'number' )
+			params[ name ] = float( params[ name ]);
+		else
+			if ( params[ name ] instanceof Color )
+				params[ name ] = vec3( params[ name ].r, params[ name ].g, params[ name ].b );
+			else
+				if ( params[ name ] instanceof Vector3 )
+					params[ name ] = vec3( params[ name ].x, params[ name ].y, params[ name ].z );
+
+	}
+
+	return params;
+
+}
+
+
+
 
 export
 {
@@ -396,5 +480,8 @@ export
 	matScale,
 	selectPlanar,
 	overlayPlanar,
-	normalVector
+	showFallbackWarning,
+	hideFallbackWarning,
+	normalVector,
+	prepare
 };

package/src/voronoi-cells.js

@@ -5,7 +5,7 @@
 
 import { Color } from 'three';
 import { exp, float, Fn, If, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -18,6 +18,8 @@ var cellCenter = Fn( ([ cell ])=>{
 
 var voronoiCells = Fn( ( params )=>{
 
+	params = prepare( { ...voronoiCells.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale.div( 2 ).add( 0.5 ) ) ).add( params.seed ).toVar( );
 
 	var midCell = pos.round().toVar();

package/src/water-drops.js

@@ -4,7 +4,7 @@
 
 
 import { cos, cross, exp, Fn, normalLocal, positionGeometry, remap, sin, sub, tangentLocal, transformNormalToView, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -20,6 +20,8 @@ var surfacePos = Fn( ([ pos, normal, bump, density, seed ]) => {
 
 var waterDrops = Fn( ( params ) => {
 
+	params = prepare( { ...waterDrops.defaults, ...params } );
+
 	var eps = 0.001;
 
 	var position = positionGeometry.mul( exp( params.scale.div( 1 ).add( 1 ) ) ).toVar( ),

package/src/watermelon.js

@@ -5,12 +5,14 @@
 
 import { Color } from 'three';
 import { equirectUV, exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var watermelon = Fn( ( params )=>{
 
+	params = prepare( { ...watermelon.defaults, ...params } );
+
 	var pos = positionGeometry.mul( exp( params.scale.div( 4 ).add( 2 ) ) ).add( params.seed ).toVar( );
 
 	var uv = equirectUV( positionGeometry.normalize() ).toVar(),

package/src/wood.js

@@ -5,12 +5,14 @@
 
 import { Color } from 'three';
 import { add, cos, exp, float, Fn, Loop, mix, mul, positionGeometry, radians, reciprocal, sin, sub, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var wood = Fn( ( params ) => {
 
+	params = prepare( { ...wood.defaults, ...params } );
+
 	var angle = radians( params.angle ).toVar();
 	var posLocal = vec3(
 		sub( positionGeometry.x.mul( cos( angle ) ), positionGeometry.y.mul( sin( angle ) ) ),

package/src/zebra-lines.js

@@ -5,12 +5,14 @@
 
 import { Color } from "three";
 import { acos, clamp, exp, Fn, mix, positionGeometry, sin } from 'three/tsl';
-import { spherical } from 'tsl-textures/tsl-utils.js';
+import { prepare, spherical } from 'tsl-textures/tsl-utils.js';
 
 
 
 var zebraLines = Fn( ( params ) => {
 
+	params = prepare( { ...zebraLines.defaults, ...params } );
+
 	var pos = positionGeometry.normalize().toVar( );
 
 	var dir = spherical( params.phi, params.theta ).toVar();