Layered doodles on a grid, each layer in a square sharing the same hue. I worked off of two different sets, one rectangular and one elliptical. Here’s the code if you want to check it out.
Tag: p5.js
The Insane Squiggle Machine Revisited
This week I went back to my set of Squiggle drawings and brought them into p5.js. Every time I work with this library I figure out a little more. This one is made with tints given to images from pallets collected from Coolers.co, various transformations (I didn’t know there was an imageMode(CENTER) command for centering… Continue reading The Insane Squiggle Machine Revisited
Waves
Code
Lines from sketches
Yesterday I was working on some experiments with using hand-drawn lines and using them in place of the line function in p5.js, scaling them like I would with a stroke width. Adding rotation, tint, and translation I was able to get some interesting results. Some of the images were made using the mouse x and… Continue reading Lines from sketches
Painterly Experiments
I’ve been playing with a way to generate a painterly look in p5.js. To start I created several meandering paths, each of which would get a color to paint with. From here it was a matter of applying stroke weights, opacity, and a little rotation to turn them into something that resembles paintings. I feel… Continue reading Painterly Experiments
Fracture
I was experimenting with filling ellipses and other rounded containers with textures. By scanning across a square container around the shape I could find where the two of the shapes overlap with the help of bmoren/p5.collide2D After I have that set of points I found that it was then pretty easy to pack the shape with… Continue reading Fracture
Another grid thingy
Today I worked on another grid-based generative sketch, taking a set of patterns and assigning them to each cell on the grid. I also wanted to work with variations in the size of the cells. The patterns that get generated are all size-based so no matter how big or small they are the design will… Continue reading Another grid thingy
Curtains
I have been trying to figure out container packing in p5.js. After messing around for a while I ended up finding the package mapbox/potpack, which will take a list of containers and sort them so that they will fit into a more or less rectangular space. I came up with these sketches that kinda looked… Continue reading Curtains
Cubes and Headaches
This was done by iterating over a grid and change the distance between the back and front of the cubes. At first the top and right were solid colors but I thought they looked better with a little texture. Thousands of points. My son Miles looked at this and said it was giving him a… Continue reading Cubes and Headaches
