【2/17】今年は「濃厚」技術トーク!@ITメールセミナー スラッシュドット    はてなブックマーク  Yahoo!ブックマークに登録  印刷
絵心がなくても簡単に絵が描けるProcessing
連載インデックスへ
絵心がなくても簡単に絵が描けるProcessing(1)

芸術の秋にProcessingで
スケッチプログラミングを始めてみよう

collisions.doppac.cc
田中 孝太郎
2008/10/10

アートやデザインのための“プログラミング”

- PR -

 読者の皆さんは「プログラミング」という用語や、それをすることに、どんなイメージを持っているでしょうか。仕事に使われるアプリケーションやWebサービスの開発の世界の「プログラミング」を考えてみると、多くの場合「実用性や効率が重んじられ、専門的な知識を持ったエンジニア/プログラマーが慎重に正確に行うもの」といったイメージではないかと思います。

 しかし一方で、実用性ではなくスクリーンに表されるイメージや動きの美しさ、見るものを引き込むインタラクションのアイデアをプレゼンテーションする「プログラミング」の世界も存在します。エンジニアではなくアーティストやデザイナーが、驚きやインスピレーションを求めて大胆に「プログラミング」を行う、そんな世界です。

 この連載で紹介する「Processing(プロセッシング)」は、そんなアートやデザインの分野でのプログラミングを扱う、スケッチブックのようなソフトウェアです。

無料のスケッチプログラミング環境「Processing」とは?

 Processingは、画像処理アニメーションといったプログラムによるビジュアルデザインインタラクションデザインなどの分野でのプログラミングに特化した、オープンソースのプログラミング環境です。Javaをベースにした実行環境とエディタが用意されていて、Windows、Mac OS X、Linux版のベータ版ソフトが無償で提供されています。

図1 Processing(Mac OS X版)の使用例
図1 Processing(Mac OS X版)の使用例

 Ben Fry(ベン・フライ)氏とCasey Reas(ケーシー・リース)氏という2人の開発者が、当時(2001年)在籍していたMITメディアラボにて、初歩的なプログラミングの教育や、プログラムによる作品制作の「スケッチ」ができる環境として構想しました。

 その後、2人を中心にしたコミュニティにより、オープンソースソフトウェアとして継続的に開発されています(近くバージョン1.0として正式リリースされる予定です)。

とにかく簡単にグラフィックをプログラムできる

 もちろん多くのプログラミング言語でも、グラフィックAPIを使用すればプログラムでグラフィックを出力することは可能です。それを用いてゲームなどのインタラクティブなコンテンツを制作することもできます。

 しかし、その中でProcessingが特徴的なのは、プログラミング言語の仕様や必要なライブラリといったおぜん立てに精通しなくても、とにかく簡単にグラフィックを用いたプログラムを作成できる点でしょう。

「簡単」といっても、やれることが限られているわけではない

 また、上記の特徴から、Processingはデザイン学校や美術大学といった非工学系の学校でのプログラミング教育、作品制作の環境としても多く使われています。簡単だからといっても、できることが限られているわけではなく、標準でも十分高度な処理が簡単に行えるよう開発されており、ライブラリによる拡張も可能です。

iTunes 8の公式ビジュアライザでも使われた

 まだ日本国内では目立たない存在であるProcessingですが、海外のクリエイターやアーティストには積極的に活用された事例や作品が多くあります。直近の例は、2008年9月にリリースされたiTunes最新バージョン「iTunes 8」で公式ビジュアライザとして採用されている、「Magnetosphere」と呼ばれるiTunesビジュアライザプラグインです。

図2 Magnetosphereの例1
図2 Magnetosphereの例1

 これは、Robert Hodgin(Flight404)氏によるもので、ビジュアルプロトタイプ開発にProcessingを使用していて話題となりました。

 実際のビジュアライザ自体は、おそらくProcessingのプロトタイプをC++などほかの言語に移植してプラグイン化しているものと思われます。ヴィジュアライズのためのアルゴリズムの検証や、エフェクトの試行錯誤の段階では、Processingで開発を進めていたようで、氏のアップロードしたビデオでは、その開発段階のプロトタイプを見ることができます。

図3 Magnetosphereの例2
図3 Magnetosphereの例2

 もちろん、Processingを使えば誰でも「Magnetosphere」が作れるわけではありませんが、こういったプログラムによるビジュアル表現に興味がある方であれば、Proessingでその第一歩を踏み出してみてはいかがでしょうか。

 次ページでは、実際にProcessingをインストールして絵を描いてみましょう。

  1/3

 INDEX
絵心がなくても簡単に絵が描けるProcessing(1) 
芸術の秋にProcessingでスケッチプログラミングを始めてみよう
Page1
アートやデザインのための“プログラミング”
無料のスケッチプログラミング環境「Processing」とは?
  Page2
Processingをインストールして絵を描くには?
  Page3
鉛筆でラフスケッチを描くような感覚でグラフィックを扱う
JavaScriptやFlash、Ruby、Pythonでもスケッチ
大きなインパクトがあったProcessingの出現


「デザインハック」コーナーへ


リッチクライアント & 帳票 フォーラム 新着記事

@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

RSSフィード

スキルアップ/キャリアアップ(JOB@IT)

お勧め求人情報

キャリアアップ 〜JOB@IT
@IT Special -PR-
  企業の仮想化に足りない“発想”とは?
仮想化運用管理のキモは意外なところに!

New!
  操作もマニュアルも分かりやすい!
ユーザー視点で開発されたPC管理ツール

New!
  仮想化すればコストは削減できるか?
仮想化に必要な「3つの視点」を解説する

  セキュリティを知り尽くす上野氏が登壇!
@ITメールソリューションLive! in Tokyo

  運用管理の課題を“2つの観点”から分析
ユーザー満足度の高い「仮想環境」とは?

  世界に通用するストレージの作り方とは?
製品に込めた思いを富士通の開発者に聞く

  OSSで手間も時間も、障害も減った――
「マピオンの事例」オープンソース活用法

  「ノートPCの持ち出し禁止」で大丈夫?
情報漏えいを防ぐ管理手法とインフラは?

  1日の処理を1秒に――MySQLの達人が語る
「コスト削減」できるチューニング

  ドキュメント作成を自動化して、SEの作業
効率を大幅アップ! Visio 2007の魅力

  急速に広がるHyper-Vでのサーバ仮想化
そのベストプラクティスをデルが解説

  @IT主催セミナーで語られた、「担当者に
求められるセキュリティ対策」をレポート

  @IT「Windows 7」 特設サイトオープン!
最新情報・移行ノウハウを公開しています