Loomnatic

jsliang128/128

"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.