ASSIGNMENT #2 - ANIMATION

For this assignment we needed to create a sketch that includes (all of these):

  • One element controlled by the mouse.

  • One element that changes over time, independently of the mouse.

  • One element that is different every time you run the sketch.

My intention for this assignment was to sketch a loading browser icon-like animation (representing what was actually happening in my head when deciding what to sketch in the first place). My idea was that every ellipse would change colors simultaneously between cyan, magenta, yellow and green to give the desired effect. However, I couldn’t get it to work. Is it possible to do that?? After looking at whatever examples I could find online, I was able to make the ellipses change gradually between the color I assigned using the ++ but it wasn’t what I was going for initially.

Another thing I struggled with was with trying to recreate the mouse icon on the screen. I figured out how to get the rectangle part of the drawing to move on mousex and mousey but I couldn’t figure out how to get the triangle to do it. It either moved only one anchor so it looked like stretched out and wasn’t moving freely on the canvas or this would happen: