Bezier曲線

OpenGLで曲面を描画する方法について調べている。
その中でベジエ曲線とかB-splite曲線とかいろいろ出てきた。

文章や図を眺めてるだけだけじゃイマイチ理解が深まらないので、Procceing上でベジエ曲線描画するプログラムを自力実装してみた（注：Processingにはベジエ曲線を描画するための関数、bezier()があるので純粋に描画したいだけならそれ使った方が早いです）。

int w = 500;
int h = 500;

void setup(){
  smooth();
  noStroke();
  fill(200,0,0,200);
  size(w,h);
  float[][] pArray ={{50.,200.},
                {200.,100.},
                {300.,400.},
                {450.,200.}};
  fill(0,200,0,200);
  Bezier(pArray);
  

  fill(200,0,0,200);
  for(int i = 0;i < pArray.length;i++){
    ellipse(pArray[i][0],pArray[i][1],10,10);
  }
}

void draw(){
}

int combination(int n,int k){
  int c = 0;
  
  c = factorial(n) / (factorial(k) * factorial(n - k));
  
 return c; 
}

int factorial(int n){

  if(n == 0){
    return 1;
  }
  
  int f = 0;
  
  if(n == 1){
    return n;
  }
  else{
    f = n * factorial(n - 1);
  }
  return f;
}

float Berstein(int i,int N,float t){
  float b = 0;
  b = combination(N,i) * pow((1 - t),(N - i)) * pow(t,i);
  return b;
}

void Bezier(float[][] pArray){
  final int numT = 1000;
  final int x = 0;
  final int y = 1;
  
  for(int ti = 0;ti <= numT;ti++){
    float t = ti / float(numT);
    float px = 0;
    float py = 0;
    for(int i = 0;i < pArray.length;i++){
      float b = Berstein(i,pArray.length - 1,t);
      px += b * pArray[i][x];
      py += b * pArray[i][y];
    }
    ellipse(px,py,10,10);
  }
}

出力結果はこんな感じ。

ProcessingでAndroidアプリ開発

最近Processingにハマっている。

ProcessingはMITメディアラボで開発されたプログラミング言語。
メディアアートやインフォデザインなんかによく使われているらしい。

画像やインタラクションに強いため「動くモノ」、「触れるモノ」を簡単に作れるので触っててすごく楽しい。


そんなProcessingでAndroidアプリを作る方法を発見した。

…が、上記サイトの通りやってもうまく行かなかったので解決方法についてメモ。

とりあえずサイトの通りの手順だと

1.AndroidSDKをインスコ
2.Android互換バージョンのProcessingをココからゲッツ。解凍する。
3.Processingを立ち上げ、コーディング
4.コーディングし終わったら動作テスト
5.メニューバーの中にあるAndroid>Android Mode(もしくはCtrl+D)を選択。ファイルダイアログが出てくるのでAndroidSDKが保存してあるフォルダを選択する。

…ここで問題が発生した。
「Android core.zipがダウンロード出来ない」というエラーメッセージが出てきてうまくいかない。

ちょっと調べたところ、ココからファイルをダウンロードする部分がうまく動いていない様子。
上記ファイルを直接ダウンロード→Sketchフォルダに保存するとうまくいった。


…が、いざ実機にインストール、と思ったら自分が使っている端末のOSのバージョンがAndroid1.6で対応していなかった orz（エミュレータではキチンと動作しました）


まぁそれはいずれNexus Sを買ったときにでも(いつになることやら…)。


冒頭にも書きましたが、Processingはビジュアルやインタラクションに強く図形の描画、マウス、キー入力の取得が容易にできるプログラミング言語。
ということで、ゲームやデザイン系アプリのちょっとしたプロトタイプ開発に向いているんじゃないかな、と思います。