{"id":8613,"date":"2022-01-06T20:38:11","date_gmt":"2022-01-06T19:38:11","guid":{"rendered":"https:\/\/www.pimpampum.net\/?p=8613"},"modified":"2022-01-08T12:33:32","modified_gmt":"2022-01-08T11:33:32","slug":"string-art-generator","status":"publish","type":"post","link":"https:\/\/www.pimpampum.net\/en\/string-art-generator\/","title":{"rendered":"String art generator"},"content":{"rendered":"\n

This project began with the idea to build a square grid of n x n nails. Then a thread could be weaved between the nails. The thread is a continuous one, without breaks, and you can change the color in a palette of 5 by clicking or touching the screen.

The initial idea was to weave yourself interactively, then I thought an algorithm could be responsible of that. In the final version you can weave yourself in addition to the generated pattern anyways.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I had this idea because I remember when I was a child playing with a piece of wood with some nails on it and a wool thread, it was probably school homework, but I was fascinated by the mathematical forms that can emerge from this, and I don\u2019t know why, but I think it\u2019s somewhat related to coding in a computer<\/strong>. There are loops, coordinates, and you can create your own \u201calgorithm\u201d to weave the forms.<\/p>\n\n\n\n

So I started with this basic idea, but then I realized that the complexity, diversity and beautiful images that can emerge from these can be improved if, instead of using a grid of nails, we use other layouts<\/strong> for the \u201cnails\u201d, for instance, spirals, circles, etc.<\/p>\n\n\n\n

Probably because I\u2019m used to work with pixels, the grid is the most familiar way to work<\/strong>, and so was the first layout in my mind, but I think the main benefit of string art is to break this paradigm<\/strong> and use other configurations.<\/p>\n\n\n\n

So in my algorithm there are \u201clayouts<\/strong>\u201d of nails, and then \u201cpatterns<\/strong>\u201d of threads. A pattern follows the instructions to weave between the nails. Each nail has its virtual coordinates that, not necessarily, correspond to the real coordinates in the bitmap.<\/p>\n\n\n\n

Both the \u201cLayout\u201d and \u201cPattern\u201d are the main features in the generative image\/animation.<\/p>\n\n\n\n

A \u201cpattern\u201d are the instructions that the thread has to follow to weave the result, for instance could be like… start with the first nail, go the to last one, back to the second nail, then to the second-last nail, etc. The thread is always continuous without interruptions, only color changes.<\/p>\n\n\n\n

The same \u201cpattern\u201d applied to different layouts can display a completely different result. In a way is a distortion of the space that create totally diverse structures.<\/p>\n\n\n\n

In the following example you can see the same pattern (which I called “frames”, in 4 different layouts, “grid”,”square”,”circle” and “triangle”<\/p>\n\n\n\n