はじめに
クリエイティヴコーディング系でとりわけ活躍しているopenFrameworks、クリエイティヴコーディングは一貫してアーティストやデザイナーのための制作環境を提供していますが、今回はoFを含め、源流であるDesign By NumbersとProcessingについて導入的な説明をしようと思います。
- 0.DBN
- 1.Processing
- 2.openFrameworks
0.Design By Numbers
Design By Numbers(DBN)は、MITのJohn Maeda氏によって作成されたプログラミング経験のないアーティストやデザイナーのための環境。あくまで制作のためのツールではなく、コンピューターでビジュアルを表現することの基礎概念や方法論など導入としてのツールである。そのため、CやJAVAのような汎用的なプログラミングはできない。Processingの原型。
[エディタ画面]:テキストエディットエリア、▶実行ボタン、◼︎停止ボタン、ライブラリインポートボタンなどプログラマはコードを書いて実行ボタンを押す。
1.Processing
Processingは、2001年MITのBen FlyとCasey Reasらが教育目的でビジュアルやオーディオ制作のための開発環境。日本では、武蔵美、多摩美、東京芸大などの芸術系大学のクラスで使われている。
[エディタ画面]:DBNを原型にしているため、非常に似通ったフロントデザイン。テキストエディットエリア、▶実行ボタン、◼︎停止ボタンなどプログラミングが可能。コード書いて実行ボタンを押すだけ。
対応プラットフォーム
- Mac
- Windows
- Linux
jsライブラリ
- Processing.js
- p5.js
Processing用のJsライブラリも用意されている。webブラウザからでもProcessingの表現が可能である。
関連プロジェクト/デモンストレーション
- 福島の形相
- □□□(クチロロ)/あたらしいたましい feat. 金田朋子
- unnamed soundsculpture
- extracts of local distance
- andress koller philipp steinweber
- https://processing.org/exhibition/
資料
- Learning Processing
- Nature of Code -Processingではじめる自然現象のシミュレーション
- Generative Design ―Processingで切り拓く、デザインの新たな地平
- OpenProcessing
3.openFrameworks
openFrameworks(oF)は、Zach Lieberman、Theodore WatsonArturo Castroの三人を中心として開発されたProcessingの思想を受け継ぐC++のフレームワーク。ネイティヴアプリケーションの開発ができるため、マシンパワーを限界まで引き出した表現が可能。Processingでパーティクル10,000描画するとFPS落ちするが、同じ実装方法をoFでやると余裕だったりする。
[エディタ画面]:MacはXcodeから開発する。ビルドの設定やaddonの追加など、Processingよりも気を使う部分が多い
対応プラットフォーム
- Mac
- Windows
- Linux
- Android
- iOS
Macで開発している開発者が多いが、oFはLinuxにも対応しているため、Raspberry Pi上でも動く。また、Kinect V2(Macにもaddonsは存在する)やOculusなどWindowsしか対応していないデバイスもあるため、プロジェクトによってはWindows環境も必要になってくる場合がある。AndroidやiOSアプリケーションも開発可能。
関連プロジェクト/デモンストレーションなど
- [BRDG020] Lilium
- YAPORIGAMI X HEXPIXELS @ Meme City, Hangzhou
- SJQ++ [SJQ×kezzardrix] at UrBANGUILD(Kyoto),2012
- The Flickers / midnight express *漫画の吹き出しをリアルタイムに表示してみた
- System04 : tension
- 七色小道
- Google Cloud Vision API (Limited Preview) をoFで触ってみる。
- Reactor for Awareness in Motion
- Face substitution
- This City – Audio-visual performance of a simulated world
- ofxBullet - sweet RagDoll Demo
- Abstract Wall
- thema golan levin zachary lieberman