Playing with lines drawn on a grid

For the last day, I was trying to figure out a way to make a packing algorithm in Processing (seriously, if anyone has any ideas I’d like to hear them). As that was an abject failure at this point I worked on a sketch using a grid with lines that draw in random cardinal directions from the starting x and y. There starts to be some really interesting layering happening when I cranked the iteration up, varied the stroke weight and made the grid more condensed.

 

Gradients are hard in Processing

This took a while. Yesterday while watching the E3 2021 live stream I tried to work through how to create a gradient in Processing, specifically how I could apply it to an ellipse. I found a few ways to create them while searching but I wanted to try and see if I could work it out myself.

In order to get this to work, I had to draw 1px rectangles from the top to the bottom of the ellipse. I had already worked out a bit of the work in a previous sketch to get arcs of an ellipse and plot points on them. Using lerpColor I could tween between two colors at each pixel to get the gradient. From the top left arc, I found the mirror point on the top right arc and drew a rectangle from those two points, then continued down the arc to the middle. Then the same was done from the bottom left arc to the right.

Fair warning I’m still a bit new at Java programming and I’m sure there could be some improvements. If you have any suggestions on how I could improve this method I’m all ears.

Getting into Generative Art via Processing

Lately, I started getting into Generative art. The idea that I can use code to generate artwork appeals to me. I’ve only got into working in Processing, a language for generative art (Java-based), for about two weeks now and already I can see its possibilities.

At first, I just tried to get the basics down. The documentation and tutorials on the Processing got me started, as well as watching a bunch of videos off of The Coding Train and reading Generative Art: A Practical Guide Using Processing to get my head around what Processing was able to do. It’s Java-based, but there are forks of it in Python and Javascript.

With a loop and varied-sized rectangles, I pumped this out. Not too interesting yet but it’s a start. Then I tried the same thing but trying dimension with ellipses.

It’s a mess, but it’s my mess.

Then I started to play with spirals and transformations.

The other night I couldn’t sleep and started working on this one with lines and mountain-like peaks.

Processing makes it pretty easy to “sketch” ideas, building off one idea to another. It reminds me a bit of Design I at CVA where we’d use layout bond to duplicate and tweak iconography. I can create a basic framework for a sketch and then run it several times to get varying results. Small changes to variables can result in completely new visuals.

I saw this posted to the Generative Discord server and thought it was pretty interesting and gave it a go.

Version 1, I created a grid and made rules of how the grid shapes are filled in.

Version 2, adding texture, varying the size of the grid.

Then Loki aired yesterday I gave the carpet at the TVA a try. This uses a similar grid system to the two above, just with arcs in alternating patterns.

That’s it for now. I’ve been working on a few of these sketches a day so more on the way.