Recently I’ve been looking back at some of my p5.js sketches and seeing if any of them would be a good fit for a generative token. “Insane Squiggle Machine” has been a project I’ve come back to repeatedly, adding more sets of elements to the sketch. Since these generations are image-based, they take a long… Continue reading Insane Squiggle Machine Rerevisited
I have another generative piece up on fxhash! “Grim Haystack” is a p5.js sketch I’ve been working on for the last few days. I wanted to play more with using another underlying image to affect the placement of isometric forms. I started out playing with generating gradients at first at the base image. I started… Continue reading Grim Haystack
I went back into one of my earlier p5.js sketches and tried to add some texture to the faces of isometric shapes. I tried a few different methods, but I think the one I ended up on was the simplest. I used a combination of lerp and randomGaussian to make a points field. Then I… Continue reading Movement
Below are from a sketch I wrote today that allows me to lerp between three colors, either vertically or horizontally. These gradients will allow me to add depth to some of the other “shapes in a grid” type sketches I’ve been working on lately.
I’m enjoying these CMYK outputs in p5.js. For this sketch, I took the sketch where I lined up isometric blocks and then looped the render over x amount of times. Each fill has a low opacity and has a random chance for each face to be filled with a solid color, color bands, or left… Continue reading Layering CMYK Blocks
These are from an experiment sketch where I used similar shapes from a previous sketch and used Cyan, Magenta, Yellow, and Black process colors and layered them x number of times. Here’s the code if you want to check it out.
I worked on another sketch that uses an underlying image as the color and location of isometric shapes today. I liked this image of Masdevallia veitchiana (1885-1906) and started playing with the parameters to generate this. I also wanted to try and add some curvature to the isometric shapes.
This week I started looking at what other images I could use in my isometric image generation method. Earlier this week, one of my coworkers asked to see if I could track down the original artwork I created for a site design from like 7-8 years ago. I couldn’t find it in my archives/network drives/backups,… Continue reading Isometric Topography
It’s been a few days since I last posted. I’ve been working on a new variation of the grid design I had made in the past. I focused on arcs and circles, also using the createGraphics() function in p5.js to clip the shapes to a specific grid section. I also played around with the pixel… Continue reading Arcs on a grid