Processingで線を左に始点を置き、右方向に後点を動かしていきたいですが、何か失敗します、、、助けてください

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Processingで線をびよーんて伸ばしたいのですが、何だか失敗します。

該当のソースコード

ソースコード
float i;

public void setup(){
  size(600, 600);
  i = 0;
}

public void draw(){
  background(0);
  fill(255,255,255);
  line(0,100,i,i);
  i = i + 20;
}

試したこと

iに足す数を増やしたり減らしたり、iに挿入する数をいじったりしました。

補足情報（FW/ツールのバージョンなど）

Processing 2.2.1

今日初めてProcessingを始めました、ガチ初心者なので質問がおバカかもしれませんがよろしくお願いいたします。

Comments

[aikon_marimo]

失敗、とはどのような事象を指してますでしょうか？

[退会済みユーザー]

ご質問ありがとうございます。画面が黒いままのことを指しました。
今思ったのですが、もしかして実は線が表示されているけど見えていないから黒いままに見えるのでしょうか？

[aikon_marimo]

そうかと思います。strokeで色を変更してお試しください。

[退会済みユーザー]

すごいですね！！線が表れてめっちゃ動きました！ちょっとはしゃいじゃいました????ありがとうございます！<(_ _)>

[aikon_marimo]

良かったです。クローズ用に回答欄に記載しましたが、先にご記載いただいてましたね。失礼しました。

[退会済みユーザー]

ごめんなさい！！慌てて自分でしてしまいました今度からは慌てません。

Answer 1

黒背景に線色を黒で描画しているため、見えないようになっていると思われます。
lineの前にstrokeで描画する線の色を変更してお試しください。

また、今回のように、「何が起きているか」と「なぜそうなるのか」を整理すると、ご自身で解決できることが多くなりますので、意識なされるようにすると良いかと思います。

Comments

[退会済みユーザー]

そうすればいいのですね！できるだけ自分で解決できるようにアドバイスをもとに今後してみます、細かくお返事していただけてありがたいです。ありがとうございます。

Answer 2

aikon_marimoさんに追記・修正依頼の欄で解決していただけました。
ありがとうございます。