課題1 円を小さくしていくアニメーション
課題1
ヒント:diameter を減らすにはどうしたら良いでしょうか?
diameter = diameter - 1;
diameter -= 1;
diameter--;
問1のままでは、前に描いた円も表示されたままです。p5.jsでは、完全な重ね書きです。つまり、前の円を消すか、何かで塗りつぶす必要があります。(実は、例題でも、大きい円の下に小さい円が書かれていましたが、上書きされているので見えていませんでした。)
問2.円が小さくなるように表示するため、毎回キャンバスを塗りつぶしましょう。キャンバスを塗りつぶすには、backgroundo(220) で塗りつぶせば良いことになります。この関数をdraw()の中に入れてください。
注:220 はグレーで塗りつぶすというだけで、何色でも構いません。
例えば、background(220,180,92) では、こんな感じです。 問2まで完成させてから提出してください。名前は「課題1」にしてください。