[ICM] Week 02 : Plain Weaving Generator

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.

Leave a Reply

Your email address will not be published. Required fields are marked *