Concept:
I wasn’t sure what I wanted to do when I first started designing my animation. I simply went with the flow. When I was finished, I was very pleased with what I had produced. My animation shows a moving train from the side perspective. The lines are supposed to represent how fast the train is moving, and the large circles are the train’s windows! This train brought back memories of the trains I used to ride in Berlin. I’d be waiting at a stop when the train would fly by, taking my breath away with its speed. The colors and shapes become more saturated and beautifully mesh together as you move your mouse upward.
Highlight of the Code:
//LAYER 1
noStroke(0)
fill('rgb(93,35,253)')
circle(circleX,400,10);
fill('rgb(243,72,137)')
circle(circleX,300,10);
fill('rgb(7,204,29)')
circle(circleX,180,10);
circle(circleX,190,10);
circle(circleX,160,10);
circle(circleX,150,10);
circle(circleX,130,10);
circle(circleX,120,10);
circle(circleX,100,10);
circle(circleX,90,10);
fill('rgb(93,35,253)')
circle(circleX,390,10)
fill('rgb(243,72,137)')
circle(circleX,310,10);
fill('rgb(219,243,72)')
circle(circleX,380,10);
circle(circleX,350,10);
circle(circleX,170,10);
circle(circleX,320,10);
circle(circleX,260,10);
circle(circleX,290,10);
circle(circleX,230,10);
circle(circleX,200,10);
circle(circleX,140,10);
circle(circleX,110,10);
circle(circleX,80,10);
circle(circleX,50,10);
circle(circleX,20,10);
fill('rgb(93,35,253)')
circle(circleX,370,10)
circle(circleX,360,10)
circle(circleX,340,10)
circle(circleX,330,10)
circle(circleX,70,10);
circle(circleX,60,10);
circle(circleX,40,10);
circle(circleX,30,10);
circle(circleX,10,10);
circle(circleX,0,10);
fill('rgb(243,72,137)')
circle(circleX,280,10);
fill('rgb(243,72,137)')
circle(circleX,270,10);
circle(circleX,250,10);
circle(circleX,240,10);
circle(circleX,220,10);
circle(circleX,210,10);
circle(circleX,150,80)
I used 10 layers of circles and colors and arranged them in different positions on the x – axis. Depending on the layer, I also changed the coordinates of certain circles and placed them in different color blocks for contrast.
Reflection and Improvements:
I really enjoyed creating this piece! I swear that I will begin to move on to different shapes in the future…lol. For this project, I felt that circles fit best to the image that I was trying to depict. I hope to become better at condensing my code using loops since I had a lot of repetition throughout my code.
TRAIN VIDEO ⬇️