tsl-textures 2.5.1 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/tsl-textures.js +2449 -1426
- package/dist/cjs/tsl-textures.min.js +2 -2
- package/dist/tsl-textures.js +2435 -1421
- package/dist/tsl-textures.min.js +2 -2
- package/package.json +1 -1
- package/src/brain.js +72 -21
- package/src/bricks.js +56 -23
- package/src/camouflage.js +39 -20
- package/src/caustics.js +39 -14
- package/src/cave-art.js +39 -13
- package/src/circle-decor.js +39 -13
- package/src/circles.js +36 -16
- package/src/clouds.js +69 -28
- package/src/concrete.js +57 -23
- package/src/cork.js +54 -35
- package/src/crumpled-fabric.js +39 -14
- package/src/dalmatian-spots.js +37 -12
- package/src/darth-maul.js +43 -15
- package/src/dyson-sphere.js +61 -18
- package/src/entangled.js +36 -12
- package/src/fordite.js +36 -12
- package/src/gas-giant.js +42 -16
- package/src/grid.js +45 -17
- package/src/isolayers.js +41 -15
- package/src/isolines.js +36 -10
- package/src/karst-rock.js +31 -8
- package/src/marble.js +36 -11
- package/src/melter.js +0 -1
- package/src/neon-lights.js +51 -23
- package/src/perlin-noise.js +66 -0
- package/src/photosphere.js +34 -11
- package/src/planet.js +66 -30
- package/src/polka-dots.js +42 -17
- package/src/processed-wood.js +42 -16
- package/src/protozoa.js +51 -16
- package/src/reticular-veins.js +37 -11
- package/src/roman-paving.js +30 -8
- package/src/rotator.js +71 -27
- package/src/rough-clay.js +50 -22
- package/src/runny-eggs.js +120 -44
- package/src/rust.js +81 -19
- package/src/satin.js +27 -20
- package/src/scaler.js +61 -26
- package/src/scepter-head.js +46 -20
- package/src/scream.js +29 -19
- package/src/stars.js +36 -11
- package/src/static-noise.js +36 -9
- package/src/supersphere.js +63 -26
- package/src/tiger-fur.js +41 -14
- package/src/translator.js +67 -24
- package/src/tsl-textures.js +2 -1
- package/src/tsl-utils.js +172 -623
- package/src/turbulent-smoke.js +38 -13
- package/src/voronoi-cells.js +44 -26
- package/src/water-drops.js +55 -22
- package/src/watermelon.js +43 -18
- package/src/wood.js +48 -15
- package/src/zebra-lines.js +38 -12
- package/src/simplex-noise.js +0 -41
package/src/roman-paving.js
CHANGED
|
@@ -3,14 +3,15 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
import { exp,
|
|
7
|
-
import {
|
|
6
|
+
import { exp, Fn, positionGeometry } from 'three/tsl';
|
|
7
|
+
import { voronoi2 } from './tsl-utils.js';
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
var defaults = {
|
|
12
12
|
$name: 'Roman paving',
|
|
13
13
|
|
|
14
|
+
position: positionGeometry,
|
|
14
15
|
scale: 2,
|
|
15
16
|
depth: 0.5,
|
|
16
17
|
|
|
@@ -19,17 +20,38 @@ var defaults = {
|
|
|
19
20
|
|
|
20
21
|
|
|
21
22
|
|
|
22
|
-
var
|
|
23
|
+
var romanPavingRaw = Fn( ([ position, scale, depth, seed ])=>{
|
|
23
24
|
|
|
24
|
-
|
|
25
|
+
var pos = position.mul( exp( scale ) ).add( seed ).toVar( );
|
|
25
26
|
|
|
26
|
-
var
|
|
27
|
+
var k = voronoi2( pos ).toVar();
|
|
27
28
|
|
|
28
|
-
|
|
29
|
+
return k.y.sub( k.x ).pow( depth.mul( 3 ).sub( 3 ).exp() ).smoothstep( 0, 1 );
|
|
29
30
|
|
|
30
|
-
|
|
31
|
+
} ).setLayout( {
|
|
32
|
+
name: 'romanPavingRaw',
|
|
33
|
+
type: 'vec3',
|
|
34
|
+
inputs: [
|
|
35
|
+
{ name: 'position', type: 'vec3' },
|
|
36
|
+
{ name: 'scale', type: 'float' },
|
|
37
|
+
{ name: 'depth', type: 'float' },
|
|
38
|
+
{ name: 'seed', type: 'float' },
|
|
39
|
+
] }
|
|
40
|
+
);
|
|
31
41
|
|
|
32
|
-
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
function romanPaving( params={} ) {
|
|
45
|
+
|
|
46
|
+
var { position, scale, depth, seed } = { ...defaults, ...params };
|
|
47
|
+
|
|
48
|
+
return romanPavingRaw( position, scale, depth, seed );
|
|
49
|
+
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
romanPaving.defaults = defaults;
|
|
33
55
|
|
|
34
56
|
|
|
35
57
|
|
package/src/rotator.js
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
import { Vector2, Vector3 } from "three";
|
|
7
|
-
import { cross, Fn, normalLocal, positionGeometry,
|
|
8
|
-
import {
|
|
7
|
+
import { cross, Fn, normalLocal, positionGeometry, tangentLocal } from 'three/tsl';
|
|
8
|
+
import { approximateNormal, rotatePivot, selectPlanar, } from './tsl-utils.js';
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
@@ -14,7 +14,7 @@ var defaults = {
|
|
|
14
14
|
$positionNode: true,
|
|
15
15
|
$selectorPlanar: true,
|
|
16
16
|
|
|
17
|
-
angles: new Vector3( 0.
|
|
17
|
+
angles: new Vector3( -0.2, 0.7, 0 ),
|
|
18
18
|
center: new Vector3( 0, 0, 0 ),
|
|
19
19
|
|
|
20
20
|
selectorCenter: new Vector3( 0, 0, 0 ),
|
|
@@ -25,51 +25,95 @@ var defaults = {
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
var surfacePos = Fn( ([ pos,
|
|
28
|
+
var surfacePos = Fn( ([ pos, angles, center, selectorAngles, selectorCenter, selectorWidth ])=>{
|
|
29
29
|
|
|
30
|
-
var zone = selectPlanar( pos,
|
|
30
|
+
var zone = selectPlanar( pos, selectorAngles, selectorCenter, selectorWidth );
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
T = matTrans( params.center ),
|
|
34
|
-
TN = matTrans( params.center.negate() );
|
|
32
|
+
return rotatePivot( pos, center, angles.mul( zone ) );
|
|
35
33
|
|
|
36
|
-
|
|
34
|
+
} ).setLayout( {
|
|
35
|
+
name: 'surfacePos',
|
|
36
|
+
type: 'vec3',
|
|
37
|
+
inputs: [
|
|
38
|
+
{ name: 'pos', type: 'vec3' },
|
|
39
|
+
{ name: 'angles', type: 'vec3' },
|
|
40
|
+
{ name: 'center', type: 'vec3' },
|
|
41
|
+
{ name: 'selectorAngles', type: 'vec2' },
|
|
42
|
+
{ name: 'selectorCenter', type: 'vec3' },
|
|
43
|
+
{ name: 'selectorWidth', type: 'float' },
|
|
44
|
+
]
|
|
45
|
+
} );
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
var rotatorRaw = Fn( ([ angles, center, selectorAngles, selectorCenter, selectorWidth ])=>{
|
|
37
50
|
|
|
51
|
+
return surfacePos( positionGeometry, angles, center, selectorAngles, selectorCenter, selectorWidth );
|
|
52
|
+
|
|
53
|
+
} ).setLayout( {
|
|
54
|
+
name: 'rotatorRaw',
|
|
55
|
+
type: 'vec3',
|
|
56
|
+
inputs: [
|
|
57
|
+
{ name: 'angles', type: 'vec3' },
|
|
58
|
+
{ name: 'center', type: 'vec3' },
|
|
59
|
+
{ name: 'selectorAngles', type: 'vec2' },
|
|
60
|
+
{ name: 'selectorCenter', type: 'vec3' },
|
|
61
|
+
{ name: 'selectorWidth', type: 'float' },
|
|
62
|
+
]
|
|
38
63
|
} );
|
|
39
64
|
|
|
40
65
|
|
|
41
66
|
|
|
42
|
-
var
|
|
67
|
+
var rotatorNormalRaw = Fn( ([ angles, center, selectorAngles, selectorCenter, selectorWidth ]) => {
|
|
43
68
|
|
|
44
|
-
|
|
69
|
+
const EPS = 0.01;
|
|
45
70
|
|
|
46
|
-
|
|
71
|
+
var position = positionGeometry,
|
|
72
|
+
normal = normalLocal.normalize().toVar(),
|
|
73
|
+
tangent = tangentLocal.normalize().mul( EPS ).toVar(),
|
|
74
|
+
bitangent = cross( normal, tangent ).normalize().mul( EPS ).toVar();
|
|
75
|
+
|
|
76
|
+
var pos = surfacePos( position, angles, center, selectorAngles, selectorCenter, selectorWidth );
|
|
77
|
+
var posU = surfacePos( position.add( tangent ), angles, center, selectorAngles, selectorCenter, selectorWidth );
|
|
78
|
+
var posV = surfacePos( position.add( bitangent ), angles, center, selectorAngles, selectorCenter, selectorWidth );
|
|
79
|
+
|
|
80
|
+
return approximateNormal( pos, posU, posV );
|
|
81
|
+
|
|
82
|
+
} ).setLayout( {
|
|
83
|
+
name: 'rotatorNormalRaw',
|
|
84
|
+
type: 'vec3',
|
|
85
|
+
inputs: [
|
|
86
|
+
{ name: 'angles', type: 'vec3' },
|
|
87
|
+
{ name: 'center', type: 'vec3' },
|
|
88
|
+
{ name: 'selectorAngles', type: 'vec2' },
|
|
89
|
+
{ name: 'selectorCenter', type: 'vec3' },
|
|
90
|
+
{ name: 'selectorWidth', type: 'float' },
|
|
91
|
+
]
|
|
92
|
+
} );
|
|
47
93
|
|
|
48
|
-
}, defaults );
|
|
49
94
|
|
|
50
95
|
|
|
96
|
+
function rotator( params={} ) {
|
|
51
97
|
|
|
52
|
-
|
|
98
|
+
var { angles, center, selectorAngles, selectorCenter, selectorWidth } = { ...defaults, ...params };
|
|
53
99
|
|
|
54
|
-
|
|
100
|
+
return rotatorRaw( angles, center, selectorAngles, selectorCenter, selectorWidth );
|
|
55
101
|
|
|
56
|
-
|
|
102
|
+
}
|
|
57
103
|
|
|
58
|
-
var position = positionGeometry,
|
|
59
|
-
normal = normalLocal.normalize().toVar(),
|
|
60
|
-
tangent = tangentLocal.normalize().mul( eps ).toVar(),
|
|
61
|
-
bitangent = cross( normal, tangent ).normalize().mul( eps ).toVar();
|
|
62
104
|
|
|
63
|
-
var pos = surfacePos( position, params );
|
|
64
|
-
var posU = surfacePos( position.add( tangent ), params );
|
|
65
|
-
var posV = surfacePos( position.add( bitangent ), params );
|
|
66
105
|
|
|
67
|
-
|
|
68
|
-
|
|
106
|
+
rotator.normal = function ( params={} ) {
|
|
107
|
+
|
|
108
|
+
var { angles, center, selectorAngles, selectorCenter, selectorWidth } = { ...defaults, ...params };
|
|
109
|
+
|
|
110
|
+
return rotatorNormalRaw( angles, center, selectorAngles, selectorCenter, selectorWidth );
|
|
111
|
+
|
|
112
|
+
};
|
|
113
|
+
|
|
69
114
|
|
|
70
|
-
return transformNormalToView( cross( dU, dV ).normalize() );
|
|
71
115
|
|
|
72
|
-
|
|
116
|
+
rotator.defaults = defaults;
|
|
73
117
|
|
|
74
118
|
|
|
75
119
|
|
package/src/rough-clay.js
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
import { cross, exp, Fn,
|
|
7
|
-
import {
|
|
6
|
+
import { cross, exp, Fn, normalLocal, positionGeometry, tangentLocal } from 'three/tsl';
|
|
7
|
+
import { approximateNormal, noise, voronoi } from './tsl-utils.js';
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
@@ -12,6 +12,7 @@ var defaults = {
|
|
|
12
12
|
$name: 'Rough clay',
|
|
13
13
|
$normalNode: true,
|
|
14
14
|
|
|
15
|
+
position: positionGeometry,
|
|
15
16
|
scale: 2,
|
|
16
17
|
bump: 0.5,
|
|
17
18
|
curvature: 0.2,
|
|
@@ -21,41 +22,68 @@ var defaults = {
|
|
|
21
22
|
|
|
22
23
|
|
|
23
24
|
|
|
24
|
-
var surfacePos = Fn( ([ pos, normal,
|
|
25
|
+
var surfacePos = Fn( ([ pos, normal, curvature ]) => {
|
|
25
26
|
|
|
26
|
-
var k1 =
|
|
27
|
+
var k1 = voronoi( pos.add( noise( pos ).mul( curvature ) ) ).add( 0.8 ).pow( 5 ).toVar();
|
|
27
28
|
k1.addAssign( k1.pow( 0.5 ) );
|
|
28
|
-
|
|
29
|
-
return pos.add( normal.mul( k1 ).mul( bump ) );
|
|
29
|
+
return pos.add( normal.mul( k1 ) );
|
|
30
30
|
|
|
31
|
-
} )
|
|
31
|
+
} ).setLayout( {
|
|
32
|
+
name: 'surfacePos',
|
|
33
|
+
type: 'vec3',
|
|
34
|
+
inputs: [
|
|
35
|
+
{ name: 'position', type: 'vec3' },
|
|
36
|
+
{ name: 'normal', type: 'vec3' },
|
|
37
|
+
{ name: 'curvature', type: 'float' },
|
|
38
|
+
] }
|
|
39
|
+
);
|
|
32
40
|
|
|
33
41
|
|
|
34
42
|
|
|
35
|
-
var
|
|
43
|
+
var roughClayRaw = Fn( ([ position, normal, tangent, scale, bump, curvature, seed ]) => {
|
|
36
44
|
|
|
37
|
-
|
|
45
|
+
const EPS = 0.001;
|
|
38
46
|
|
|
39
|
-
var
|
|
47
|
+
var xposition = position.mul( exp( scale.div( 2 ) ) ).add( seed.sin().mul( 10 ) ).toVar( ),
|
|
48
|
+
xnormal = normal.normalize().toVar(),
|
|
49
|
+
xtangent = tangent.normalize().mul( EPS ).toVar(),
|
|
50
|
+
xbitangent = cross( xnormal, xtangent ).normalize().mul( EPS ).toVar();
|
|
40
51
|
|
|
41
|
-
|
|
52
|
+
xnormal.mulAssign( bump, 1/50 );
|
|
42
53
|
|
|
43
|
-
var
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
bitangent = cross( normal, tangent ).normalize().mul( eps ).toVar();
|
|
54
|
+
var pos = surfacePos( xposition, xnormal, curvature );
|
|
55
|
+
var posU = surfacePos( xposition.add( xtangent ), xnormal, curvature );
|
|
56
|
+
var posV = surfacePos( xposition.add( xbitangent ), xnormal, curvature );
|
|
47
57
|
|
|
48
|
-
|
|
49
|
-
var posU = surfacePos( position.add( tangent ), normal, bump, params.curvature );
|
|
50
|
-
var posV = surfacePos( position.add( bitangent ), normal, bump, params.curvature );
|
|
58
|
+
return approximateNormal( pos, posU, posV );
|
|
51
59
|
|
|
52
|
-
|
|
53
|
-
|
|
60
|
+
} ).setLayout( {
|
|
61
|
+
name: 'concreteRaw',
|
|
62
|
+
type: 'vec3',
|
|
63
|
+
inputs: [
|
|
64
|
+
{ name: 'position', type: 'vec3' },
|
|
65
|
+
{ name: 'normal', type: 'vec3' },
|
|
66
|
+
{ name: 'tangent', type: 'vec3' },
|
|
67
|
+
{ name: 'scale', type: 'float' },
|
|
68
|
+
{ name: 'bump', type: 'float' },
|
|
69
|
+
{ name: 'curvature', type: 'float' },
|
|
70
|
+
{ name: 'seed', type: 'float' },
|
|
71
|
+
] }
|
|
72
|
+
);
|
|
54
73
|
|
|
55
|
-
return transformNormalToView( cross( dU, dV ).normalize() );
|
|
56
74
|
|
|
57
75
|
|
|
58
|
-
}
|
|
76
|
+
function roughClay( params={} ) {
|
|
77
|
+
|
|
78
|
+
var { position, scale, bump, curvature, seed } = { ...defaults, ...params };
|
|
79
|
+
|
|
80
|
+
return roughClayRaw( position, normalLocal, tangentLocal, scale, bump, curvature, seed );
|
|
81
|
+
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
roughClay.defaults = defaults;
|
|
59
87
|
|
|
60
88
|
|
|
61
89
|
|
package/src/runny-eggs.js
CHANGED
|
@@ -4,14 +4,15 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
import { Color } from 'three';
|
|
7
|
-
import { cross, exp, Fn, mix,
|
|
8
|
-
import {
|
|
7
|
+
import { cross, exp, Fn, mix, normalLocal, positionGeometry, tangentLocal } from 'three/tsl';
|
|
8
|
+
import { approximateNormal, voronoi } from './tsl-utils.js';
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
var defaults = {
|
|
13
13
|
$name: 'Runny eggs',
|
|
14
14
|
|
|
15
|
+
position: positionGeometry,
|
|
15
16
|
scale: 1,
|
|
16
17
|
|
|
17
18
|
sizeYolk: 0.2,
|
|
@@ -26,78 +27,153 @@ var defaults = {
|
|
|
26
27
|
|
|
27
28
|
|
|
28
29
|
|
|
29
|
-
var
|
|
30
|
+
var surfacePos = Fn( ([ pos, normal, sizeYolk, sizeWhite ]) => {
|
|
30
31
|
|
|
31
|
-
|
|
32
|
+
var n = voronoi( pos ).toVar();
|
|
33
|
+
var whites = n.add( sizeWhite ).pow( 8 ).oneMinus();
|
|
34
|
+
var yolks = n.add( sizeYolk ).pow( 18 ).oneMinus().clamp( 0, 1 );
|
|
32
35
|
|
|
33
|
-
var
|
|
36
|
+
var k = mix( 0, mix( 0, 1, yolks ), whites );
|
|
34
37
|
|
|
35
|
-
|
|
36
|
-
var sizeWhite = params.sizeWhite.oneMinus();
|
|
38
|
+
return pos.add( normal.mul( k ) );
|
|
37
39
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
40
|
+
} ).setLayout( {
|
|
41
|
+
name: 'surfacePos',
|
|
42
|
+
type: 'vec3',
|
|
43
|
+
inputs: [
|
|
44
|
+
{ name: 'pos', type: 'vec3' },
|
|
45
|
+
{ name: 'normal', type: 'vec3' },
|
|
46
|
+
{ name: 'sizeYolk', type: 'float' },
|
|
47
|
+
{ name: 'sizeWhite', type: 'float' },
|
|
48
|
+
] }
|
|
49
|
+
);
|
|
41
50
|
|
|
42
|
-
return mix( params.colorBackground, mix( params.colorWhite, params.colorYolk, yolks ), whites );
|
|
43
51
|
|
|
44
|
-
}, defaults );
|
|
45
52
|
|
|
53
|
+
var runnyEggsRaw = Fn( ([ position, scale, sizeYolk, sizeWhite, colorYolk, colorWhite, colorBackground, seed ]) => {
|
|
46
54
|
|
|
47
|
-
var
|
|
55
|
+
var pos = position.mul( exp( scale ) ).add( seed.sin().mul( 10 ) ).toVar( );
|
|
48
56
|
|
|
49
|
-
var n =
|
|
50
|
-
var whites = n.add( sizeWhite ).pow( 8 ).oneMinus();
|
|
51
|
-
var yolks = n.add( sizeYolk ).pow( 18 ).oneMinus().clamp( 0, 1 );
|
|
57
|
+
var n = voronoi( pos ).toVar();
|
|
58
|
+
var whites = n.add( sizeWhite.oneMinus() ).pow( 8 ).oneMinus().clamp( -0.5, 1 );
|
|
59
|
+
var yolks = n.add( sizeYolk.oneMinus() ).pow( 18 ).oneMinus().clamp( 0, 1 ).pow( 0.4 ).clamp( 0, 1 );
|
|
52
60
|
|
|
53
|
-
|
|
61
|
+
return mix( colorBackground, mix( colorWhite, colorYolk, yolks ), whites );
|
|
54
62
|
|
|
55
|
-
|
|
63
|
+
} ).setLayout( {
|
|
64
|
+
name: 'runnyEggsRaw',
|
|
65
|
+
type: 'vec3',
|
|
66
|
+
inputs: [
|
|
67
|
+
{ name: 'pos', type: 'vec3' },
|
|
68
|
+
{ name: 'normal', type: 'vec3' },
|
|
69
|
+
{ name: 'sizeYolk', type: 'float' },
|
|
70
|
+
{ name: 'sizeWhite', type: 'float' },
|
|
71
|
+
{ name: 'colorYolk', type: 'vec3' },
|
|
72
|
+
{ name: 'colorWhite', type: 'vec3' },
|
|
73
|
+
{ name: 'colorBackground', type: 'vec3' },
|
|
74
|
+
{ name: 'seed', type: 'float' },
|
|
75
|
+
] }
|
|
76
|
+
);
|
|
56
77
|
|
|
57
|
-
} );
|
|
58
78
|
|
|
59
79
|
|
|
60
|
-
|
|
80
|
+
var runnyEggsNormalRaw = Fn( ([ position, normal, tangent, scale, sizeYolk, sizeWhite, /*colorYolk, colorWhite, colorBackground,*/ seed ]) => {
|
|
61
81
|
|
|
62
|
-
|
|
82
|
+
const EPS = 0.001;
|
|
83
|
+
const BUMP = 0.05;
|
|
63
84
|
|
|
64
|
-
var
|
|
65
|
-
|
|
85
|
+
var xposition = position.mul( exp( scale ) ).add( seed.sin().mul( 10 ) ).toVar( ),
|
|
86
|
+
xnormal = normal.normalize().toVar(),
|
|
87
|
+
xtangent = tangent.normalize().mul( EPS ).toVar(),
|
|
88
|
+
bitangent = cross( xnormal, xtangent ).normalize().mul( EPS ).toVar();
|
|
66
89
|
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
tangent = tangentLocal.normalize().mul( eps ).toVar(),
|
|
70
|
-
bitangent = cross( normal, tangent ).normalize().mul( eps ).toVar();
|
|
90
|
+
var xSizeYolk = sizeYolk.oneMinus();
|
|
91
|
+
var xSizeWhite = sizeWhite.oneMinus();
|
|
71
92
|
|
|
72
|
-
|
|
73
|
-
var sizeWhite = params.sizeWhite.oneMinus();
|
|
93
|
+
xnormal.mulAssign( BUMP );
|
|
74
94
|
|
|
75
|
-
var pos = surfacePos(
|
|
76
|
-
var posU = surfacePos(
|
|
77
|
-
var posV = surfacePos(
|
|
95
|
+
var pos = surfacePos( xposition, xnormal, xSizeYolk, xSizeWhite );
|
|
96
|
+
var posU = surfacePos( xposition.add( xtangent ), xnormal, xSizeYolk, xSizeWhite );
|
|
97
|
+
var posV = surfacePos( xposition.add( bitangent ), xnormal, xSizeYolk, xSizeWhite );
|
|
78
98
|
|
|
79
|
-
|
|
80
|
-
dV = sub( posV, pos );
|
|
99
|
+
return approximateNormal( pos, posU, posV );
|
|
81
100
|
|
|
82
|
-
|
|
101
|
+
} ).setLayout( {
|
|
102
|
+
name: 'runnyEggsNormalRaw',
|
|
103
|
+
type: 'vec3',
|
|
104
|
+
inputs: [
|
|
105
|
+
{ name: 'position', type: 'vec3' },
|
|
106
|
+
{ name: 'normal', type: 'vec3' },
|
|
107
|
+
{ name: 'tangent', type: 'vec3' },
|
|
108
|
+
{ name: 'scale', type: 'float' },
|
|
109
|
+
{ name: 'sizeYolk', type: 'float' },
|
|
110
|
+
{ name: 'sizeWhite', type: 'float' },
|
|
111
|
+
/*{ name: 'colorYolk', type: 'vec3' },*/
|
|
112
|
+
/*{ name: 'colorWhite', type: 'vec3' },*/
|
|
113
|
+
/*{ name: 'colorBackground', type: 'vec3' },*/
|
|
114
|
+
{ name: 'seed', type: 'float' },
|
|
115
|
+
] }
|
|
116
|
+
);
|
|
83
117
|
|
|
84
|
-
}, defaults );
|
|
85
118
|
|
|
86
119
|
|
|
87
|
-
|
|
120
|
+
var runnyEggsRoughnessRaw = Fn( ([ position, scale, sizeYolk, /*sizeWhite, colorYolk, colorWhite, colorBackground,*/ seed ]) => {
|
|
88
121
|
|
|
89
|
-
|
|
122
|
+
var pos = position.mul( exp( scale ) ).add( seed.sin().mul( 10 ) ).toVar( );
|
|
90
123
|
|
|
91
|
-
var
|
|
124
|
+
var n = voronoi( pos ).toVar();
|
|
125
|
+
var yolks = n.add( sizeYolk.oneMinus() ).pow( 18 ).clamp( 0, 1 );
|
|
92
126
|
|
|
93
|
-
|
|
127
|
+
return yolks;
|
|
128
|
+
|
|
129
|
+
} ).setLayout( {
|
|
130
|
+
name: 'runnyEggsRoughnessRaw',
|
|
131
|
+
type: 'float',
|
|
132
|
+
inputs: [
|
|
133
|
+
{ name: 'position', type: 'vec3' },
|
|
134
|
+
{ name: 'scale', type: 'float' },
|
|
135
|
+
{ name: 'sizeYolk', type: 'float' },
|
|
136
|
+
/*{ name: 'sizeWhite', type: 'float' },*/
|
|
137
|
+
/*{ name: 'colorYolk', type: 'vec3' },*/
|
|
138
|
+
/*{ name: 'colorWhite', type: 'vec3' },*/
|
|
139
|
+
/*{ name: 'colorBackground', type: 'vec3' },*/
|
|
140
|
+
{ name: 'seed', type: 'float' },
|
|
141
|
+
] }
|
|
142
|
+
);
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
function runnyEggs( params={} ) {
|
|
147
|
+
|
|
148
|
+
var { position, scale, sizeYolk, sizeWhite, colorYolk, colorWhite, colorBackground, seed } = { ...defaults, ...params };
|
|
149
|
+
|
|
150
|
+
return runnyEggsRaw( position, scale, sizeYolk, sizeWhite, colorYolk, colorWhite, colorBackground, seed );
|
|
151
|
+
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
runnyEggs.normal = function ( params={} ) {
|
|
157
|
+
|
|
158
|
+
var { position, scale, sizeYolk, sizeWhite, /*colorYolk, colorWhite, colorBackground,*/ seed } = { ...defaults, ...params };
|
|
159
|
+
|
|
160
|
+
return runnyEggsNormalRaw( position, normalLocal, tangentLocal, scale, sizeYolk, sizeWhite, /*colorYolk, colorWhite, colorBackground,*/ seed );
|
|
161
|
+
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
runnyEggs.roughness = function ( params={} ) {
|
|
167
|
+
|
|
168
|
+
var { position, scale, sizeYolk, /*sizeWhite, colorYolk, colorWhite, colorBackground,*/ seed } = { ...defaults, ...params };
|
|
169
|
+
|
|
170
|
+
return runnyEggsRoughnessRaw( position, scale, sizeYolk, /*sizeWhite, colorYolk, colorWhite, colorBackground,*/ seed );
|
|
171
|
+
|
|
172
|
+
};
|
|
94
173
|
|
|
95
|
-
var n = mx_worley_noise_float( pos ).toVar();
|
|
96
|
-
var yolks = n.add( sizeYolk ).pow( 18 ).clamp( 0, 1 );
|
|
97
174
|
|
|
98
|
-
return yolks;
|
|
99
175
|
|
|
100
|
-
|
|
176
|
+
runnyEggs.defaults = defaults;
|
|
101
177
|
|
|
102
178
|
|
|
103
179
|
|
package/src/rust.js
CHANGED
|
@@ -5,13 +5,14 @@
|
|
|
5
5
|
|
|
6
6
|
import { Color } from 'three';
|
|
7
7
|
import { exp, Fn, Loop, mix, positionGeometry } from 'three/tsl';
|
|
8
|
-
import { noise
|
|
8
|
+
import { noise } from './tsl-utils.js';
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
var defaults = {
|
|
13
13
|
$name: 'rust',
|
|
14
14
|
|
|
15
|
+
position: positionGeometry,
|
|
15
16
|
scale: 2,
|
|
16
17
|
iterations: 8,
|
|
17
18
|
amount: -0.3,
|
|
@@ -27,15 +28,15 @@ var defaults = {
|
|
|
27
28
|
|
|
28
29
|
|
|
29
30
|
|
|
30
|
-
var _rust = Fn( (
|
|
31
|
+
var _rust = Fn( ([ position, scale, iterations, amount, seed ])=>{
|
|
31
32
|
|
|
32
|
-
var pos =
|
|
33
|
+
var pos = position.mul( exp( scale.div( 4 ).add( -1 ) ) ).add( seed ).toVar( );
|
|
33
34
|
|
|
34
|
-
var
|
|
35
|
+
var xamount = amount.mul( noise( pos.mul( amount.div( 2 ).add( 4 ) ) ).add( 4 ) ).toVar();
|
|
35
36
|
|
|
36
37
|
var k = noise( pos ).toVar();
|
|
37
38
|
|
|
38
|
-
Loop(
|
|
39
|
+
Loop( iterations, ()=>{
|
|
39
40
|
|
|
40
41
|
pos.mulAssign( 2 );
|
|
41
42
|
k.addAssign( noise( pos ) );
|
|
@@ -44,38 +45,99 @@ var _rust = Fn( ( params )=>{
|
|
|
44
45
|
|
|
45
46
|
k.subAssign( noise( pos.mul( 2 ) ).abs() );
|
|
46
47
|
|
|
47
|
-
k.assign( k.sub(
|
|
48
|
+
k.assign( k.sub( xamount ).clamp( 0, 15 ) );
|
|
48
49
|
|
|
49
50
|
return k;
|
|
50
51
|
|
|
51
|
-
} )
|
|
52
|
+
} ).setLayout( {
|
|
53
|
+
name: '_rust',
|
|
54
|
+
type: 'float',
|
|
55
|
+
inputs: [
|
|
56
|
+
{ name: 'position', type: 'vec3' },
|
|
57
|
+
{ name: 'scale', type: 'float' },
|
|
58
|
+
{ name: 'iterations', type: 'int' },
|
|
59
|
+
{ name: 'amount', type: 'float' },
|
|
60
|
+
{ name: 'seed', type: 'float' },
|
|
61
|
+
] }
|
|
62
|
+
);
|
|
52
63
|
|
|
53
64
|
|
|
54
|
-
var
|
|
65
|
+
var rustRaw = Fn( ([ position, scale, iterations, amount, /*opacity,*/xnoise, noiseScale, color, background, seed ])=>{
|
|
55
66
|
|
|
56
|
-
|
|
67
|
+
var k = _rust( position, scale, iterations, amount, seed ).mul( 1.25 ).pow( 0.5 );
|
|
57
68
|
|
|
58
|
-
var
|
|
69
|
+
var pos = position.mul( exp( scale.add( noiseScale.mul( 3 ), 2 ) ) );
|
|
59
70
|
|
|
60
|
-
|
|
71
|
+
k.addAssign( xnoise.mul( noise( pos ).abs().add( 0.1 ).pow( 2 ) ) );
|
|
61
72
|
|
|
62
|
-
|
|
73
|
+
return mix( color, background, k );
|
|
63
74
|
|
|
64
|
-
|
|
75
|
+
} ).setLayout( {
|
|
76
|
+
name: 'rustRaw',
|
|
77
|
+
type: 'vec3',
|
|
78
|
+
inputs: [
|
|
79
|
+
{ name: 'position', type: 'vec3' },
|
|
80
|
+
{ name: 'scale', type: 'float' },
|
|
81
|
+
{ name: 'iterations', type: 'int' },
|
|
82
|
+
{ name: 'amount', type: 'float' },
|
|
83
|
+
/*{ name: 'opacity', type: 'float' },*/
|
|
84
|
+
{ name: 'xnoise', type: 'float' },
|
|
85
|
+
{ name: 'noiseScale', type: 'float' },
|
|
86
|
+
{ name: 'color', type: 'vec3' },
|
|
87
|
+
{ name: 'background', type: 'vec3' },
|
|
88
|
+
{ name: 'seed', type: 'float' },
|
|
89
|
+
] }
|
|
90
|
+
);
|
|
65
91
|
|
|
66
|
-
}, defaults );
|
|
67
92
|
|
|
68
93
|
|
|
69
94
|
|
|
70
|
-
|
|
95
|
+
var rustOpacityRaw = Fn( ([ position, scale, iterations, amount, opacity, /*xnoise, noiseScale, color, background,*/ seed ])=>{
|
|
71
96
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
var k = _rust( params ).mul( params.opacity.add( 0.2 ) );
|
|
97
|
+
var k = _rust( position, scale, iterations, amount, seed ).mul( opacity.add( 0.2 ) );
|
|
75
98
|
|
|
76
99
|
return k.oneMinus();
|
|
77
100
|
|
|
78
|
-
}
|
|
101
|
+
} ).setLayout( {
|
|
102
|
+
name: 'rustOpacityRaw',
|
|
103
|
+
type: 'float',
|
|
104
|
+
inputs: [
|
|
105
|
+
{ name: 'position', type: 'vec3' },
|
|
106
|
+
{ name: 'scale', type: 'float' },
|
|
107
|
+
{ name: 'iterations', type: 'int' },
|
|
108
|
+
{ name: 'amount', type: 'float' },
|
|
109
|
+
{ name: 'opacity', type: 'float' },
|
|
110
|
+
/*{ name: 'xnoise', type: 'float' },*/
|
|
111
|
+
/*{ name: 'noiseScale', type: 'float' },*/
|
|
112
|
+
/*{ name: 'color', type: 'vec3' },*/
|
|
113
|
+
/*{ name: 'background', type: 'vec3' },*/
|
|
114
|
+
{ name: 'seed', type: 'float' },
|
|
115
|
+
] }
|
|
116
|
+
);
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
function rust( params={} ) {
|
|
121
|
+
|
|
122
|
+
var { position, scale, iterations, amount, /*opacity,*/ noise, noiseScale, color, background, seed } = { ...defaults, ...params };
|
|
123
|
+
|
|
124
|
+
return rustRaw( position, scale, iterations, amount, /*opacity,*/noise, noiseScale, color, background, seed );
|
|
125
|
+
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
rust.opacity = function ( params={} ) {
|
|
131
|
+
|
|
132
|
+
var { position, scale, iterations, amount, opacity, /*xnoise, noiseScale, color, background,*/ seed } = { ...defaults, ...params };
|
|
133
|
+
|
|
134
|
+
return rustOpacityRaw( position, scale, iterations, amount, opacity, /*xnoise, noiseScale, color, background,*/ seed );
|
|
135
|
+
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
rust.defaults = defaults;
|
|
79
141
|
|
|
80
142
|
|
|
81
143
|
|