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
Tag: isometric
Movement
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
Layering CMYK Blocks
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
Isometric Topography
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
From Generative to 3D Print
Here’s a technique that I heard about a while ago but haven’t used too much. If you didn’t know, there is a feature in Cura that allows you to import an image and represent that image as a 3d model. Cura will represent all dark colors as peaks and lighter colors as valleys. A high-contrast… Continue reading From Generative to 3D Print
All framed up!
I worked on the last isometric grid sketch I made a few days ago. The textural faces took a long time to generate, so I refactored that. I’ve been seeing these fancy framed mockups on Instagram and wanted to know how that would look. I found a package with many square frames. I thought they… Continue reading All framed up!
Qbert
Stepping back from the Botanical system I have been working on I wanted to build a grid of cubes and see what it would look like if the faces were randomly turned on or off. With all the faces turned on the grid reminded me of the levels from the game Qbert. I built the… Continue reading Qbert
Isometric Botanical
Here’s another experiment using an image for the placement and color of isometric shapes. For the sources I used some images from Botanical section of Artvee, a public domain image repository. Using a technique based on Coding Train’s Coding Challenge #49: Photo Mosaic with White House Social Media Images, the source image is shrunken down… Continue reading Isometric Botanical
Constrain to a cube
Continuing with isometric shapes, I tried to build a system where all the branches were all constrained to a cube. All the branching shapes have a starting point on the bottom left or right of the container cube. I found a function on Stack overflow that I used to check if any of the shapes… Continue reading Constrain to a cube
Cubic Grid
I’m continuing to use the same Isometric class and have been improving for the last few weeks. I wanted to see if I could build an isometric cube of cubes and see how I could manipulate it with translation, rotation, and scale. First thing was to figure out the placement for each isometric object. I… Continue reading Cubic Grid