2008/12/28

学生って素晴らしい!

Flex Builderって知ってますか???
Adobe Flex Builder 3 Professional とはFlexの統合開発環境です。
WebアプリケーションやAIRのデスクトップアプリケーションを作れるようです。
Flashとは兄弟みたいな関係ですね。

Flexはプログラミング的な面から、Flashはビジュアル的な面からFlashムービーとかアプリとかを作るって感じらしい。

Flexを使って作ったサイトはここで紹介されている。

FlexはActionScriptとMXMLというマークアップ言語で記述するようです。
Flex SDKというもの自体は無償で提供されているけど、それだけだとGUIとかの開発がすごい面倒くさい。
そこで、Flex BuilderというEclipseベースの統合開発環境を使うというわけ。
簡単なものだけならドロップ&ドロップだけでできちゃうみたいです。

さて、この統合開発環境Flex Builder 3 Professionalのお値段なんと
85,000円!!!
(税込みだとほぼ9万円!)

うわ、高い・・・・
しかし!
学生の人はなんと無償でライセンスがもらえる!らしいです。
早速申し込みました。

学生証をスキャンするなりケータイの写メで撮るなり何なりしてGIFかPDFで送るのです。
学生証全部日本語だけど大丈夫かな・・・

これと同じ内容の日本語サイトもあるけど、そっちからは先生になんか書いてもらう必要があったりと色々面倒くさそうです。

うまく通れば2週間でシリアルナンバーが届くみたいです。
今はまあ年末・年始なんで時間がかかるかもしれませんね。
それまで60日のトライアルバージョンを使っとこ。

これで『ビジュアライジング・データ ―Processingによる情報視覚化手法
』で邦訳本だけ最後に載ってるActionScriptでのビジュアライジング・データも意味があるようになります(笑

2008/12/20

デザイニング・インターフェース



『デザイニング・インターフェース』という本を買ってもらいました。
オライリー本では珍しい(?)オールカラーの本です。というかこの本カラーじゃなかったら見にくいだろうな・・・
インターフェースの要素を理論的にパターン化してまとめている本です。
まだ全部読んでないけど面白そうなのでオススメです。
----------------------------------------------

ここをクリックして下さい。お願いします。

2008/12/01

ビジュアライジング・データ

日本語のProcessing関係の本はBuilt with Processingの1冊だけでしたが、Processing開発の主な人物の一人、Ben Fryによる『Visualizing Data』の邦訳『ビジュアライジング・データ』が発売されました。

情報の視覚化について研究しているみたいです。Ben Fryさんって。
Processingを使用して情報の視覚化を実践しよう!というのがこの本の主なところ。
方法などを紹介しているようです。

原書買おうかな、と思っていたところで邦訳が出て、ラッキーです。

面白そうなんで買おうかな(笑
----------------------------------------------

ここをクリックして下さい。お願いします。

2008/11/26

Processing 1.0

さっきProcessing.orgのdownloadのページ見たらWindows、Windows(without Java)、Linuxも追加されてました。
----------------------------------------------

ここをクリックして下さい。お願いします。

2008/11/25

Processing 1.0 リリース !!



ProcessingがBETAじゃなくなりました。
Processing 1.0としてリリース。
なんか雰囲気が変わりました。前は茶色系統でそろえてましたが、新しいのは青系です。
それにしたがってアイコンもちょっとかっこよくなったような気がします。

Macのバグのせいでメニューがうまく表示されない、という不具合があったらしく、それが直るまではメニューバーはProcessingのウィンドウの中にあります。
確かに前までのメニューはめっちゃ反応遅かったのは覚えてます。


あーそれにしてもProcessing.orgめっちゃ遅いよ〜
混んでるのかな?
----------------------------------------------

ここをクリックして下さい。お願いします。

2008/11/21

Structure Synth



Structure SynthでBinary Kiteというサンプルをsunflowというレンダリングソフト用にエクスポートし、sunflowでレンダリングしてみました。
sunflowの使い方がよくわからなかったのと、エクスポートのときエラーが出まくったので少し手間取りましたが、なんとかレンダリング完了。
上の画像がStructure Synthでレンダリングしたやつで、下がsunflow。
色が抜けちゃってます。

カメラの位置がめっちゃ変なとこにあったので、それを修正するのも手間取りました。

本当はPOV-Rayにエクスポートしたかったんですけどね。
POV-RayってMac用の動かないんですよ。intel Macに対応してないのかな。

----------------------------------------------

ここをクリックして下さい。お願いします。

2008/11/12

POV-Ray





今日は学校のCGの授業での課題の作品として作ったものを貼ります。

CGの授業ではPOV-Rayをやっています。
最初は変数も使えないし、いちいち全部の座標などの数値を手入力しなきゃいけないしで「POV-Rayほんまダルい!!!」って感じでしたが、今はPOV-Rayでも変数とか関数とか使えると最近知ったのでちょっとPOV-Ray好きになりました。

課題の内容が、「中空のサイコロを使った作品」で、CSGを使えというものです。
「別にサイコロが主役でなくてもよい」とあったのですが、思いっきりサイコロ主役です。
というかサイコロって意識させないように作りました。

上が提出するもの、下はその旧バージョンです。
----------------------------------------------

ここをクリックして下さい。お願いします。

2008/11/07

Leaf


おもいっきり秋な今日このごろ。
葉っぱをつくってみました。

----------------------------------------------

ここをクリックして下さい。お願いします。

2008/11/05

Context Free Art 文法

久しぶりの投稿です。
Context Free Artの文法よく分かってなかったので、Documentationとか見てちょっとだけ勉強したつもりです。
分かったこととか分かってたこととかをここに書いときます。

startshape ルール名

これはお決まりのものです。最初に書きます。

ちなみに、ルールを作るときは、

rule ルール名 {

//適当にルールを作る

}

みたいにします。

たとえば、円一つだけのものを作りたい時は

startshape en

rule en{
CIRCLE { }
}

これで円が描かれました。

では、円を動かしてみましょう。

startshape en{
CIRCLE { }
CIRCLE { x 1 }
}
どうですか。
もう一つ円が横に表示されたと思います。

ちなみに、基本図形が3つあって、
TRIANGLE { }
SQUARE { }
CIRCLE { }
の3つです。そのまんまですが、三角形、四角形、円です。


ではここからオプションについて解説します。
CIRCLE { }の括弧の中に入ってる x 1 とかのことです。

  • x ~ : x方向に~動かす
  • y ~ : y方向に~動かす
  • z ~ : z方向に~動かす(Context Free Artは2次元なので、z 方向というよりはレイヤーの上下と考えたらいいようです。)

  • r ~ : ~ だけ回転させる
  • flip ~ : ~度の角度で反転させる。flip 0でx軸に関して、flip 90でy軸に関して反転させます。

  • s ~ : サイズを~倍する。 s ~ ... でx方向に~、y方向に...倍する
  • hue ~ : 色相です。360までの範囲で色を指定。0が赤、値が大きくなるにつれて黄色、緑、青、紫、ピンクという風になっていきます。
  • sat ~ : 彩度です。 -1 ~ 1
  • b ~ : 明度です。-1 ~ 1

次に括弧の違いについて。

CIRCLE { }
と書くというのはさっき書いていますが、じつは
CIRCLE [ ]
と書くことも可能です。

この違いは何なのか。

{ }の方は、中身に書いたことをひとまとまりで解釈されます。
一方、[ ]は順番に解釈されます。
つまり、
CIRCLE [ x .5 s .5 x .5]
となっていると、「x方向に0.5動かして サイズを半分にして x方向に0.5動かす」
という意味になる、ということです。

あ、ちなみに小数は0を省略できます
0.5なら.5ってな感じに。

次に、回数指定。

3*{...} SQUARE { ~~~ }

このように書くとどうなるのでしょう。

この意味は、「3回だけ{ ... }したSQUARE { ~~~ }というルールをやってくれ〜〜」という意味です。

startshape shape

rule shape{
3*{y 1} SQUARE { s .3 b 1 sat 1 h 230 }
6*{x 1 r 20}CIRCLE { s .8 b 1 sat 1 h 0 }
}
やってみて下さい。
回数指定した分だけ描かれていますね。

成功成功。^^

次はruleの応用です。

ruleは同じ名前のもの何個でも作れます

あと、ruleは自分自身を自分の中で呼び出せます

2つ目があるから面白いのが描けちゃうわけですね〜Context Free Artでは。
自分の中で自分を呼び出せるので、どんどん成長していく絵が描けるのです。

1つ目については、どうなるかというと、どれをやろうかというのをを確率で決めます。

rule ルール名 数値 { }
こうすると、数値の分だけ確率的重みが付けられます。

rule A { }
rule A 0.2{ }
rule A 0.1 { }
仮に上記のように書いたとします。何も数値を指定しないと、自動的に1になります。
上からA1,A2,A3と呼ぶことにしましょう。

A1が実行される確率は、1/(1+0.2+0.1) = 1 /1.3 = 10 / 13
A2が実行される確率は、0.2/1.3 = 2 / 13
A3が実行される確率は、0.1/ 1.3 = 1 / 13

このようになります。13回に10回A1が実行されるが、13回に2回はA2、13回に1回はA3が実行される、ということになります。

コレは面白いですよね。

コレを使うと木のようなものを容易に作成できます。

startshape shape

rule shape{
CIRCLE { }
shape{ r 20 x 2 s .8 }
}

rule shape 0.2 {
shape { }
shape { flip 0 }
}

これで大体のものは作れるようになりました。

まだ僕自身よく分かってないとこもあるのですが、それは分かったらまた書こうかな〜と思ってます。。

Context Free Artをマスターしてすごい作品を作れるようになりたいですね。

----------------------------------------------

ここをクリックして下さい。お願いします。

2008/10/18

Processingライクな開発環境たち

Processingに影響を受けて開発された制作環境たちです。
openFrameworksはWindows, Mac OS X, Linuxで動作するC++ベースのフレームワークらしいです。
NodeBoxはPytonでコードを書くMac OS X専用の制作環境。

面白そうなんでこういうのも触っていこうかな〜と思ってます。
----------------------------------------------

ここをクリックして下さい。お願いします。

2008/10/14

reacTIVision

reacTableってご存知ですか?

これです。
どういう仕組みか分かりますか?

ビデオをよく見てみると、動かしてるものに変な模様というかマークがついていますね。こんなの。

このテーブルは半透明の板です。

仕掛けは意外と単純で、この天板の下にはカメラとプロジェクターが入っています。もしかしてコンピュータもついでにこの中に入れているかもしれません。

カメラで天板の様子を撮影します。それであの変なマークの位置、回転を検出するってわけです。
その映像をもとにコンピュータに送って、プログラムに通します。音などを出すようにしてるわけです。
で、プロジェクターで天板に映像を映し出して、ああいうことができるわけです。

う〜ん。仕掛けは単純だけど、すごいかっこいい。

このテーブル、プロジェクター、カメラ、天板、パソコンさえ(プロジェクターは高そうだけど)あれば誰でも簡単に作れるんです。

で、問題はプログラムの方ですよね。
どーやってあんなマークで回転とか位置とか検出するのか。
ここが一番面倒くさく、かつ難しい課題だと思います。

しかし、このプログラムは公開されているんです。
あとはProcessingなどでどういう反応をするかプログラミングするだけ。

この公開されているやつの名前がreacTIVision
変なマークもダウンロードできます。

テーブルを作れなくても、カメラさえあればそれなりにマークに反応してくれるので、一度試してみてはいかが?
----------------------------------------------

ここをクリックして下さい。お願いします。

2008/10/13

Blender

Blenderってご存知ですか?
昨日「アートのためのソフトウェアたち」でも紹介しましたが、高機能な3DCGソフトです。
市販のソフトに負けてません。ほんとに。
でも、僕もまだ使いこなせてないんですよ。高機能すぎて。
以下は作品です。


これは「Brain man」です。
精神や知識、インスピレーションなどを表現しました。
これは恐竜です。Blenderで一番最初に作った作品です。
----------------------------------------------

ここをクリックして下さい。お願いします。

TUI: Tangible User Interface

みなさん、Tangible User Interfaceってご存知ですか?略してTUI。
GUIとかCUIというのはご存知ですよね。

TUIというのはMITのMedia Labの石井裕教授が研究されている、新しいインターフェイスのアプローチです。
簡単にいうと、コンピュータのデジタル世界と 我々人間の世界との間にある深いギャップを、デジタル情報を物理的実体を与えることで人間が直接操作しているような感じにするユーザーインターフェイスです。

GUIはマウス、キーボードで操作しますよね。
実は、それって40年前からほとんど基本的な姿を変えてないんです。

GUIも、CUIに比べたら、もーーーんの凄い革新的なことだったんですけど、これって使い方を知っている人しか操作できませんよね。普段パソコンを使い慣れている方はそんなこと分からなくなっているかも知れませんが、初めてパソコンを触る人を見てみると、扱いにすごい困っていますよね。

今のパソコンは汎用ですが、TUIが目指すところは汎用ではなく、ある作業に特化した専門コンピュータです。

将来こーいうのを開発する研究員になりたいです。
じゃあMIT Media Labに入らなきゃ。
う〜ん。勉強あるのみですね〜
----------------------------------------------

ここをクリックして下さい。お願いします。

iTunesのビジュアライザ、きれいすぎる!!

Flight404, Flight404, Flight404........
最近知ったんですが、すごいですね〜

iTunes使っている人は、(iTunes 8)ビジュアライザって使ったことありますか?
Macの人は、
command + T
を押しちゃってください。
出てきますから。
Windowsのショートカットは知らないですけど、
表示>ビジュアライザを表示
みたいな感じで出せると思います。

僕はビジュアライザ使ったこと無かったんで知りませんでしたが、こんなにきれいだったとは!!



すごいきれいですよね。めちゃめちゃきれい。

実はこれ、開発はProcessingで行ったようです。
いやー作る人が作ったら凄いのができるんですねー。

いつかはこんなのが作れるようになりたいなーと思いました。

ちなみに、
「command + F」でフルスクリーンになります。

自動でパターンが切り替わりますが、それをoffにしたいなら「c」
自分で切り替えたいなら「m」
スピードは「+」「-」でお好みに調整、
光の強さは「a」「s」でお好みに調整
だそうです。

Flight404はProcessingの世界では超有名みたいですよ。

作品の動画はこちら
Flight404のブログはこちら

2008/10/12

アートのためのソフトウェアたち

コンピュータでアートするとき、まずぶつかるのがソフトウェアの問題。

超有名でデザインとかの業界標準になってるソフト、例えばAdobeのソフト群。
ま〜たけーたけー。
とにかく値段が半端無く高いんです。
初心者とか学生とかが簡単に手を出せる値段じゃない。

Photoshopひとつで10万とかするんですよ。
Adobe Creative Suite 3.3 Master Collection。これは全部入ってるソフトです。
40万円します。
学割で15万。
学割凄いですね〜
ん?驚くのはそこじゃないって?

3Dで有名なMayaなんかも高い。

ま〜本格的なソフトはほとんどめちゃ高い。

では、上記のようなのには多少劣っても、普通にアートする分には十分すぎるソフトを紹介しようと思います。もちろん全部フリーソフト。無料。

Gimpは有名なソフトです。Photoshopのようなことができちゃうソフトです。
レタッチなど、色々こなせちゃうソフトです。フリーの中では一番高機能。
InkscapeはIllustratorに当たるソフトです。ドローソフトってやつです。

Blenderはフリーの3DCG作成ソフトです。静止画だけでなく動画も作れます。かなりの高機能で、市販のソフトに負けていません。日本語環境はあまり充実していませんが、それさえ大丈夫なら凄い作品が作れちゃうソフトです。もともとCGアニメスタジオのソフトだったってこともあり、アニメを作る機能がすごく充実しています。

日本ではあまり有名ではないですが、これはビジュアルアートのためのプログラミング環境です。サウンドもライブラリを追加すると可能です。
初心者のプログラミング学習向けにも作られていることもあり、簡単なコードで作品を創れる利点があります。プロトタイプ作成なんかに使うデザイナーもいます。極めればものすごい作品を作れます。
もちろん、インタラクティブな作品をつくることも可能です。

今までのソフトはWin, Macともに使えるソフトです。

僕が、Macで良かった〜と思うのはこういうソフトを発見したときもです。Macユーザーの皆さん、これ標準でついてます。Developers Toolsのアプリケーションのひとつです。
プログラミング環境の一種で、パッチと呼ばれる機能の部品をつなぎ合わせて作品をつくっていきます。
技術的な作業に煩わされることが少なく、美的な作業に集中できます。

Processingとは

ProcessingとはCasey Reas と Benjamin Fryによるオープンソースプロジェクトで、以前はあのMIT Media Labで行われていました。
プログラミング言語、というよりはプログラミング環境です。
統合開発環境(IDE)っていうものらしいです。
何に使うかって言うと、電子アート、ビジュアルデザインなど。追加のライブラリを入れるとサウンドもできます。
実際どんなのを作れるのかというと、"Built with Processing"でググると世界中の人が作品を公開しているのでそれをみてみてください。
中には結構凄い作品もあるので、参考になるかも。

プログラミングの学習用にもつくられていることもあり、初心者にもとっつきやすいです。
とっつきやすいとは、複雑な設定がいい具合に端折られているから手軽に作成ができるからです。
そういうことから、コンピュータを使ったアート作品のプロトタイプ(試作品)作成なんかにも使われるみたい。
あと、色々な教育機関でも採用されているらしいです。例えば、工業系の大学のプログラミング入門とか、美術系の学校のコンピュータアートの授業とか。もちろん日本でも。

欠点は日本語の情報が少ないことです。
でも、逆に英語の勉強になるからいいかもって考えるとこの点はそこまで苦ではない。(笑

日本語の書籍は今は『Built with Processing デザイン/アートのためのプログラミング入門[改訂版]』だけみたいですね。
この本は結構きれいでGoodです。オールカラーで、プログラミングの本とは思えない(いい意味で)。

Processingとはこんな感じのものです。
で、僕は最近これを見つけてハマっています。(笑
プログラミングもほとんど初心者って感じなんですけど、これは面白い。
Quartz ComposerとProcessingと。どんどんきわめていきたいです。

2008/10/11

Quartz Composer Book

あ、そういえば。
Quartz Composer Book買いました〜
「未来派図画工作」の鹿野護氏の本です。

最近興味を持ち出したQuartz Composerですが、この本の最後の出版日見ると
2008年10月1日ってなってるじゃないですか。
新しっ!!
この本知ったのが7日です。
この本買ったのが8日です。
正直書籍が出されて1週間で購入したの初めてです。多分。

ま〜きれーな本ですけど。
ちょっと値段が高いですね。
でも高そうな本って雰囲気はあります。
辞書みたいに厚紙のケースに入っています。

もうちょっとパッチの紹介して欲しかった感はありますが、基本的なとこは多分大丈夫だと思います。

Quartz Composerって多分英語の情報の方が多いです。
英語好きだけどまだまだへちょいんで。(^^;
でも、言葉の壁なんかには負けてられるか〜!!
国際的になろー。うん。

ってことで英語も勉強進めていく必要がある僕でした。

Quartz Composer 入門



最近Quartz Composerなるものを発見しました。

Macのデベロッパーツールについてるアプリケーションの一つです。
Apple Developers Toolsに含まれてるアプリっていうと、Xcodeなんかが有名ですよね。
あれと同じように入ってたのがQuartz Composerです。

XcodeやInterface BuilderはMacなどのアプリケーションを作成するためのツール。
Dashcodeはダッシュボードのウィジェットを作成するためのツール。

で、このQuartz Composerはと言うと、 スクリーンセーバー、iTunesとかのビジュアライザ、その他インタラクティブなものや動画などをつくるものです。
Cocoaと組み合わせるとアプリケーションを作成するときにも使えるそうです。

Quartz Composerは一種のプログラミング環境です。
しかし、普通プログラミングと言うと思い浮かぶ、キーボードでコードを打ち込んでいくものとは異なります。
グラフィックソフトなどにはノードといって要素というかモジュールというかをつないでいくものがあります。まさにあんな感じです。
パッチと呼ばれる小さな部品をつなぎ合わせて作品を創っていきます。
パッチひとつひとつには小さな機能しかありませんが、それを組み合わせていくことで複雑で美しい作品をつくることも可能です。

コードを打ち込んでいく方法だとバグに悩まされることの方が創作の本体より多いことがありますが、Quartz Composerはコードを打つのは高度なことをするときだけなので、「創作」の核に集中できる利点があります。
リアルタイムで結果が反映されていくので、作業もやりやすいです。

これからこれを頑張って極めたいと思います(^^

僕が暇なときに作ってる作品はここに置いています。良かったら来て下さいね