Processing + WiiRemote Akihiko SHIRAI 東京工業大学世界文明センター 『メディアアート特論』
Processingとは？ デザイナー/アーティスト、 プログラミング初心者向けの手軽な開発環境 画像や音が得意 内部的にはJava。 Windows, Mac, Linuxで動作 MITメディアラボでプログラミング教育用に作られた『Design By Numbers』がベース オープンソースで無償 Webでの公開なども簡単
Processingによる作品例
（余談）MITメディアラボ MIT:マサチューセッツ工科大(Boston) 1985年に設立 世界に向けて様々な新しいメディア技術、デモを生み出してきた。 石井裕先生(Tangible Media)が有名
オープンソース 無料で使える ソース（＝プログラムのもと、 料理でいうところのレシピ）が公開されている みんなで改良、共有していく 普通、お店で売ってるソフトウェアのソースは公開されて いない。商売にならないから。 みんなで改良、共有していく ただしケンカもする。よいものを作るために、どんどん フォークしていく 様々なライセンスがある 有名なのはGPL、しかし思想も含む。 GPLに接触したら、GPLにしなければならない。 つまりオープンソースを一部でも使うと、全体のソースを GPLにしなければならない。 Processingのライセンスは？
Processingのインストール http://processing.org にてダウンロード 圧縮ファイルを展開するだけ！ たまにWebsiteが落ちていることもあるので注意。 圧縮ファイルを展開するだけ！ Windows, Linux, MacOS用 Windows版はJava付きがおすすめ MacOSはOSのバージョンによってJavaの不具合 があるので、動かないときは最新の1.0.7より古い ものも試してみるとよい。
プログラミングを始めよう ここから先は、Windows版で解説します。 Windows版の『マイドキュメント/Processing』 が、MacOS版の『書類/Processing』になる。
Processing用語 Sketch(スケッチ) PDE Processingによるプログラムの呼称。 sketch = 下絵, 見取り図, 草案…Processingらしい 呼び名ではある。 『.pde』という拡張子のテキストファイル PDE Processing Development Environment Processingの開発環境であるエディタ
Processing(PDE)を起動 ダウンロードしたファイルから『Processing.exe』をダブルクリック ショートカットを作っておくと便利。
あたらしいスケッチ 今日の日付で新しい白紙のsketchが作成
ボタン解説 左から順に、 Run, Stop, New, Open, Export, Tab Menu。 FileメニューからExamplesで サンプルスケッチを開くことができる
Examples Basics 3D Libraries Topics Arrays, Color, Control, Data, Form, Image, Input, Math, Objects, Shape, Structure, Transform, Typography, Web 3D Camera, Form, Image, Lights, Textures, Transform, Typography Libraries DXF, Sound, Network, OpenGL, PDF, Serial, Video (Caputure, Movie, MovieMaker) Topics 12
本日の課題1：おすすめExamples すべての大カテゴリから各々最低4スケッチ、合計16スケッチを試して、タイトル・概要をリスト。 例えば以下のようなわかりやすいものでよい Basics-Shape-ScaleShape 3D-Image-Explode 13
本日の課題2：Clock Basics-Input-Clock 「自分だけの時計」を作ってみる 12月15日は休講予定。 ウィンドウを大きくする 背景に好きな画像を入れる Web版をExportする 他人に試してもらえる形でZIP圧縮して、 月曜日17時までにメールで提出。 優秀作品は掲示予定 12月15日は休講予定。 14