I went and did it, I made an NFT. I was on the fence for a long time but I thought I’d give it a go with one of my recent sketches. I looked into different marketplaces and ended up using fxhash. What I really liked about fxhash is that its minting process requires javascript… Continue reading Nocturnal Pink Xylophone
Tag: p5.js
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
3 color lerping
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.
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
CMYK Layering
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.
Masdevallia veitchiana (1885-1906)
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.
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
Arcs on a grid
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
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!