下から上に向かってボールをループさせたい

ある一定の位置からボールをループさせたい

変数を使って、ある一定の位置から、画像のように上に向かってボールが登っていく動き(矢印の動き)をループさせたいのですが、できません。
ご存じの方がおられたらお力添えお願いいたします。

発生している問題・エラーメッセージ

ボールが画面外に出ても最初の位置の戻らない

該当のソースコード

int y=100;
int addY=2;
void setup() {
  size(500, 500);
  colorMode(RGB);
  noStroke();
}
void draw() {
 ellipse(285, y, 20, 20);
  y-=addY;
  if (y > height) y =100;
}

行動規範の内容に同意します

回答1件

・アニメーションの基本は「消して、新しい画を描く」です。消さないと、どんどん画が重なっていきます。

・ループさせるためには「画面外に出る」という現象?状態?を捉える必要があります。では、画面外に出る、ということはどうなることでしょう。
次のプログラムを走らせてみて考えていただければと思います。

Processing
1int y=100;
2int addY=2;
3void setup() {
4  size(500, 500);
5  colorMode(RGB);
6  noStroke();
7  frameRate(3);//画の更新(drawの実行頻度)を秒3回に設定
8}
9void draw() {
10  background(0xcc);//「消す」
11  fill(255);//円は白で描画
12  ellipse(285, y, 20, 20);
13  fill(0);//文字は読みにくいので黒で描画
14  text(y, 310,y+20); //yの値を表示する
15  y-=addY;
16  if (y > height) y =100;
17}