課題４円の大きさをifを使って変更する

例題2 小さい円を大きくすると課題１　円を小さくしていくアニメーションを参考にして、次の条件をつけて円を描いてください。課題名は「課題４」

問１　１つ目の円

キャンバスの大きさは createCanvas(600, 400);

colorMode(RGB, 255, 255, 255, 1);

円を中心の位置は (200, height/2)とする。

円の直径は、最初10とし、１フレーム毎に3づつ大きくする。

円の直径がheightより大きくなったら、直径を10に戻す。

円の色、背景色などは自由ですが、円の塗りつぶし（fill）の透明度を0.5 にしてください。

つまり、この円はだんだん大きくなり、壁のにぶつかったら小さな10の円に変化すし、また徐々に大きくなる。

問２　２つ目の円を問１に追加してください。

円を中心の位置は (400, height/2)とする。

円の直径は、最初200とし、１フレーム毎に2づつ小さくする。

円の直径が 10より小さくなったら、１フレーム毎に２づつ大きくするようにする。

円の直径がheightより大きくなったら、１フレーム毎に２づつ小さくするようにする。

円の色、背景色などは自由ですが、円の塗りつぶしの色を問１とは変えて、透明度を0.5 にしてください。

つまり、この円はだんだん大きくなり、壁のにぶつかったら今度は小さくなる。半径10の円になったらまた徐々に大きくなり、円の大きさが振動する。

ヒント：直径を表わす変数を新たに用意する（例えば diameter2）。また、例題４ if文のように壁にぶつかって跳ね返るときに速度が反転したように、壁にぶつかると円の変化する方向が反転する。つまり、新たな変数 v2などが必要です。

問2が完成できない場合は、問１だけの回答を提出してください。