Processingの図形描画で困っています。

Question

こんばんは。
参考書の演習が解けずに困っているので質問させていただきます。
問題の内容は1行目は円を4つ横に描画
2行目は横に3つ描画
3行目は横に１つ描画
4行目は横に2つ描画
するという問題です。
（画像の円の形が不揃いなのは気にしないでください）

そしてこの問題に対して私の書いたコードがこちらです。
void setup(){
size(500,500);
int numbers[] = {4, 3, 1, 2 };
int x = 100;
int y = 100;
int w = 20;
int h = 20;

for(int i = 0; i < numbers[i]; i++){
ellipse(x,y,w,h);
x+=30;
}
}

このコードで実行した結果円が横に２つ並ぶだけのコードにしかなりませんでした。
アドバイス、ヒントなどでもいいので助けて頂けると嬉しいです。
よろしくお願いします。

Answer 1

いろいろなパターンを描画できるようにしてみました。

void setup() {
  size(500,500); 
  int board[][]= {
    {1, 1, 1, 1},
    {1, 1, 1, 0},
    {1, 0, 0, 0},
    {1, 1, 0, 0}
  };
  int w = 20;
  int h = 20;
  for (int i = 0; i < board.length; i++) {
    for (int j = 0; j < board[i].length; j++) {
      if (board[i][j] == 1) {
        ellipse(100 + j * 50, 100 + i * 50, w, h);
      }
    }
  }
}

Answer 2

void setup(){
size(500,500);
int numbers[] = {4, 3, 1, 2 };
int x = 100;
int y = 100;
int w = 20;
int h = 20;
for(int i = 0; i < 4; i++){
x = 100;
for(int j = 0; j < numbers[i]; j++){
ellipse(x,y,w,h);
x+= 30;
}
y+=100;
}
}

Comments

[退会済みユーザー]

無事解決できました。ありがとうございました！

[YamaguchiKenya]

よかったです！
今回は numbers配列 をそのまま for の終了条件にしていたのが良くありませんでしたね。
慣れですので頑張ってください！

Answer 3

はじめまして。こんにちは。
Processing のことはよく解りませんが下記のようになるのではないでしょうか？

void setup(){
size(500,500);
int numbers[] = {4, 3, 1, 2 };
int x = 100;
int y = 100;
int w = 20;
int h = 20;
for(int i = 0; i < 4; i++){
x = 100;
for(int j = 0; j < numbers[i]; j++){
ellipse(x,y,w,h);
y+=100;
}
}
}

Comments

[YamaguchiKenya]

こちら誤っていたので下のを使って下さい