tsl-textures 1.8.0 → 1.10.0

package/README.md

@@ -40,6 +40,7 @@ Uses [protozoa.js](https://boytchev.github.io/tsl-textures/docs/protozoa.html)
 texture to create a dynamic blob with microorganisms floating innside. A space
 station is constructed arounnd the blob. The surface of the station is made of
 a Dyson sphere texture from [dyson-texture.js](https://boytchev.github.io/tsl-textures/docs/dyson-sphere.html).
+Click on the image for a live demo.
 
 [<img src="https://boytchev.github.io/tsl-textures/examples/example-protozoa.jpg">](https://boytchev.github.io/tsl-textures/examples/example-protozoa.html)
 
@@ -50,6 +51,31 @@ Uses [rotator.js](https://boytchev.github.io/tsl-textures/docs/rotator.html)
 texture that applies soft matrices on model vertices. This allows to make
 gradual rotation that looks like stretching skin and flexing muscles. The
 animation does not use skinning or morphing, the model is not preprocessed
-in any way, and no additional vertex data is added.
+in any way, and no additional vertex data is added. Click on the image
+for a live demo. 
 
 [<img src="https://boytchev.github.io/tsl-textures/examples/example-neck-massage.jpg">](https://boytchev.github.io/tsl-textures/examples/example-neck-massage.html)
+
+
+#### Example "Watermelon supersphere"
+
+Uses [supersphere.js](https://boytchev.github.io/tsl-textures/docs/supersphere.html)
+texture to generate the shape of a [supersphere](https://mathworld.wolfram.com/Supersphere.html)
+and [watermelon.js](https://boytchev.github.io/tsl-textures/docs/watermelon.html)
+texture to color the surface in a watermelon pattern. Both the shape and the pattern
+are continuously changing. Click on the image for a live demo.
+
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-watermelon-supersphere.jpg">](https://boytchev.github.io/tsl-textures/examples/example-watermelon-supersphere.html)
+
+
+#### Example "Texture in motion"
+
+Uses [dyson-sphere.js](https://boytchev.github.io/tsl-textures/docs/dyson-sphere.html),
+[camouflage.js](https://boytchev.github.io/tsl-textures/docs/camouflage.html),
+[dalmatian-spots.js](https://boytchev.github.io/tsl-textures/docs/dalmatian-spots.html) and
+[planet.js](https://boytchev.github.io/tsl-textures/docs/planet.html) textures
+and applies them on the elements of an animated GLTF model. Textures are blended
+via a TSL function. Click on the image for a live demo. (Note: non-WebGPU browsers
+might need 30+ seconds to start up.)
+
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-texture-in-motion.jpg">](https://boytchev.github.io/tsl-textures/examples/example-texture-in-motion.html)

package/package.json

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

package/src/camouflage.js

@@ -4,14 +4,16 @@
 
 
 import { Color } from 'three';
-import { exp, Fn, If, positionLocal, round, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { exp, Fn, If, positionGeometry, round, vec3 } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var camouflage = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	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

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

package/src/circles.js

@@ -4,14 +4,16 @@
 
 
 import { Color } from "three";
-import { acos, clamp, exp, float, Fn, positionLocal, select, sin } from 'three/tsl';
-import { hsl, toHsl } from 'tsl-textures/tsl-utils.js';
+import { acos, clamp, exp, float, Fn, positionGeometry, select, sin } from 'three/tsl';
+import { hsl, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var circles = Fn( ( params ) => {
 
-	var pos = positionLocal.normalize().toVar( );
+	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

@@ -4,14 +4,14 @@
 
 
 import { Color } from "three";
-import { clamp, exp, Fn, min, mix, mul, positionLocal, vec4 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { clamp, exp, Fn, min, mix, mul, positionGeometry, vec4 } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var _clouds = Fn( ( params ) => {
 
-	var pos = positionLocal.toVar(),
+	var pos = positionGeometry.toVar(),
 		scale = exp( params.scale.div( 1.5 ).sub( 0.5 ) ).toVar(),
 		density = params.density.remap( 0, 1, -0.15, 0.15 ).toVar();
 
@@ -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

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

package/src/cork.js

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

@@ -4,13 +4,15 @@
 
 
 import { Color } from "three";
-import { exp, float, Fn, Loop, mix, positionLocal } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { exp, float, Fn, Loop, mix, positionGeometry } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 var dalmatianSpots = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).sub( 1000 ).toVar( );
+	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

@@ -4,7 +4,8 @@
 
 
 import { Color } from 'three';
-import { exp, float, Fn, Loop, mix, positionLocal, vec3 } from 'three/tsl';
+import { exp, float, Fn, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
+import { prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -61,7 +62,9 @@ var noiseg = Fn( ([ pos ])=>{
 
 var dysonSphere = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale.div( 2 ).add( 0.5 ) ) ).add( params.seed ).toVar( );
+	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();
 	var factor = float( 1 ).toVar();

package/src/entangled.js

@@ -4,15 +4,17 @@
 
 
 import { Color } from "three";
-import { abs, exp, float, floor, Fn, Loop, max, mix, mul, oneMinus, positionLocal, pow, sin } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { abs, exp, float, floor, Fn, Loop, max, mix, mul, oneMinus, positionGeometry, pow, sin } from 'three/tsl';
+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 = positionLocal.add( params.seed ).toVar( );
+	var pos = positionGeometry.add( params.seed ).toVar( );
 	var k = float( -10000 ).toVar( );
 	var k1 = float( 0 ).toVar( );
 

package/src/fordite.js

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

package/src/gas-giant.js

@@ -4,15 +4,17 @@
 
 
 import { Color } from "three";
-import { exp, Fn, mix, positionLocal, vec3 } from 'three/tsl';
-import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
+import { exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
+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 = positionLocal.mul( exp( scale ) ).add( params.seed ).toVar( );
+	var pos = positionGeometry.mul( exp( scale ) ).add( params.seed ).toVar( );
 
 	// turbulence strength
 	var turbulence = params.turbulence.mul(

package/src/grid.js

@@ -4,13 +4,16 @@
 
 
 import { Color } from "three";
-import { abs, add, div, equirectUV, Fn, min, mix, mul, oneMinus, positionLocal, pow, remapClamp, round, sin, smoothstep, sub } from 'three/tsl';
+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 ) => {
 
-	var uv = equirectUV( positionLocal.normalize() ).toVar(),
+	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

@@ -4,14 +4,16 @@
 
 
 import { Color } from "three";
-import { add, exp, Fn, mix, oneMinus, positionLocal, sin, smoothstep, sub } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { add, exp, Fn, mix, oneMinus, positionGeometry, sin, smoothstep, sub } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var isolines = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	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

@@ -4,14 +4,16 @@
 
 
 import { Color } from "three";
-import { exp, Fn, mix, positionLocal } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { exp, Fn, mix, positionGeometry } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var karstRock = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed.sin().mul( 5 ) ).toVar( );
+	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

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

package/src/neon-lights.js

@@ -4,14 +4,16 @@
 
 
 import { Color } from "three";
-import { abs, exp, Fn, oneMinus, positionLocal, select, sqrt, vec3 } from 'three/tsl';
-import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
+import { abs, exp, Fn, oneMinus, positionGeometry, select, sqrt, vec3 } from 'three/tsl';
+import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var neonLights = Fn( ( params ) => {
 
-	var pos = positionLocal;//.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	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();
 	var thinness = exp( params.thinness.remap( 0, 1, 1.5, 0 ) ).toVar();

package/src/photosphere.js

@@ -4,15 +4,17 @@
 
 
 import { Color } from "three";
-import { exp, Fn, Loop, mix, positionLocal, vec3 } from 'three/tsl';
-import { applyEuler, noise } from 'tsl-textures/tsl-utils.js';
+import { exp, Fn, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
+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 = positionLocal.toVar( );
+	var pos = positionGeometry.toVar( );
 
 	var vec = vec3( pos ).toVar();
 

package/src/planet.js

@@ -4,14 +4,16 @@
 
 
 import { Color } from 'three';
-import { exp, float, Fn, If, Loop, mix, mul, positionLocal, remap, smoothstep, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { exp, float, Fn, If, Loop, mix, mul, positionGeometry, remap, smoothstep, vec3 } from 'three/tsl';
+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(),
@@ -19,7 +21,7 @@ var planet = Fn( ( params )=>{
 
 	Loop( params.iterations.add( 10 ), ()=>{
 
-		k.addAssign( mul( power, noise( positionLocal.mul( scale ).add( params.seed ) ) ) );
+		k.addAssign( mul( power, noise( positionGeometry.mul( scale ).add( params.seed ) ) ) );
 		sum.addAssign( power );
 		scale.mulAssign( 1.5 );
 		power.mulAssign( 0.8 );

package/src/polka-dots.js

@@ -4,8 +4,8 @@
 
 
 import { Color } from "three";
-import { acos, add, distance, exp, float, Fn, Loop, max, min, mix, mod, mul, oneMinus, positionLocal, pow, smoothstep, } from 'three/tsl';
-import { spherical } from 'tsl-textures/tsl-utils.js';
+import { acos, add, distance, exp, float, Fn, Loop, max, min, mix, mod, mul, oneMinus, positionGeometry, pow, smoothstep, } from 'three/tsl';
+import { prepare, spherical } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -15,8 +15,10 @@ 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 = positionLocal.normalize().toVar();
+	var vec = positionGeometry.normalize().toVar();
 
 	var besti = oneMinus( vec.y ).mul( cnt ).sub( 1 ).div( 2 );
 

package/src/processed-wood.js

@@ -4,18 +4,20 @@
 
 
 import { Color } from "three";
-import { add, cos, exp, Fn, mix, positionLocal, radians, sin, sub, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { add, cos, exp, Fn, mix, positionGeometry, radians, sin, sub, vec3 } from 'three/tsl';
+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( positionLocal.x.mul( cos( angle ) ), positionLocal.y.mul( sin( angle ) ) ),
-		add( positionLocal.x.mul( sin( angle ) ), positionLocal.y.mul( cos( angle ) ) ),
-		positionLocal.z,
+		sub( positionGeometry.x.mul( cos( angle ) ), positionGeometry.y.mul( sin( angle ) ) ),
+		add( positionGeometry.x.mul( sin( angle ) ), positionGeometry.y.mul( cos( angle ) ) ),
+		positionGeometry.z,
 	).toVar();
 
 	var scale = params.scale.div( 2 ).add( 1 ).toVar();

package/src/protozoa.js

@@ -4,8 +4,8 @@
 
 
 import { Color } from "three";
-import { exp, float, Fn, Loop, matcapUV, mix, positionLocal, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { exp, float, Fn, Loop, matcapUV, mix, positionGeometry, vec3 } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -19,7 +19,9 @@ var pnoise = Fn( ([ pos, fat ])=>{
 
 var protozoa = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale.sub( 1 ) ) ).add( params.seed ).toVar( );
+	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

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

package/src/rough-clay.js

@@ -3,8 +3,8 @@
 
 
 
-import { cross, exp, Fn, mx_worley_noise_float, normalLocal, positionLocal, sub, tangentLocal, transformNormalToView } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { cross, exp, Fn, mx_worley_noise_float, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -19,11 +19,13 @@ 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();
 
-	var position = positionLocal.mul( exp( params.scale.div( 2 ) ) ).add( params.seed.sin().mul( 10 ) ).toVar( ),
+	var position = positionGeometry.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();

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

@@ -4,14 +4,14 @@
 
 
 import { Color } from 'three';
-import { exp, Fn, Loop, mix, positionLocal } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { exp, Fn, Loop, mix, positionGeometry } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var _rust = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale.div( 4 ).add( -1 ) ) ).add( params.seed ).toVar( );
+	var pos = positionGeometry.mul( exp( params.scale.div( 4 ).add( -1 ) ) ).add( params.seed ).toVar( );
 
 	var amount = params.amount.mul( noise( pos.mul( params.amount.div( 2 ).add( 4 ) ) ).add( 4 ) ).toVar();
 
@@ -35,9 +35,11 @@ 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 = positionLocal.mul( exp( params.scale.add( params.noiseScale.mul( 3 ), 2 ) ) );
+	var pos = positionGeometry.mul( exp( params.scale.add( params.noiseScale.mul( 3 ), 2 ) ) );
 
 	k.addAssign( params.noise.mul( noise( pos ).abs().add( 0.1 ).pow( 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

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

package/src/scaler.js

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

package/src/scepter-head.js

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

package/src/scream.js

@@ -4,18 +4,20 @@
 
 
 import { Color } from "three";
-import { add, cos, exp, Fn, mix, positionLocal, sin } from 'three/tsl';
-import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
+import { add, cos, exp, Fn, mix, positionGeometry, sin } from 'three/tsl';
+import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var scream = Fn( ( params ) => {
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	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 ) ) );
 
-	pos.assign( positionLocal.mul( exp( params.scale ).mul( k ) ).add( params.seed ) );
+	pos.assign( positionGeometry.mul( exp( params.scale ).mul( k ) ).add( params.seed ) );
 
 	var k = noise( add( sin( pos.xyz ), cos( pos.yzx ) ).mul( 2 ) );
 

package/src/simplex-noise.js

@@ -4,14 +4,16 @@
 
 
 import { Color } from "three";
-import { clamp, exp, Fn, mix, positionLocal } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { clamp, exp, Fn, mix, positionGeometry } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
 var simplexNoise = Fn( ( params ) => {
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed );
+	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

@@ -4,14 +4,17 @@
 
 
 import { Color } from "three";
-import { abs, add, exp, Fn, mix, positionLocal, select } from 'three/tsl';
-import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
+import { abs, add, exp, Fn, mix, positionGeometry, select } from 'three/tsl';
+import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
+
 
 
 
 var stars = Fn( ( params ) => {
 
-	var pos = positionLocal.mul( exp( params.scale.div( 2 ).add( 3 ) ) ).add( params.seed ).toVar( );
+	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

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

package/src/tiger-fur.js

@@ -4,15 +4,17 @@
 
 
 import { Color } from "three";
-import { exp, Fn, mix, positionLocal, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
+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 = positionLocal.mul( exp( scale ) ).add( params.seed ).toVar( );
+	var pos = positionGeometry.mul( exp( scale ) ).add( params.seed ).toVar( );
 
 	var len = params.length.add( 5 ).reciprocal().toVar();
 	var hairs = params.hairs.mul( 0.3 ).toVar();
@@ -20,7 +22,7 @@ var tigerFur = Fn( ( params )=>{
 	k = k.add( noise( pos.mul( vec3( 25, 1, 1 ) ) ).add( 1 ).mul( hairs ) );
 	k = k.add( params.strength.sub( 0.5 ) ).smoothstep( params.blur.negate(), params.blur ).oneMinus();
 
-	var n = positionLocal.y.add( hairs.sub( 0.5 ) ).smoothstep( -1, 0.5 );
+	var n = positionGeometry.y.add( hairs.sub( 0.5 ) ).smoothstep( -1, 0.5 );
 
 	return mix( params.bottomColor, params.color, n ).mul( k );
 

package/src/translator.js

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

package/src/tsl-utils.js

@@ -8,8 +8,8 @@
 
 
 
-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 { 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 { 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';
 
 
@@ -349,7 +349,7 @@ const selectPlanar = Fn( ([ pos, selAngles, selCenter, selWidth ])=>{
 const overlayPlanar = Fn( ( params )=>{
 
 	var zone = selectPlanar(
-		positionLocal,
+		positionGeometry,
 		params.selectorAngles,
 		params.selectorCenter,
 		params.selectorWidth
@@ -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

@@ -4,8 +4,8 @@
 
 
 import { Color } from 'three';
-import { exp, float, Fn, If, Loop, mix, positionLocal, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { exp, float, Fn, If, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
+import { noise, prepare } from 'tsl-textures/tsl-utils.js';
 
 
 
@@ -18,7 +18,9 @@ var cellCenter = Fn( ([ cell ])=>{
 
 var voronoiCells = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale.div( 2 ).add( 0.5 ) ) ).add( params.seed ).toVar( );
+	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

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

package/src/watermelon.js

@@ -4,16 +4,18 @@
 
 
 import { Color } from 'three';
-import { equirectUV, exp, Fn, mix, positionLocal, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { equirectUV, exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
+import { noise, prepare } 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( );
+	params = prepare( { ...watermelon.defaults, ...params } );
 
-	var uv = equirectUV( positionLocal.normalize() ).toVar(),
+	var pos = positionGeometry.mul( exp( params.scale.div( 4 ).add( 2 ) ) ).add( params.seed ).toVar( );
+
+	var uv = equirectUV( positionGeometry.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 ) )

package/src/wood.js

@@ -4,18 +4,20 @@
 
 
 import { Color } from 'three';
-import { add, cos, exp, float, Fn, Loop, mix, mul, positionLocal, radians, reciprocal, sin, sub, vec3 } from 'three/tsl';
-import { noise } from 'tsl-textures/tsl-utils.js';
+import { add, cos, exp, float, Fn, Loop, mix, mul, positionGeometry, radians, reciprocal, sin, sub, vec3 } from 'three/tsl';
+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( positionLocal.x.mul( cos( angle ) ), positionLocal.y.mul( sin( angle ) ) ),
-		add( positionLocal.x.mul( sin( angle ) ), positionLocal.y.mul( cos( angle ) ) ),
-		positionLocal.z,
+		sub( positionGeometry.x.mul( cos( angle ) ), positionGeometry.y.mul( sin( angle ) ) ),
+		add( positionGeometry.x.mul( sin( angle ) ), positionGeometry.y.mul( cos( angle ) ) ),
+		positionGeometry.z,
 	).toVar();
 
 

package/src/zebra-lines.js

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