Sol Lewitt drawing rules #118 on P5.js

Some time ago in class I did drawing of Sol Lewitt’s drawing rules #118:

lewitt

and this is the result that I came up with:

IMG_8898

And this week in class we learned how to draw this on P5.js

scrns22

and this is how it ended up looking like. So I went home and tried to experiment with this drawing. So I challenged myself and added more rules to #118

To make this easier on my computer I used 20 points instead of 50.

The first addition to the rules: make a new randomized pattern every time you click on the screen.

gif1

then the second addition to the rules: click to add a new point that appears randomly.

gif3

the third addition to the rules: make them individually move, randomized with each click.

gif2

The fourth addition to the rules: click to add a new point that appears randomly, and make them move at random direction and speed.

gif4

The fifth addition to the rules: add points by clicking and being able to drag existing points.

gif5

So there. that was my journey with Sol Lewitt’s drawing rules #118 on P5.js

There was a point when I couldn’t figure out how to do any of this and had a breakdown and spiraled into the rabbit hole of ‘what if i just suck at coding and picked a wrong career path?’ but everything turned out fine. I’m still struggling with the codes but in fun ways.

edit:

another one of Sol Lewitt’s drawing rule:

untitled5

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s