processing 描画について

Question

processingでこれを描こうと思い

size(600,600);
background(0);
strokeWeight(10);
int p ;
int a = 0;
for(int x = 0;x<600;x += 60){
for(int y = 0;y<600;y += 60){
fill(255);
rect(x,y,60,60);
fill(0);
rect(y,y,50,50);
}
}
for(int i = 30;i<600;i += 60){
fill(0,0,255);
ellipse(i,i,56,56);
}

ここまでやったのですが赤い丸の方のやり方が分かりません
赤い方のやり方と↑のやつの修正できるところを教えてください
お願いします

Comments

[katoy]

赤丸を描くコードをともかくは書いてみてください。

Answer 1

大幅に書き換えてみました。

int width = 600;
int height = 600;
int num_cell = 6;  // 10
int size_x = width / num_cell;
int size_y = height/ num_cell;
int stroke_w = ceil(size_x * 0.1);

void setup() {
  size(600, 600);
  background(0);
  strokeWeight(stroke_w);
}

void draw() {
  for(int x = 0; x < width / size_x; x++) {
    for(int y = 0; y < height / size_y; y++) {
      int kind = 0;
      if (x == y) {
        kind = 1;
      } else if (x + y == num_cell - 1) {
        kind = 2;
      }
      draw_cell(x, y, kind);
    }
  }
}

void draw_cell(int x, int y, int kind) {
  int px = x * size_x;
  int py = y * size_y;
  if (kind == 0) {
    fill(100, 100, 100);
    rect(px, py, size_x, size_y);
  } else {
    if (kind == 1) {
      fill(0, 0, 255);
    } else {
      fill(255, 0, 0);
    }
    ellipse(px + size_x / 2, py + size_y / 2, size_x * 0.9, size_y * 0.9);
  }
}

processing 入門
で google 検索して、入門記事を幾つか読むと良いと思います。
例

• ドットインストール Processing入門 http://dotinstall.com/lessons/basic_processing_v2

• Processing基礎最速入門 http://www.catch.jp/wiki/?Processing%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7