女子美術大学メディアアート演習Ⅱb 2012 fall 第2回 1/2
TRANSCRIPT
![Page 1: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/1.jpg)
メディアアート演習ⅡB第2回徳久 悟id: dangkang
女子美術大学美術学部アート・デザイン表現学科
2012. 09.11(Tue) 3限 13:00-14:45
1
![Page 2: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/2.jpg)
•スライド•http://dl.dropbox.com/u/326446/JUAD_MediaArt_20120911_03.pdf
•サンプルパッチ•http://dl.dropbox.com/u/326446/09011_03_patch.zip
Material
2
![Page 3: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/3.jpg)
• 前回までの復習• Jitterとはなにか
• マトリクス基礎• 位置表現• 合成
• ピクチャ合成• クロスフェード合成• マトリクス演算
• アルファ合成• クロマキー合成
Agenda
3
![Page 4: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/4.jpg)
Jitterとは何か
4
![Page 5: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/5.jpg)
•Maxにリアルタイム・グラフィクス/ヴィデオ処理を追加するエクステンション(機能拡張).
Jitterとはなにか
5
![Page 6: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/6.jpg)
•リアルタイム・グラフィクス/ヴィデオ処理
•動画像再生
•リアルタイム動画像入力
•動画像演算処理(加工/合成/エフェクト)
•音と映像の連携
•動画像解析
• 3Dグラフィックス(OpenGL)
• Quicktime形式のサポート
Jitterでできること
6
![Page 7: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/7.jpg)
•jit.で始まるオブジェクト
Jitterオブジェクト
7
![Page 8: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/8.jpg)
•アトリビュート(属性)
• jitオブジェクトに新たに導入された仕組み
• “@アトリビュート名 値”で設定
アトリビュート
8
![Page 9: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/9.jpg)
•アーギュメント(引数)
•オブジェクトの動作方法や処理内容の初期値を指定
•メッセージ•オブジェクトに対する動作方法や処理内容の指示
アトリビュート
9
![Page 10: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/10.jpg)
•Jittterでは,マトリクス(行列)と呼ばれるデータ形式を扱う
マトリクス
10
メッセージ
シグナル
マトリクス
![Page 11: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/11.jpg)
•マトリクスの構成要素•ディメンジョン
•セル
•プレーン
マトリクス
11
![Page 12: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/12.jpg)
•マトリクスはセルとディメンジョンでできている•セル(cell / 細胞) : マトリクスに含まれる1つ1つの要素
•ディメンジョン(dimension / 次元) : マトリクスに含まれるセルの数(最大32次元)
マトリクス
12
8x6のディメンジョン
セル
![Page 13: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/13.jpg)
•セルは複数のプレーンで構成される•カラー画像を作りたい場合
• ARGBの4プレーン(最大32)
•データ型は8bit (2^8 = 256色)
マトリクス
13
AR
GB
![Page 14: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/14.jpg)
•マトリクスの構成要素•ディメンジョン 8x6
•プレーン 4(RGBA)
マトリクス
14
![Page 15: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/15.jpg)
•マトリクスの構成要素•ディメンジョン 8x6
•プレーン 4(RGBA)
マトリクス
15
![Page 16: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/16.jpg)
•Jit.noiseのhelpファイル
•ディメンジョン 320 x240
•プレーン 4(RGBA)
•プレーンを1にしてみると?
マトリクス
16
![Page 17: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/17.jpg)
位置表現
17
![Page 18: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/18.jpg)
•jit.qt.movie•Quicktimeムービーを再生(ディスクベース)
• rateアトリビュートでスピードをコントロール
動画像再生
18
![Page 19: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/19.jpg)
•jit.qt.grab•Quicktimeを利用したビデオ入力(ディスクベース)
動画像入力
19
![Page 20: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/20.jpg)
•jit.rota•ソース画像の大きさ(zoom),位置(anchor)をコントロール
任意の座標での映像再生
20
![Page 21: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/21.jpg)
映像合成
21
![Page 22: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/22.jpg)
ピクチャ合成
22
•jit.matrixを使って合成
•メモリを消費しない
•レイヤー処理には向かない
![Page 23: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/23.jpg)
•jit.xfade•2つの動画をクロスフェードするためのオブジェクト
•xfadeアトリビュートで指定する割合でブレンド
クロスフェード合成
23
![Page 24: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/24.jpg)
•jit.op•マトリクス同士のセルに含まれる値に対する様々な計算をするためのオブジェクト
マトリクス演算
24
![Page 25: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/25.jpg)
•jit.op•マトリクス同士のセルに含まれる値に対する様々な計算をするためのオブジェクト
マトリクス演算
25
![Page 26: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/26.jpg)
•jit.op•マトリクス同士のセルに含まれる値(ARGB)を個別に計算することも可能.
マトリクス演算
26
![Page 27: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/27.jpg)
ピクチャ合成とマトリクス演算
27
![Page 28: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/28.jpg)
ピクチャ合成とマトリクス演算
28
![Page 29: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/29.jpg)
•jit.alphablend•マスク画像を使った合成のためのオブジェクト
アルファチャンネル合成
29
![Page 30: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/30.jpg)
•jit.chromakey•キーカラー抽出によるクロマキー合成のためのオブジェクト
クロマキー合成
30
![Page 32: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/32.jpg)
Backup
32
![Page 33: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/33.jpg)
•keyオブジェクト
•キーをASCII codeに変換
• ACII code... コンピュータで文字を表示するためのコード
•escキー = 27
全画面表示
33
![Page 34: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/34.jpg)
•jit.pwindow•パッチ内でマトリクスを表示するためのオブジェクト
•jit.window•パッチ外でマトリクスを表示するためのオブジェクト
jit.pwindowとjit.window
34
![Page 35: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/35.jpg)
•jit.brcosa•明度,コントラスト,彩度をコントロール
• jit.qt.grabをつなげると?
応用1: 明度・コントラスト・彩度
35
![Page 36: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/36.jpg)
•jit.rota•スケールと回転数をコントロール
• jit.qt.grabをつなげると?
応用2: スケール・回転
36
![Page 37: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/37.jpg)
•jit.scalebias•マトリクスの各値に乗算・加算をする• sclae(乗算): 1.0より大きければ明るくなる
• bias(加算): 最大値1.0 最小値-1.0
• jit.qt.grabをつなげると?
応用3: 色の変化
37
![Page 38: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/38.jpg)
•カメラからのリアルタイム映像のパラメータを音声入力を用いて変化させる
•例えば... jit.rota, jit. brcosaを利用することで,スケール,回転,明度,コントラスト,彩度をコントロールできる
応用4: 音声による制御
38
![Page 39: 女子美術大学メディアアート演習ⅡB 2012 Fall 第2回 1/2](https://reader034.vdocuments.mx/reader034/viewer/2022042607/55618ea9d8b42ace7d8b4e7a/html5/thumbnails/39.jpg)
応用4: 音声による制御
39