# Overlapped

This is a visual installation that explores the colours, sizes, and shapes. I am interested in how these elements could affect the style of the art piece and the feeling of the viewer. This artwork is inspired by Sol LeWitt’s wall painting #95 as well as the rule that I created in assignment 1 (the detailed will be shown under). Therefore, I combine them and create a new rule. In this rule, I will be changing colours, shapes, and sizes to explore their influence on the art piece.

In Sol LeWitt’s wall painting #95, he used lines to demonstrate the rules. The line is smooth, thus the wall drawing and the colour look very flat. In order to add more diversities to the painting, I try to use different shapes to form the line. Since I created the overlapping circle in assignment 1, I decided to use overlapped circles. While I used the overlapped circle to form a line, and then draw them like rule #95, but at the same time, the line will overlap the previous one as well.  The result is that it creates a different style of painting. The circle adds an irregular feeling to the lines, which creates a sense of flexibility and vivid inside the rules. Moreover, the shadow and the colours that are added to the drawing gives various depth, therefore, the image of the drawing is not flat anymore, it shows the spatial dimension hierarchy. Moreover, changing the size of the circles, it makes the colours more concentrated. Thus, while the circle is big, the viewer will feel fullness. And the big circle style will be cuter compared to the small circle.

# RULES:

• Select five colours. Put in code, use lerpColor to generate the colours.
• Choose a corner or a border (or in the middle) of the canvas to start drawing
• Draw a bunch of circles (or other shapes) in one colour, form a line. (The circle could be in different sizes and amount)
• Choose one direction
• Move a little bit to the direction you choose and then draw the line of shape in the second colour.
• Move a little bit to the direction you choose and then draw the line of shape in the third colour.
• Move a little bit to the direction you choose and then draw the line of shape in the fourth colour.
• Move a little bit to the direction you choose and then draw the line of shape in the fifth colour.
• Repeat the step that drawing the line of the circle(or other shapes) until the canvas is filled.

# Versions that Created Based on the Rules

• From left-top corner to right-down corner: Select the left-top corner, draw the circles. At the same time, I changed how quickly the colours change and the drawing number of circles in code. It turns out the effect like the image above with a messier look.
• Link for this version: https://editor.p5js.org/vickikiwu/sketches/dWDK8tdhE

• From middle to outside: I choose to start in the middle part. And instead of a straight line going out, I rotate each line a little bit to create a swirl-like structure. Also, I change the shape, which is rectangles
• Link for this version: https://editor.p5js.org/vickikiwu/sketches/H68xcoe3M

# INSPIRATION

I got the inspiration from assignment1_01 and Sol LeWitt’s wall drawing #95

• In assignment1_01, I created the rule that the circle overlap each other.

• In assignment2_02, I modified the rule by Sol LeWitt, which is wall drawing #95.
Sol LeWitt's wall drawing #95: On a wall (paper) divided vertically into fifteen equal parts, vertical lines, (not) straight, using four colours in all one-, two-, three-, and four-part combinations.

Combining them, the developed result becomes the circles form a line on the canvas, and then they will overlap each and fulfill the canvas. (like version 1 above)

# PROCESS TUTORIAL

• First, I set the canvas size to window size. The background colour will be black. Draw ellipses with no stroke. Create a for loop. Create two variables x and y. Use noise() to animate by moving through the noise space. And by adding random(), it allows the ellipse to have a line form in Canvas.

• Second, I add one colour, the shadow, and the blur to the ellipse.

• Third, add the variable of colours. Put down the five colour hex codes. Set up the cSpan, c1,c2,ratio, and the lerpColor(). Allowing the circle to change colours.

• Forth, Add push(), pop(), and translate() into the code. Therefore, ellipses could move down and keep drawing.

• Fifth, add random() to the size of the ellipse.

• In other versions, it might need to change some values in the elements in order to achieve the ideal result.
• For example, in the rotate version need to add rotate().