In my last post I presented a method for drawing imperfect circles in an HTML5 canvas. The imperfection was coded using a fractal subdivision process to create a noise function. Here I tweak the subdivision algorithm a little, and apply the same basic idea to drawing rectangles. Click on the two screenshots below to see two examples of imperfect rectangles which (to me, anyway) appear to be drawn by a human with paints or markers:
[Update 2021: I’m afraid I had to remove my code as it seems people may be profiting from NFTs built with my ideas and code, without attribution.
I’m afraid I have also felt the need to remove the precise ideas behind the code.]
Stripes:
Blocks of color:
This is one of my favorite doodles you’ve done, fantastic work! =) It really creates a more humanized feeling to vector graphics. btw, thanks for creating this amazing blog, you make some of the coolest things!
September 7, 2014 @ 11:17 pm
|Thanks, Michael! Things have been slow around here at the blog but I’m keeping busy with other things. I should share some more work here when I get a chance!
September 9, 2014 @ 2:27 am
|