Archive

Posts Tagged ‘processing’

デザイン用プログラミング環境Processing

9月 23rd, 2007

最近、デザイン/インターフェース分野にかなり興味が出てきていまして。

そんな中、先日参加したShibuya.jsにて、gyuqueさんがプレゼンで「コンテントツリーを視覚化したもの」等を3Dで描画していたのに感動しました。

processing2.png

» INSIDE Gecko handouts

加えて先週、森美術館のル・コルビュジエ展にいったとき、ル・コルビュジエの建築を紹介したDVDで使われていた3D映像にも感動してしまいまして。

というわけで、gyuqueさんのスライドで使われているっぽい、Processingというデザイン/アートの現場での作品制作に特化したオープンソースのプログラミング環境なるものに手を出し始めました。

» processing.org

結構情報処理学会でも注目されているらしく、増井 俊之さんがprocessingについてUNIX Magazineで紹介している記事を発見。

processing.orgで”展示”しているものをパラパラ見ているだけでも楽しい。久々にワクワクするプログラミング体験かも。

processing1.png

» Yo soy la Juani

基本はJavaで動いているみたいなのですが、このような描画を行うために洗練されていて、簡単なコードで美しい図形を描くことができるのがprocessingの特徴みたい。

int i, w, h, step, c; color cl;
w = 400;
h = 400;
step = 4;
 
size(w,h);
background(0);
 
for(i=0; i<w/step; i++){
cl = color(255/(w/step)*i, 64, 255-255/(w/step)*i, 50);
stroke(cl);
line(0,i*step,i*step,h);
line(w,i*step,i*step,0);
}

たったこれだけのコードで以下のような洗練された図形が!

processing3.png

意外とサンプルなども充実していて、ここらへんを参考にがりがり3Dってこうかと思います。

» プレゼンテーション法 » 第2回:Processing入門
» Processing 1.0 _ALPHA_ » Reference
※framerate->frameRate(0125beta版ではframerateでは動かないみたい)

プログラミングができてデザインに興味がある方は是非ご一緒にはじめてみませんか?!ちなみにproce55ingのほうが検索しやすいみたいです。

posted with amazlet on 07.09.23
前川 峻志 田中 孝太郎
ビー・エヌ・エヌ新社 (2007/03)
売り上げランキング: 31924
おすすめ度の平均: 4.5

4 プログラミングの入門者に最適!
5 わかりやすい

今日学んだ言葉:アルファチャネル

Read more…

8maki survey, テクノロジー ,