by jsliang
Loomnatic
IPFS
16 August 2022•TEZOS•IPFS
"Loomnatic" is a lunatic loom who loves to weave. It sometimes generates fabrics you can see in real life. However, most of the time, its outputs would look extraordinary.
How the loom "weaves" a fabric:
- Create a vector field for the warp threads with the improved Perlin noise developed by Ken Perlin.
- Derive a new vector field from the old one for the weft threads by rotating its angles.
- Calculate the curve vertices with an algorithm developed by Bruno Jobard and Wilfrid Lefer that creates evenly-spaced streamlines of arbitrary density.
- Interpolate each set of curve vertices to form a Catmull-Rom spline and then convert it to a thread polygon with varying thread weights.
- Calculate the intersection polygons of all pairs of interweaving threads with math and geometry.
- Use the intersection polygons to create the textile effect during the drawing stage.
Every token can output in 13 different aspect ratios:
1x1, 3x1, 1x3, 3x2, 2x3, 4x3, 3x4, 5x4, 4x5, 16x9, 9x16, 16x10, 10x16
And downloadable in 4 different resolutions:
1. 1000px
2. 2000px
3. 4000px
4. 8000px
Click on the image in live view to unlock all these possibilities.
Created with Vanilla JavaScript.
How the loom "weaves" a fabric:
- Create a vector field for the warp threads with the improved Perlin noise developed by Ken Perlin.
- Derive a new vector field from the old one for the weft threads by rotating its angles.
- Calculate the curve vertices with an algorithm developed by Bruno Jobard and Wilfrid Lefer that creates evenly-spaced streamlines of arbitrary density.
- Interpolate each set of curve vertices to form a Catmull-Rom spline and then convert it to a thread polygon with varying thread weights.
- Calculate the intersection polygons of all pairs of interweaving threads with math and geometry.
- Use the intersection polygons to create the textile effect during the drawing stage.
Every token can output in 13 different aspect ratios:
1x1, 3x1, 1x3, 3x2, 2x3, 4x3, 3x4, 5x4, 4x5, 16x9, 9x16, 16x10, 10x16
And downloadable in 4 different resolutions:
1. 1000px
2. 2000px
3. 4000px
4. 8000px
Click on the image in live view to unlock all these possibilities.
Created with Vanilla JavaScript.
128 EDITIONS
•0 RESERVES
minted
128 / 128
fixed price
5 TEZ
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH
Lorem ipsum project longer longer
0.00001 ETH