Generative image with animation (1024x1024px) Vanilla JS

This project is a string-art simulator which weaves some patterns in different layouts to make beautiful compositions which can be played from the beginning.
The main features of this generative collection are the several Patterns and Layouts which combined make a lot of variations.

“Pattern” defined as the instructions that the thread has to follow to weave the result. (21)
"Layout" defined as the setup of the nails on the board. (10)

The thread is always continuous without interruptions, only color changes.

Features:

Pattern (21)
Layout (10)
Palette (25)
Layout Mirror (None, Horizontal, Vertical)
ThreadType: (Silk, Wool)
ThreadThickness: (Regular, Thick)


Controls:

[P] Play. Weaves pattern from the beginning
[R] Result. Show the final pattern.
[U] Undo.
[N] Nails. Show/Hide the nails.

[S] Download snapshot (may be slow or unresponsive on very complex patterns)

Additionally you can weave yourself
Click or touch to change the thread color as you weave

This project is an homage to Mary Everest Boole who, more than 100 years ago, used string art to teach math to children.