Project #2 Form Generator / Celestial body

Description

For project 2 I decided to create a combined image of astronomical symbols. I was going to make a grayscale transition between sun and moon, but now the images are joined and interaction makes color changes and circle glow move around the eye. I decided to have this version because it reminded me symbolic nature of the celestial body where they remain still, but changes throughout days and seasons.

Design Process

First I draw the images on paper, after that I used illustrator to create a vector image. Two different images should be changed to one another. The sketch and illustrator images were quite different from the one in p5js. I couldn’t transform the shapes exactly as in the vector image. I simplified the sketch and combined two images.

I started with lines and circles for the Sun, then I draw the eye and Moon. For the first sketch, the image was black and white and I was going to have only greyscale colors, but after some experiments, I decided to switch to the random color. I used mousePressed() for random stroke and background color change.

Reflection

Some obstacles are related to drawing multiple lines that should be symmetrical. I tried to move objects inside the canvas, but objects went away from the coordinate system, so I only leave one circle which is glow reflection of the eye. First I tried to use a scale for a mouse click, but I decided to have only color changes within the canvas on mouseDragged and color random on mousePressed.