tsl-textures 1.10.0 → 1.11.0

package/README.md

@@ -5,6 +5,15 @@ these are online real-time procedural generators of 3D textures.
 Pick a texture from the [Project home page](https://boytchev.github.io/tsl-textures/).
 
 
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-planet.jpg" width="200">](https://boytchev.github.io/tsl-textures/examples/example-planet.html)
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-normal-map.jpg" width="200">](https://boytchev.github.io/tsl-textures/examples/example-normal-map.html)
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-wooden-toys.jpg" width="200">](https://boytchev.github.io/tsl-textures/examples/example-wooden-toys.html)
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-protozoa.jpg" width="200">](https://boytchev.github.io/tsl-textures/examples/example-protozoa.html)
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-neck-massage.jpg" width="200">](https://boytchev.github.io/tsl-textures/examples/example-neck-massage.html)
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-watermelon-supersphere.jpg" width="200">](https://boytchev.github.io/tsl-textures/examples/example-watermelon-supersphere.html)
+[<img src="https://boytchev.github.io/tsl-textures/examples/example-texture-in-motion.jpg" width="200">](https://boytchev.github.io/tsl-textures/examples/example-texture-in-motion.html)
+
+<!--
 #### Example "Planet"
 
 Uses [planet.js](https://boytchev.github.io/tsl-textures/docs/planet.html)
@@ -79,3 +88,52 @@ via a TSL function. Click on the image for a live demo. (Note: non-WebGPU browse
 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)
+-->
+
+## Usage
+
+### Use with NPM
+
+**Install**
+```bat
+npm install three tsl-textures
+```
+
+**Use in a javascript file**
+```js
+// Important: Use `webgpu` version of Three.js
+import * as THREE from 'three/webgpu';
+
+// Import your desired texture
+import { polkaDots } from 'tsl-textures/polka-dots';
+
+// Create the renderer. Important: Use `WebGPURenderer`
+renderer = new THREE.WebGPURenderer({antialias: true});
+
+// ... Create your Three.js scene, camera, lights, etc.
+
+// Create geometry
+const objectGeometry = new THREE.IcosahedronGeometry(1, 12)
+
+// Create material: Important: Use `Node` Material
+objectMaterial = new THREE.MeshStandardNodeMaterial({
+    color: 0xCCCCCC,
+    roughness: 0.5,
+    metalness: 0.0,
+});
+
+// Apply texture to the material's `colorNode` property
+objectMaterial.colorNode = polkaDots ( {
+    count: 2,
+    size: 0.6,
+    blur: 0.22,
+    color: new THREE.Color(0),
+    background: new THREE.Color(16777215)
+} );
+
+// Assign Geometry and Material to a Mesh
+object = new THREE.Mesh(objectGeometry, objectMaterial);
+
+// Render
+renderer.render( scene, camera );
+```

package/package.json

@@ -1,33 +1,204 @@
-{
-  "name": "tsl-textures",
-  "version": "1.10.0",
-  "description": "A collection of Three.js Shading Language (TSL) textures ",
-  "main": "index.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/boytchev/tsl-textures.git"
-  },
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [
-    "texture",
-    "tsl",
-    "three.js"
-  ],
-  "homepage": "https://boytchev.github.io/tsl-textures/",
-  "author": "Pavel Boytchev",
-  "files": [
-    "LICENSE",
-    "package.json",
-    "README.md",
-    "src"
-  ],
-  "license": "MIT",
-  "devDependencies": {
-    "@eslint/js": "^9.4.0",
-    "eslint": "^9.4.0",
-    "eslint-plugin-html": "^8.1.1",
-    "globals": "^15.4.0"
-  }
-}
+{
+  "name": "tsl-textures",
+  "version": "1.11.0",
+  "description": "A collection of Three.js Shading Language (TSL) textures ",
+  "main": "./src/tsl-utils.js",
+  "module": "./src/tsl-utils.js",
+  "exports": {
+    ".": {
+      "require": "./src/tsl-utils.js",
+      "import": "./src/tsl-utils.js"
+    },
+    "./camouflage": {
+      "require": "./src/camouflage.js",
+      "import": "./src/camouflage.js"
+    },
+    "./cave-art": {
+      "require": "./src/cave-art.js",
+      "import": "./src/cave-art.js"
+    },
+    "./circles": {
+      "require": "./src/circles.js",
+      "import": "./src/circles.js"
+    },
+    "./clouds": {
+      "require": "./src/clouds.js",
+      "import": "./src/clouds.js"
+    },
+    "./concrete": {
+      "require": "./src/concrete.js",
+      "import": "./src/concrete.js"
+    },
+    "./cork": {
+      "require": "./src/cork.js",
+      "import": "./src/cork.js"
+    },
+    "./dalmatian-spots": {
+      "require": "./src/dalmatian-spots.js",
+      "import": "./src/dalmatian-spots.js"
+    },
+    "./darth-maul": {
+      "require": "./src/darth-maul.js",
+      "import": "./src/darth-maul.js"
+    },
+    "./dyson-sphere": {
+      "require": "./src/dyson-sphere.js",
+      "import": "./src/dyson-sphere.js"
+    },
+    "./entangled": {
+      "require": "./src/entangled.js",
+      "import": "./src/entangled.js"
+    },
+    "./fordite": {
+      "require": "./src/fordite.js",
+      "import": "./src/fordite.js"
+    },
+    "./gas-giant": {
+      "require": "./src/gas-giant.js",
+      "import": "./src/gas-giant.js"
+    },
+    "./grid": {
+      "require": "./src/grid.js",
+      "import": "./src/grid.js"
+    },
+    "./isolines": {
+      "require": "./src/isolines.js",
+      "import": "./src/isolines.js"
+    },
+    "./karst-rock": {
+      "require": "./src/karst-rock.js",
+      "import": "./src/karst-rock.js"
+    },
+    "./marble": {
+      "require": "./src/marble.js",
+      "import": "./src/marble.js"
+    },
+    "./neon-lights": {
+      "require": "./src/neon-lights.js",
+      "import": "./src/neon-lights.js"
+    },
+    "./photosphere": {
+      "require": "./src/photosphere.js",
+      "import": "./src/photosphere.js"
+    },
+    "./planet": {
+      "require": "./src/planet.js",
+      "import": "./src/planet.js"
+    },
+    "./polka-dots": {
+      "require": "./src/polka-dots.js",
+      "import": "./src/polka-dots.js"
+    },
+    "./processed-wood": {
+      "require": "./src/processed-wood.js",
+      "import": "./src/processed-wood.js"
+    },
+    "./protozoa": {
+      "require": "./src/protozoa.js",
+      "import": "./src/protozoa.js"
+    },
+    "./rotator": {
+      "require": "./src/rotator.js",
+      "import": "./src/rotator.js"
+    },
+    "./rough-clay": {
+      "require": "./src/rough-clay.js",
+      "import": "./src/rough-clay.js"
+    },
+    "./runny-eggs": {
+      "require": "./src/runny-eggs.js",
+      "import": "./src/runny-eggs.js"
+    },
+    "./rust": {
+      "require": "./src/rust.js",
+      "import": "./src/rust.js"
+    },
+    "./satin": {
+      "require": "./src/satin.js",
+      "import": "./src/satin.js"
+    },
+    "./scaler": {
+      "require": "./src/scaler.js",
+      "import": "./src/scaler.js"
+    },
+    "./scepter-head": {
+      "require": "./src/scepter-head.js",
+      "import": "./src/scepter-head.js"
+    },
+    "./scream": {
+      "require": "./src/scream.js",
+      "import": "./src/scream.js"
+    },
+    "./simplex-noise": {
+      "require": "./src/simplex-noise.js",
+      "import": "./src/simplex-noise.js"
+    },
+    "./stars": {
+      "require": "./src/stars.js",
+      "import": "./src/stars.js"
+    },
+    "./supersphere": {
+      "require": "./src/supersphere.js",
+      "import": "./src/supersphere.js"
+    },
+    "./tiger-fur": {
+      "require": "./src/tiger-fur.js",
+      "import": "./src/tiger-fur.js"
+    },
+    "./translator": {
+      "require": "./src/translator.js",
+      "import": "./src/translator.js"
+    },
+    "./tsl-utils": {
+      "require": "./src/tsl-utils.js",
+      "import": "./src/tsl-utils.js"
+    },
+    "./voronoi-cells": {
+      "require": "./src/voronoi-cells.js",
+      "import": "./src/voronoi-cells.js"
+    },
+    "./water-drops": {
+      "require": "./src/water-drops.js",
+      "import": "./src/water-drops.js"
+    },
+    "./watermelon": {
+      "require": "./src/watermelon.js",
+      "import": "./src/watermelon.js"
+    },
+    "./wood": {
+      "require": "./src/wood.js",
+      "import": "./src/wood.js"
+    },
+    "./zebra-lines": {
+      "require": "./src/zebra-lines.js",
+      "import": "./src/zebra-lines.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/boytchev/tsl-textures.git"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "texture",
+    "tsl",
+    "three.js"
+  ],
+  "homepage": "https://boytchev.github.io/tsl-textures/",
+  "author": "Pavel Boytchev",
+  "files": [
+    "LICENSE",
+    "package.json",
+    "README.md",
+    "src"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@eslint/js": "^9.4.0",
+    "eslint": "^9.4.0",
+    "eslint-plugin-html": "^8.1.1",
+    "globals": "^15.4.0"
+  }
+}

package/src/camouflage.js

@@ -5,7 +5,7 @@
 
 import { Color } from 'three';
 import { exp, Fn, If, positionGeometry, round, vec3 } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 
@@ -17,33 +17,33 @@ var camouflage = Fn( ( params )=>{
 
 	var color = vec3( 0, 0, 0 ).toVar( );
 
-	If( round( noise( pos, 1, 0.2 ) ).greaterThanEqual( 1 ), () => {
-
-		color.assign( params.colorA );
-
+	If( round( noise( pos, 1, 0.2 ) ).greaterThanEqual( 1 ), () => {
+
+		color.assign( params.colorA );
+
 	}
 	)
-		.ElseIf( round( noise( pos.yzx, 1, 0.3 ) ).greaterThanEqual( 1 ), () => {
-
-			color.assign( params.colorB );
-
+		.ElseIf( round( noise( pos.yzx, 1, 0.3 ) ).greaterThanEqual( 1 ), () => {
+
+			color.assign( params.colorB );
+
 		}
 		)
-		.ElseIf( round( noise( pos.zxy, 1, 0.4 ) ).greaterThanEqual( 1 ), () => {
-
-			color.assign( params.colorC );
-
+		.ElseIf( round( noise( pos.zxy, 1, 0.4 ) ).greaterThanEqual( 1 ), () => {
+
+			color.assign( params.colorC );
+
 		}
 		)
-		.Else( () => {
-
-			color.assign( params.colorD );
-
+		.Else( () => {
+
+			color.assign( params.colorD );
+
 		}
 		);
 
 	return color;
-
+
 } );
 
 
@@ -63,4 +63,4 @@ camouflage.defaults = {
 
 
 
-export { camouflage };
+export { camouflage };

package/src/cave-art.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { abs, add, exp, float, Fn, If, mix, or, positionGeometry, pow2, sub } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 var caveArt = Fn( ( params ) => {

package/src/circles.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { acos, clamp, exp, float, Fn, positionGeometry, select, sin } from 'three/tsl';
-import { hsl, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, prepare, toHsl } from './tsl-utils.js';
 
 
 

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, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 
@@ -23,7 +23,7 @@ var _clouds = Fn( ( params ) => {
 	var a = clamp( 0, 1, mul( k, 2 ).pow( 1.5 ).sub( 1 ).mul( params.opacity ) ).toVar();
 
 	return vec4( mix( params.subcolor, params.color, min( 1, k ) ), a );
-
+
 } );
 
 
@@ -32,7 +32,7 @@ var clouds = Fn( ( params ) => {
 	params = prepare( { ...clouds.defaults, ...params } );
 
 	return _clouds( params ).rgb;
-
+
 } );
 
 

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, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

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, prepare, vnoise } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare, vnoise } from './tsl-utils.js';
 
 
 

package/src/dalmatian-spots.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { exp, float, Fn, Loop, mix, positionGeometry } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 var dalmatianSpots = Fn( ( params )=>{
@@ -19,7 +19,7 @@ var dalmatianSpots = Fn( ( params )=>{
 	var d = float( 1.5 ).sub( params.density ).mul( 2 ).toVar();
 	var count = params.density.mul( 5 ).add( 5 ).toVar();
 
-	Loop( count, ()=> {
+	Loop( count, ()=> {
 
 		k.mulAssign( noise( pos ).abs().pow( d ).mul( 100 ).sub( 50 ).clamp( 0, 1 ).oneMinus() );
 		pos.assign( pos.mul( 1.01 ) );
@@ -27,7 +27,7 @@ var dalmatianSpots = Fn( ( params )=>{
 		pos.assign( pos.mul( 1.01 ) );
 		k.mulAssign( noise( pos.zxy ).abs().pow( d ).mul( 100 ).sub( 50 ).clamp( 0, 1 ).oneMinus() );
 		pos.assign( pos.mul( 1.01 ) );
-
+
 	} );
 
 	return mix( params.background, params.color, k.clamp( 0, 1 ) );

package/src/darth-maul.js

@@ -5,7 +5,7 @@
 
 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';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

package/src/dyson-sphere.js

@@ -5,7 +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';
+import { prepare } from './tsl-utils.js';
 
 
 

package/src/entangled.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 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';
+import { noise, prepare } from './tsl-utils.js';
 
 
 
@@ -18,18 +18,18 @@ var entangled = Fn( ( params ) => {
 	var k = float( -10000 ).toVar( );
 	var k1 = float( 0 ).toVar( );
 
-	Loop( floor( float( params.density ) ), ()=> {
+	Loop( floor( float( params.density ) ), ()=> {
 
 		k1.assign( sin( noise( mul( pos, scale ) ).mul( 3*Math.PI ) ) );
 		k.assign( max( k, k1 ) );
 		scale.mulAssign( 1.2 );
-
+
 	} );
 
 	k.assign( oneMinus( pow( abs( k ), 5 ) ).mul( 6 ) );
 
 	return mix( params.color, params.background, k );
-
+
 } );
 
 

package/src/fordite.js

@@ -5,7 +5,7 @@
 
 import { Color } from 'three';
 import { exp, Fn, mul, positionGeometry, sin, vec3 } from 'three/tsl';
-import { hsl, noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare } from './tsl-utils.js';
 
 
 

package/src/gas-giant.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
-import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, toHsl } from './tsl-utils.js';
 
 
 

package/src/grid.js

@@ -5,7 +5,7 @@
 
 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';
+import { prepare } from './tsl-utils.js';
 
 
 
@@ -30,7 +30,7 @@ var grid = Fn( ( params ) => {
 	var k = oneMinus( smoothstep( sub( treshold, 0.002 ), add( treshold, 0.002 ), angle ) );
 
 	return mix( params.background, params.color, k );
-
+
 } );
 
 

package/src/isolines.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { add, exp, Fn, mix, oneMinus, positionGeometry, sin, smoothstep, sub } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

package/src/karst-rock.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { exp, Fn, mix, positionGeometry } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

package/src/marble.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { add, div, exp, Fn, If, mix, mul, oneMinus, positionGeometry, pow } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 
@@ -26,23 +26,23 @@ var marble = Fn( ( params ) => {
 	var	maxSmooth = oneMinus( pow( 0.5, params.thinness.add( 7 ) ) ).toVar(),
 		minSmooth = oneMinus( pow( 0.5, params.thinness.add( 7 ).mul( 0.5 ) ) ).toVar();
 
-	If( k.greaterThan( maxSmooth ), ()=>{
-
-		k.assign( 1 );
-
+	If( k.greaterThan( maxSmooth ), ()=>{
+
+		k.assign( 1 );
+
 	} )
-		.ElseIf( k.lessThan( minSmooth ), ()=>{
-
-			k.assign( 0 );
-
+		.ElseIf( k.lessThan( minSmooth ), ()=>{
+
+			k.assign( 0 );
+
 		} )
-		.Else( ()=> {
+		.Else( ()=> {
 
 			var a = k.sub( minSmooth );
 			var b = maxSmooth.sub( minSmooth );
 			k.assign( pow( div( a, b ), 5 ).mul( 0.75 ) );
 			k.assign( k.mul( add( 0.5, noise( pos.mul( 2 ) ).mul( 1.5 ) ) ) );
-
+
 		} );
 
 	k.assign( k.add( mul( params.noise, noise( pos.mul( 150 ) ).abs().pow3() ) ) );

package/src/neon-lights.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { abs, exp, Fn, oneMinus, positionGeometry, select, sqrt, vec3 } from 'three/tsl';
-import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, toHsl } from './tsl-utils.js';
 
 
 

package/src/photosphere.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { exp, Fn, Loop, mix, positionGeometry, vec3 } from 'three/tsl';
-import { applyEuler, noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { applyEuler, noise, prepare } from './tsl-utils.js';
 
 
 

package/src/planet.js

@@ -5,7 +5,7 @@
 
 import { Color } from 'three';
 import { exp, float, Fn, If, Loop, mix, mul, positionGeometry, remap, smoothstep, vec3 } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

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 { prepare, spherical } from 'tsl-textures/tsl-utils.js';
+import { prepare, spherical } from './tsl-utils.js';
 
 
 
@@ -28,14 +28,14 @@ var polkaDots = Fn( ( params ) => {
 	var maxi = besti.add( span ).floor().clamp( 0, cnt );
 
 	var dist = float( 1 ).toVar();
- 	Loop( maxi.sub( mini ), ( { i } )=> {
+ 	Loop( maxi.sub( mini ), ( { i } )=> {
 
 		var j = add( i, mini );
 		var theta = mod( mul( 2*Math.PI/goldenRatio, j ), 2*Math.PI );
 		var phi = acos( oneMinus( float( j ).mul( 2 ).add( 1 ).div( cnt ) ) );
 		var pnt = spherical( phi, theta );//.normalize();
 		dist.assign( min( dist, distance( vec, pnt ) ) );
-
+
 	} );
 
 	var size = exp( params.size.mul( 5 ).sub( 5 ) ).toVar();

package/src/processed-wood.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { add, cos, exp, Fn, mix, positionGeometry, radians, sin, sub, vec3 } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

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, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

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, prepare, selectPlanar } from 'tsl-textures/tsl-utils.js';
+import { matRotYXZ, matTrans, prepare, selectPlanar } from './tsl-utils.js';
 
 
 

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, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

package/src/runny-eggs.js

@@ -5,7 +5,7 @@
 
 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';
+import { prepare } from './tsl-utils.js';
 
 
 

package/src/rust.js

@@ -5,7 +5,7 @@
 
 import { Color } from 'three';
 import { exp, Fn, Loop, mix, positionGeometry } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 
@@ -17,11 +17,11 @@ var _rust = Fn( ( params )=>{
 
 	var k = noise( pos ).toVar();
 
-	Loop( params.iterations, ()=>{
+	Loop( params.iterations, ()=>{
 
 		pos.mulAssign( 2 );
 		k.addAssign( noise( pos ) );
-
+
 	} );
 
 	k.subAssign( noise( pos.mul( 2 ) ).abs() );

package/src/satin.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { abs, exp, Fn, mix, positionGeometry, pow, vec3 } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

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, prepare, selectPlanar } from 'tsl-textures/tsl-utils.js';
+import { matScale, matTrans, prepare, selectPlanar } from './tsl-utils.js';
 
 
 

package/src/scepter-head.js

@@ -5,7 +5,7 @@
 
 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, prepare, remapExp, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, remapExp, toHsl } from './tsl-utils.js';
 
 
 

package/src/scream.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { add, cos, exp, Fn, mix, positionGeometry, sin } from 'three/tsl';
-import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, toHsl } from './tsl-utils.js';
 
 
 

package/src/simplex-noise.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { clamp, exp, Fn, mix, positionGeometry } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

package/src/stars.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { abs, add, exp, Fn, mix, positionGeometry, select } from 'three/tsl';
-import { hsl, noise, prepare, toHsl } from 'tsl-textures/tsl-utils.js';
+import { hsl, noise, prepare, toHsl } from './tsl-utils.js';
 
 
 

package/src/supersphere.js

@@ -4,7 +4,7 @@
 
 
 import { cross, float, Fn, normalLocal, positionGeometry, sub, tangentLocal, transformNormalToView } from 'three/tsl';
-import { prepare } from 'tsl-textures/tsl-utils.js';
+import { prepare } from './tsl-utils.js';
 
 
 

package/src/tiger-fur.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

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, prepare, selectPlanar } from 'tsl-textures/tsl-utils.js';
+import { matTrans, prepare, selectPlanar } from './tsl-utils.js';
 
 
 

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, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

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, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

package/src/watermelon.js

@@ -5,7 +5,7 @@
 
 import { Color } from 'three';
 import { equirectUV, exp, Fn, mix, positionGeometry, vec3 } from 'three/tsl';
-import { noise, prepare } from 'tsl-textures/tsl-utils.js';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

package/src/wood.js

@@ -5,7 +5,7 @@
 
 import { Color } from 'three';
 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';
+import { noise, prepare } from './tsl-utils.js';
 
 
 

package/src/zebra-lines.js

@@ -5,7 +5,7 @@
 
 import { Color } from "three";
 import { acos, clamp, exp, Fn, mix, positionGeometry, sin } from 'three/tsl';
-import { prepare, spherical } from 'tsl-textures/tsl-utils.js';
+import { prepare, spherical } from './tsl-utils.js';