Processingで曼荼羅（マンダラ）塗り絵

f:id:karaage:20190219020345j:plain:w640

Processingで曼荼羅（マンダラ）塗り絵にチャレンジ

　以下の記事に書いた通り、Processing熱がにわかに再燃しています。

　そんな中、妻から「娘（3歳）のために曼荼羅（マンダラ）塗り絵を作れない？」というリクエストが。

　これはProcessingを作ってサクッと作って、父親としての威厳を見せつけるしかない！と思い、早速チャレンジしてみました。

Processingで曼荼羅（マンダラ）塗り絵にチャレンジ

　「マンダラ描くくらい楽勝でしょ！」と思い、画面とにらめっこすること5分…

　「な、何から初めて良いかわからない…」

　あまりにProcessingを触っていない期間が長すぎました。というわけで、初心に立ち返り、@reona396さんの入門者用スライドを熟読することにします。

PCD2019 TOKYO ワークショップ「2時間で！Processingでプログラミング入門」 from reona396

　10分後

　「そうことね、完全にProcessing理解した」状態になったので、プログラミングスタート。

　苦節30分、できました！！いえい！

曼荼羅（マンダラ）塗り絵ソースコード

　ソースコピーしちゃうぜ！コピペして使ってね。

void setup() {
  size(400, 400); 
  noFill();
}

void draw() {
  background(255, 255, 255);
  
  pushMatrix();
  translate(width/2, height/2);
  
  int num = 0;
  int d = 20;
  for (int r = 10; r < 170; r += 20){
    num += 10;
    d += 5;
    for (int i = 0; i < num; i += 1){
      float x = r * cos(radians(i * 360) / num);
      float y = r * sin(radians(i * 360) / num);
      ellipse(x, y, d, d);
    }
  }
  
  popMatrix();
}