tsl-textures 1.7.0 → 1.9.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.7.0",
+  "version": "1.9.0",
   "description": "A collection of Three.js Shading Language (TSL) textures ",
   "main": "index.js",
   "repository": {

package/src/camouflage.js

@@ -4,14 +4,14 @@
 
 
 import { Color } from 'three';
-import { exp, Fn, If, positionLocal, round, vec3 } from 'three/tsl';
+import { exp, Fn, If, positionGeometry, round, vec3 } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
 
 var camouflage = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	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,13 @@
 
 
 import { Color } from "three";
-import { abs, add, exp, float, Fn, If, mix, or, positionLocal, pow2, sub } from 'three/tsl';
+import { abs, add, exp, float, Fn, If, mix, or, positionGeometry, pow2, sub } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
 var caveArt = Fn( ( params ) => {
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	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,14 @@
 
 
 import { Color } from "three";
-import { acos, clamp, exp, float, Fn, positionLocal, select, sin } from 'three/tsl';
+import { acos, clamp, exp, float, Fn, positionGeometry, select, sin } from 'three/tsl';
 import { hsl, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var circles = Fn( ( params ) => {
 
-	var pos = positionLocal.normalize().toVar( );
+	var pos = positionGeometry.normalize().toVar( );
 
 	var angle = acos( clamp( pos.y, -1, 1 ) ).mul( 20 );
 

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 { clamp, exp, Fn, min, mix, mul, positionGeometry, vec4 } from 'three/tsl';
 import { noise } 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();
 

package/src/concrete.js

@@ -3,7 +3,7 @@
 
 
 
-import { abs, cos, cross, exp, Fn, normalLocal, positionLocal, pow, remap, sin, sub, tangentLocal, transformNormalToView, vec3 } from 'three/tsl';
+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';
 
 
@@ -22,7 +22,7 @@ var concrete = Fn( ( 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,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, float, Fn, If, Loop, mix, positionLocal, vec3 } from 'three/tsl';
+import { exp, float, Fn, If, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
 import { noise, vnoise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -18,7 +18,7 @@ var cellCenter = Fn( ([ cell ])=>{
 
 var cork = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale.div( 1.5 ).add( 1 ) ) ).add( params.seed ).toVar( );
+	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,13 @@
 
 
 import { Color } from "three";
-import { exp, float, Fn, Loop, mix, positionLocal } from 'three/tsl';
+import { exp, float, Fn, Loop, mix, positionGeometry } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
 var dalmatianSpots = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).sub( 1000 ).toVar( );
+	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).sub( 1000 ).toVar( );
 
 	var k = float( 1 ).toVar();
 

package/src/dyson-sphere.js

@@ -4,7 +4,7 @@
 
 
 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';
 
 
 
@@ -61,7 +61,7 @@ var noiseg = Fn( ([ pos ])=>{
 
 var dysonSphere = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale.div( 2 ).add( 0.5 ) ) ).add( params.seed ).toVar( );
+	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,7 +4,7 @@
 
 
 import { Color } from "three";
-import { abs, exp, float, floor, Fn, Loop, max, mix, mul, oneMinus, positionLocal, pow, sin } from 'three/tsl';
+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';
 
 
@@ -12,7 +12,7 @@ import { noise } from 'tsl-textures/tsl-utils.js';
 var entangled = Fn( ( 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,14 @@
 
 
 import { Color } from 'three';
-import { exp, Fn, mul, positionLocal, sin, vec3 } from 'three/tsl';
+import { exp, Fn, mul, positionGeometry, sin, vec3 } from 'three/tsl';
 import { hsl, noise } from 'tsl-textures/tsl-utils.js';
 
 
 
 var fordite = Fn( ( params ) => {
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
 	var k = noise(
 		vec3(

package/src/gas-giant.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, Fn, mix, positionLocal, vec3 } from 'three/tsl';
+import { exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
 import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
@@ -12,7 +12,7 @@ import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
 var gasGiant = Fn( ( 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,13 @@
 
 
 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';
 
 
 
 var grid = Fn( ( params ) => {
 
-	var uv = equirectUV( positionLocal.normalize() ).toVar(),
+	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,14 @@
 
 
 import { Color } from "three";
-import { add, exp, Fn, mix, oneMinus, positionLocal, sin, smoothstep, sub } from 'three/tsl';
+import { add, exp, Fn, mix, oneMinus, positionGeometry, sin, smoothstep, sub } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
 
 var isolines = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	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,14 @@
 
 
 import { Color } from "three";
-import { exp, Fn, mix, positionLocal } from 'three/tsl';
+import { exp, Fn, mix, positionGeometry } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
 
 var karstRock = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed.sin().mul( 5 ) ).toVar( );
+	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,14 @@
 
 
 import { Color } from "three";
-import { add, div, exp, Fn, If, mix, mul, oneMinus, positionLocal, pow } from 'three/tsl';
+import { add, div, exp, Fn, If, mix, mul, oneMinus, positionGeometry, pow } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
 
 var marble = Fn( ( params ) => {
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	var pos = positionGeometry.mul( exp( params.scale ) ).add( params.seed ).toVar( );
 
 	var k = add(
 		noise( pos ),

package/src/neon-lights.js

@@ -4,14 +4,14 @@
 
 
 import { Color } from "three";
-import { abs, exp, Fn, oneMinus, positionLocal, select, sqrt, vec3 } from 'three/tsl';
+import { abs, exp, Fn, oneMinus, positionGeometry, select, sqrt, vec3 } from 'three/tsl';
 import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var neonLights = Fn( ( params ) => {
 
-	var pos = positionLocal;//.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	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,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, Fn, Loop, mix, positionLocal, vec3 } from 'three/tsl';
+import { exp, Fn, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
 import { applyEuler, noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -12,7 +12,7 @@ import { applyEuler, noise } from 'tsl-textures/tsl-utils.js';
 var photosphere = Fn( ( 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,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, float, Fn, If, Loop, mix, mul, positionLocal, remap, smoothstep, vec3 } from 'three/tsl';
+import { exp, float, Fn, If, Loop, mix, mul, positionGeometry, remap, smoothstep, vec3 } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -19,7 +19,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,7 +4,7 @@
 
 
 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 { 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';
 
 
@@ -16,7 +16,7 @@ var goldenRatio = ( 1+5**0.5 )/2;
 var polkaDots = Fn( ( 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,7 +4,7 @@
 
 
 import { Color } from "three";
-import { add, cos, exp, Fn, mix, positionLocal, radians, sin, sub, vec3 } from 'three/tsl';
+import { add, cos, exp, Fn, mix, positionGeometry, radians, sin, sub, vec3 } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -13,9 +13,9 @@ var processedWood = Fn( ( 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,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, float, Fn, Loop, matcapUV, mix, positionLocal, vec3 } from 'three/tsl';
+import { exp, float, Fn, Loop, matcapUV, mix, positionGeometry, vec3 } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -19,7 +19,7 @@ var pnoise = Fn( ([ pos, fat ])=>{
 
 var protozoa = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale.sub( 1 ) ) ).add( params.seed ).toVar( );
+	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,7 +4,7 @@
 
 
 import { Vector2, Vector3 } from "three";
-import { cross, Fn, normalLocal, positionLocal, sub, tangentLocal, transformNormalToView, vec4 } from 'three/tsl';
+import { cross, Fn, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView, vec4 } from 'three/tsl';
 import { matRotYXZ, matTrans, selectPlanar } from 'tsl-textures/tsl-utils.js';
 
 
@@ -25,7 +25,7 @@ var surfacePos = Fn( ([ pos, params ])=>{
 
 var rotator = Fn( ( params )=>{
 
-	return surfacePos( positionLocal, params );
+	return surfacePos( positionGeometry, params );
 
 } );
 
@@ -35,7 +35,7 @@ rotator.normal = Fn( ( 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

@@ -1,9 +1,9 @@
 
-//	TSL-Textures: Neon Lights
+//	TSL-Textures: Rough clay
 
 
 
-import { cross, exp, Fn, mx_worley_noise_float, normalLocal, positionLocal, sub, tangentLocal, transformNormalToView } from 'three/tsl';
+import { cross, exp, Fn, mx_worley_noise_float, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -23,7 +23,7 @@ var roughClay = Fn( ( params ) => {
 
 	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

@@ -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/rust.js

@@ -4,14 +4,14 @@
 
 
 import { Color } from 'three';
-import { exp, Fn, Loop, mix, positionLocal } from 'three/tsl';
+import { exp, Fn, Loop, mix, positionGeometry } from 'three/tsl';
 import { noise } 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();
 
@@ -37,7 +37,7 @@ var rust = Fn( ( 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 ) ) );
 

package/src/satin.js

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

package/src/scaler.js

@@ -4,7 +4,7 @@
 
 
 import { Vector2, Vector3 } from "three";
-import { cross, Fn, mix, normalLocal, positionLocal, sub, tangentLocal, transformNormalToView, vec3, vec4 } from 'three/tsl';
+import { cross, Fn, mix, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView, vec3, vec4 } from 'three/tsl';
 import { matScale, matTrans, selectPlanar } from 'tsl-textures/tsl-utils.js';
 
 
@@ -25,7 +25,7 @@ var surfacePos = Fn( ([ pos, params ])=>{
 
 var scaler = Fn( ( params )=>{
 
-	return surfacePos( positionLocal, params );
+	return surfacePos( positionGeometry, params );
 
 } );
 
@@ -35,7 +35,7 @@ scaler.normal = Fn( ( 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,14 @@
 
 
 import { Color } from "three";
-import { abs, add, cos, floor, Fn, max, mix, mod, mul, positionLocal, remapClamp, sign, tan, vec3 } from 'three/tsl';
+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';
 
 
 
 var scepterHead = Fn( ( params ) => {
 
-	var pos = positionLocal;
+	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,18 @@
 
 
 import { Color } from "three";
-import { add, cos, exp, Fn, mix, positionLocal, sin } from 'three/tsl';
+import { add, cos, exp, Fn, mix, positionGeometry, sin } from 'three/tsl';
 import { hsl, noise, toHsl } from 'tsl-textures/tsl-utils.js';
 
 
 
 var scream = Fn( ( params ) => {
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed ).toVar( );
+	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,14 @@
 
 
 import { Color } from "three";
-import { clamp, exp, Fn, mix, positionLocal } from 'three/tsl';
+import { clamp, exp, Fn, mix, positionGeometry } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
 
 var simplexNoise = Fn( ( params ) => {
 
-	var pos = positionLocal.mul( exp( params.scale ) ).add( params.seed );
+	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,14 @@
 
 
 import { Color } from "three";
-import { abs, add, exp, Fn, mix, positionLocal, select } from 'three/tsl';
+import { abs, add, exp, Fn, mix, positionGeometry, select } from 'three/tsl';
 import { hsl, noise, 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( );
+	var pos = positionGeometry.mul( exp( params.scale.div( 2 ).add( 3 ) ) ).add( params.seed ).toVar( );
 
 	var k = abs( noise( pos ) ).pow( 10 ).mul( 10 );
 

package/src/supersphere.js

@@ -3,7 +3,7 @@
 
 
 
-import { cross, float, Fn, normalLocal, positionLocal, sub, tangentLocal, transformNormalToView } from 'three/tsl';
+import { cross, float, Fn, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView } from 'three/tsl';
 
 
 
@@ -25,7 +25,7 @@ var surfacePos = Fn( ([ pos, params ])=>{
 
 var supersphere = Fn( ( params )=>{
 
-	return surfacePos( positionLocal, params );
+	return surfacePos( positionGeometry, params );
 
 } );
 
@@ -35,7 +35,7 @@ supersphere.normal = Fn( ( 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,7 +4,7 @@
 
 
 import { Color } from "three";
-import { exp, Fn, mix, positionLocal, vec3 } from 'three/tsl';
+import { exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -12,7 +12,7 @@ import { noise } from 'tsl-textures/tsl-utils.js';
 var tigerFur = Fn( ( 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 +20,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,7 +4,7 @@
 
 
 import { Vector2, Vector3 } from "three";
-import { cross, Fn, normalLocal, positionLocal, sub, tangentLocal, transformNormalToView, vec4 } from 'three/tsl';
+import { cross, Fn, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView, vec4 } from 'three/tsl';
 import { matTrans, selectPlanar } from 'tsl-textures/tsl-utils.js';
 
 
@@ -23,7 +23,7 @@ var surfacePos = Fn( ([ pos, params ])=>{
 
 var translator = Fn( ( params )=>{
 
-	return surfacePos( positionLocal, params );
+	return surfacePos( positionGeometry, params );
 
 } );
 
@@ -33,7 +33,7 @@ translator.normal = Fn( ( 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,7 +8,7 @@
 
 
 
-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 { 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 { 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

package/src/voronoi-cells.js

@@ -4,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { exp, float, Fn, If, Loop, mix, positionLocal, vec3 } from 'three/tsl';
+import { exp, float, Fn, If, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -18,7 +18,7 @@ var cellCenter = Fn( ([ cell ])=>{
 
 var voronoiCells = Fn( ( params )=>{
 
-	var pos = positionLocal.mul( exp( params.scale.div( 2 ).add( 0.5 ) ) ).add( params.seed ).toVar( );
+	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,7 +3,7 @@
 
 
 
-import { cos, cross, exp, Fn, normalLocal, positionLocal, remap, sin, sub, tangentLocal, transformNormalToView, vec3 } from 'three/tsl';
+import { cos, cross, exp, Fn, normalLocal, positionGeometry, remap, sin, sub, tangentLocal, transformNormalToView, vec3 } from 'three/tsl';
 import { noise } from 'tsl-textures/tsl-utils.js';
 
 
@@ -22,7 +22,7 @@ var waterDrops = Fn( ( 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,16 @@
 
 
 import { Color } from 'three';
-import { equirectUV, exp, Fn, mix, positionLocal, vec3 } from 'three/tsl';
+import { equirectUV, exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
 import { noise } 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( );
+	var pos = positionGeometry.mul( exp( params.scale.div( 4 ).add( 2 ) ) ).add( params.seed ).toVar( );
 
-	var uv = equirectUV( positionLocal.normalize() ).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,7 +4,7 @@
 
 
 import { Color } from 'three';
-import { add, cos, exp, float, Fn, Loop, mix, mul, positionLocal, radians, reciprocal, sin, sub, vec3 } from 'three/tsl';
+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';
 
 
@@ -13,9 +13,9 @@ var wood = Fn( ( 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,14 @@
 
 
 import { Color } from "three";
-import { acos, clamp, exp, Fn, mix, positionLocal, sin } from 'three/tsl';
+import { acos, clamp, exp, Fn, mix, positionGeometry, sin } from 'three/tsl';
 import { spherical } from 'tsl-textures/tsl-utils.js';
 
 
 
 var zebraLines = Fn( ( params ) => {
 
-	var pos = positionLocal.normalize().toVar( );
+	var pos = positionGeometry.normalize().toVar( );
 
 	var dir = spherical( params.phi, params.theta ).toVar();