I said before my blog post, because of my personal curiosity of weaving process, I wanted to create a weaving generator using P5.js. I had to start with the plain weave style.
I drew horizontal lines at first and drew vertical lines that consisted of short lines
And I change the numbers to variables.
Control different thickness of threads and density
Changing each vertical, horizontal thread thickness
< Plain Weaving Generator V1 >
Adding animation, and mouseDragged, mousePressed functions.
– Drag : zoom & resize each vertical, horizontal thread thickness and density
– click : change horizontal thread color / restart animation
– move : changing vertical thread color
*** Actually I wanted to add shadows of each thread, but I could not make it meet the pace of the starting animation.