CIOを目指しつつの8makiのアレ » processing http://blog.8maki.jp 俺と周りの変態リタラシーを埋める Sat, 28 Jan 2012 04:05:04 +0000 http://wordpress.org/?v=2.8.4 ja hourly 1 デザイン用プログラミング環境Processing http://blog.8maki.jp/2007/09/processing.html http://blog.8maki.jp/2007/09/processing.html#comments Sun, 23 Sep 2007 13:16:48 +0000 8maki http://8maki.jp/blog_wp/?p=179

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

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

processing2.png

» INSIDE Gecko handouts

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

というわけで、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

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

» プレゼンテーション法 » 第２回：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 わかりやすい

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


———–
gyuqueさんのはC++ + D3Dだそうでした・・・勘違いも甚だしい・・・
てかどこで見つけたんだっけか？

]]> http://blog.8maki.jp/2007/09/processing.html/feed 2