I set out again trying to build a system for Truchet Patterns in p5.js. For this sketch I wanted to create a system where all the patterns lined up, flowing into one another.
Tag: p5.js
Multi-Scale Truchet Patterns
I got inspired by the post by Christopher Carlson on Multi-Scale Truchet Patterns, where he creates Truchet tiles by taking several small tilesets and repeating them to create some interesting patterns. I began by splitting a canvas into quarters and then split each of those containers with a 50/50 chance all the way down to… Continue reading Multi-Scale Truchet Patterns
Circuit Boards
I started working on another variation on the path avoidance I used in Mazes, this time the generations started taking on the appearance of circuit boards. These are similar to designs I did for the last GigaZone Gaming Championship but those were all done manually in Illustrator. In this way, I can generate an infinite… Continue reading Circuit Boards
Mazes
I was inspired by the Threads series by Code Rambler, who is making these interesting path avoidance images. They resemble circuitry to me and I thought I’d try and give it a try. What I ended up with started taking on the look of a maze. There’s a base canvas width and height that is… Continue reading Mazes
Lines on a Grid, 211003
Another sketch with lines on a grid. I was inspired by some of the designs from the new Foundation TV series.
Happy little clouds.
I’m trying different neutral space shapes to break up the chaos from all the overlapping doodles in these squiggle generative pieces. These clouds were drawn with a Pentel brush pen and then scanned in as individual assets. I set up my canvas in p5.js to 3300px X 5100px, which works out to be 11×17″ @… Continue reading Happy little clouds.
Layered Buttons
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.
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