Random | Rotate | Repeat

Published on 2023-12-12

Random | Rotate | Repeat

Goal

In order not to be dictated by my limited coding experience. I have used pen and paper to set the direction. I would like to make a random line/square. Then repeat it around a center point. Maybe add some analog feel to it. And as a stretch goal maybe add an additional layer.

Besides the sketch itself. This will also be my first sketch outside the online p5js editor. So hopefully I learn to code p5js in Visual Studio code. Figure out how to get it online on my own website. Manage to display multiple sketches on one page.

vision sketch done in figma

The Basics

The initial sketch. Getting the basics down. I now have a center point (A). I have a line (B) from our center to the starting point of the shape. (Quad). I now approximately understand how the quad is defined and can begin to add some randomness to the sketch.

Random

For the orginal post: If you refresh it will be a different shape. (Here it is a gif)

Calling it quits

Sometimes, you just have to overcome the sunk cost effect and throw in the towel. I don’t like quitting, but I also have limited time each day to create. I don’t think this idea would have become a great piece of art if I had finished it. It was just a concrete idea to get started using p5.js locally and have multiple sketches on a page. I have learned how to do both of these things, but I have also realized that having multiple sketches is a burden for me as a novel creative coder. So, in the future, I will track my progress with images or video rather than live code examples. But with this result, why even publish it? I believe in the audience of one, and that one is me. I enjoy going through my analog sketchbooks — and here, everything is captured: the done and the undone. This I would like to mimic in my digital sketchbooks. So here is an entry for the undone projects.

Feels good to wrap it up. Now… I feel like I can move on.