1. メディアアート演習ⅡB
第3回
2013.05.27 13:00-16:10
徳久悟
慶應義塾大学大学院メディアデザイン研究科
dangkang@kmd.keio.ac.jp
©dangkang interdisciplinary design lab.
13年5月26日日曜日

2. アウトライン
• 第2回の復習
• 第2回の残り
• 合成
• 練習
• 工作してみよう
• センサーバーでWiiリモコンの位置を取得
• 衝突判定
©dangkang interdisciplinary design lab. 213/5/26
13年5月26日日曜日

3. 復習
©dangkang interdisciplinary design lab. 313/5/26
13年5月26日日曜日

4. Jitterオブジェクト
• jit~で始まるオブジェクト
©dangkang interdisciplinary design lab. 413/5/26
13年5月26日日曜日

5. アトリビュート
• アトリビュート(属性)
• jitオブジェクトに新たに導入された仕組み
• “@アトリビュート名 値”で設定
©dangkang interdisciplinary design lab. 513/5/26
13年5月26日日曜日

6. アトリビュート
• アーギュメント(引数)
• オブジェクトの動作
方法や処理内容の初
期値を指定
• メッセージ
• オブジェクトに対す
る動作方法や処理内
容の指示
©dangkang interdisciplinary design lab. 613/5/26
13年5月26日日曜日

7. マトリクス
• Jitterでは，マトリクス(行列)と呼ばれるデー
タ形式を扱う
©dangkang interdisciplinary design lab. 713/5/26
メッセージ
シグナル
マトリクス
13年5月26日日曜日

8. マトリクス
• マトリクスの構成要素
• ディメンジョン
• セル
• プレーン
©dangkang interdisciplinary design lab. 813/5/26
13年5月26日日曜日

9. マトリクス
• マトリクスはセルとディメンジョンでできて
いる
• セル(cell / 細胞) : マトリクスに含まれる1つ1つの
要素
• ディメンジョン(dimension / 次元) : マトリクスに
含まれるセルの数(最大32次元)
©dangkang interdisciplinary design lab. 913/5/26
15
8x6のディメンジョン
セル
13年5月26日日曜日

10. マトリクス
• セルは複数のプレーンで構成される
• カラー画像を作りたい場合
• ARGBの4プレーン(最大32)
• データ型は8bit (2^8 = 256色)
©dangkang interdisciplinary design lab. 1013/5/26
A
R
G
B
13年5月26日日曜日

11. マトリクス
• マトリクスの構成要素
• ディメンジョン 8x6
• プレーン 4(RGBA)
©dangkang interdisciplinary design lab. 1113/5/26
13年5月26日日曜日

12. マトリクス
• マトリクスの構成要素
• ディメンジョン 8x6
• プレーン 4(RGBA)
©dangkang interdisciplinary design lab. 1213/5/26
13年5月26日日曜日

13. マトリクス
• Jit.noiseのhelpファイル
• ディメンジョン 320 x240
• プレーン 4(RGBA)
• プレーンを1にしてみよう？
©dangkang interdisciplinary design lab. 1313/5/26
13年5月26日日曜日

14. jit.pwindowとjit.window
• jit.pwindow
• パッチ内でマトリクスを表示するためのオブジェ
クト
• jit.window
• パッチ外でマトリクスを表示するためのオブジェ
クト
©dangkang interdisciplinary design lab. 1413/5/26
13年5月26日日曜日

15. 全画面表示
• keyオブジェクト
• キーをASCII codeに変換
• ACII code... コンピュータで文字を表示するた
めのコード
• escキー = 27
©dangkang interdisciplinary design lab. 1513/5/26
13年5月26日日曜日

16. 動画像再生
• jit.qt.movie~
• Quicktimeムービー
を再生(ディスクベー
ス)
• rateアトリビュート
でスピードをコント
ロール
©dangkang interdisciplinary design lab. 1613/5/26
13年5月26日日曜日

17. 動画像録画
• jit.qt.record~
• Quicktimeムービー
形式でムービーを保
存(ディスクベース)
• realtimeアトリビュ
ートを1にすると，
内部クロックベース
で録画可能
©dangkang interdisciplinary design lab. 1713/5/26
13年5月26日日曜日

18. リアルタイム動画入力
• jit.qt.grab~
• Quicktimeを利用し
たビデオ入力(ディス
クベース)
©dangkang interdisciplinary design lab. 1813/5/26
13年5月26日日曜日

19. 明度・コントラスト・彩度
• jit.brcosa
• 明度，コントラス
ト，彩度をコントロ
ール
• 練習
• jit.qt.grabをつなげる
と？
©dangkang interdisciplinary design lab. 1913/5/26
13年5月26日日曜日

20. スケール・回転
• jit.rota
• スケールと回転数をコントロール
• 練習: jit.qt.grabをつなげると？
©dangkang interdisciplinary design lab. 2013/5/26
13年5月26日日曜日

21. 色の変化
• jit.scalebias
• マトリクスの各値に乗算・加算をする
• scale(乗算): 1.0より大きければ明るくなる
• bias(加算): 最大値1.0 最小値-1.0
• 練習: jit.qt.grabをつなげると？
©dangkang interdisciplinary design lab. 2113/5/26
13年5月26日日曜日

22. 任意の座標での映像再生
• jit.rota
• ソース画像の大きさ(zoom)，位置(anchor)をコ
ントロール
©dangkang interdisciplinary design lab. 2213/5/26
13年5月26日日曜日

23. ピクチャ合成
• jit.matrixを使って合成
• メモリを消費しな
い
• レイヤー処理には
向かない
©dangkang interdisciplinary design lab. 2313/5/26
13年5月26日日曜日

24. 第2回の残り
©dangkang interdisciplinary design lab. 2413/5/26
13年5月26日日曜日

25. 合成
©dangkang interdisciplinary design lab. 2513/5/26
13年5月26日日曜日

26. クロスフェード合成
• jit.xfade
• 2つの動画をクロ
スフェードするた
めのオブジェクト
• xfadeアトリビュ
ートで指定する割
合でブレンド
©dangkang interdisciplinary design lab. 2613/5/26
13年5月26日日曜日

27. マトリクス演算
• jit.op
• マトリクス同士の
セルに含まれる値
に対する様々な計
算をするためのオ
ブジェクト
©dangkang interdisciplinary design lab. 2713/5/26
13年5月26日日曜日

28. マトリクス演算
• jit.op
• マトリクス同士の
セルに含まれる値
に対する様々な計
算をするためのオ
ブジェクト
©dangkang interdisciplinary design lab. 2813/5/26
13年5月26日日曜日

29. マトリクス演算
• jit.op
• マトリクス同士のセルに含まれる値(ARGB)を個
別に計算することも可能．
©dangkang interdisciplinary design lab. 2913/5/26
13年5月26日日曜日

30. ピクチャ合成とマトリクス演算
©dangkang interdisciplinary design lab. 3013/5/26
13年5月26日日曜日

31. ピクチャ合成とマトリクス演算
©dangkang interdisciplinary design lab. 3113/5/26
13年5月26日日曜日

32. アルファチャンネル合成
• jit.alphablend
• マスク画像を使った合成のためのオブジェクト
©dangkang interdisciplinary design lab. 3213/5/26
13年5月26日日曜日

33. クロマキー合成
• jit.chromakey
• キーカラー抽出によるクロマキー合成のための
オブジェクト
©dangkang interdisciplinary design lab. 3313/5/26
13年5月26日日曜日

34. 練習
©dangkang interdisciplinary design lab. 3413/5/26
13年5月26日日曜日

35. 練習
• 今日使ったパッチを使って，Wiiリモコンと連携させ
てください．
• ボタン，加速度，回転を単純に割り当ててみる．
• ボタン，加速度，回転など動きの意味を考えなが
らインタラクションを作ってみる．
©dangkang interdisciplinary design lab. 3513/5/26
13年5月26日日曜日

36. 工作
©dangkang interdisciplinary design lab. 3613/5/26
13年5月26日日曜日

37. 工作してみよう
• センサーバーを自作する
• ストロー
• 赤外線LED x 2
• 抵抗 x 2
• 電池ボックス x 2
©dangkang interdisciplinary design lab. 3713/5/26
13年5月26日日曜日

38. 工作してみよう
• ハンダ付けをしよう
• 足の長い方をプラス(赤)に繋げる
©dangkang interdisciplinary design lab. 3813/5/26
13年5月26日日曜日

39. 工作してみよう
• 電池を入れて通電しているか確認しよう
©dangkang interdisciplinary design lab. 3913/5/26
13年5月26日日曜日

40. 工作してみよう
• ストローに切り口を入れる
©dangkang interdisciplinary design lab. 4013/5/26
http://d.hatena.ne.jp/wapa/20070110/p1
13年5月26日日曜日

41. 工作してみよう
• 完成
©dangkang interdisciplinary design lab. 4113/5/26
http://d.hatena.ne.jp/wapa/20070110/p1
13年5月26日日曜日

42. OSCulatorfの設定
• Wiimote to Max.oscd
©dangkang interdisciplinary design lab. 4213/5/26
13年5月26日日曜日

43. 視覚化
• Wiimote to Max 5. maxpat
©dangkang interdisciplinary design lab. 4313/5/26
13年5月26日日曜日

44. 衝突判定
©dangkang interdisciplinary design lab. 4413/5/26
13年5月26日日曜日

45. 衝突判定
• 雨の傘へ衝突を判定する
©dangkang interdisciplinary design lab. 4513/5/26
13年5月26日日曜日

46. ©dangkang interdisciplinary design lab. 4613/5/26
13年5月26日日曜日

47. 応用
©dangkang interdisciplinary design lab. 4713/5/26
13年5月26日日曜日

48. 応用
• センサーバーを使って取得したwiiリモコンの座標と
傘のコントローラーをリンクさせてみる
©dangkang interdisciplinary design lab. 4813/5/26
13年5月26日日曜日