My animation was adapted from my Recitation 6. Since there are three circles, I applied what we learnt in class to them separately. First I thought of the rotate function and wanted to apply it to the white circle with the little cross. The first problem I confronted is that when I played my codes, the rotation center was outside the background, later I realized that I should set x and y to the centre of the circle and minus corresponding figures in my former function. Then my second problem is that although it rotated normally, its formal mark just remained on the background, so the cross became a cirque at last. So I went over the exercises in our class and suddenly it hit me that I should put “background” in “void draw”instead of “void setup”, so that it will return to its original appearance again and again. Because of the requirement of “including some level of interaction (i.e. keyboard or mouse)”, I also applied mouse interaction to the same circle because I like the effect of changing transparency according to mouse position. As for the black circle (I see it as a sphere), I used to imagine the red side as its bright side where light exists. So the change of position of the red side represents the change of direction of light. This part is keyboard interaction which we learnt not long ago so I applied it to the black circle where I can press four direction keys to change the position of the red part. And the last one is actually made of 8 concentric circles, the animation effect in my mind was that all circles enlarge at the same speed until their radius become as large as their former next circles’ radius, and new circles replace old ones except for the largest one, which doesn’t enlarge, instead it starts again from the centre and become the smallest one, forming a loop. Disappointingly, I could not realize it, so I just adapted the code which draw circles with random sizes and colors.
During the recitation, I went over many different functions we learnt in class and that helped me have a better understanding of them through my application, adaptation and operation. Next time, I will improve my coding by being more creative when referring to the codes in class. Also, at first everything was in a mess because when I was faced with a problem, I just left it aside and tried to do others, but at last problems accumulated and I was confused,not knowing what to do. But later, I made my mind to break through them one by one from simplest to hardest and it turned out to be successful. So when faced with a problem, we’d better keep calm, find a starting point and overcome the difficulties in a rational order instead of fussing over them without enough and deep thought.