メディアアート演習ⅡB第3回2013.05.27 13:00-16:10徳久悟慶應義塾大学大学院メディアデザイン研究科dangkang@kmd.keio.ac.jp©dangkang interdisciplinary design lab.1...
アウトライン• 第2回の復習• 第2回の残り• 合成• 練習• 工作してみよう• センサーバーでWiiリモコンの位置を取得• 衝突判定©dangkang interdisciplinary design lab. 213/5/2613年5月26...
復習©dangkang interdisciplinary design lab. 313/5/2613年5月26日日曜日
Jitterオブジェクト• jit~で始まるオブジェクト©dangkang interdisciplinary design lab. 413/5/2613年5月26日日曜日
アトリビュート• アトリビュート(属性)• jitオブジェクトに新たに導入された仕組み• “@アトリビュート名 値”で設定©dangkang interdisciplinary design lab. 513/5/2613年5月26日日曜日
アトリビュート• アーギュメント(引数)• オブジェクトの動作方法や処理内容の初期値を指定• メッセージ• オブジェクトに対する動作方法や処理内容の指示©dangkang interdisciplinary design lab. 613/5/...
マトリクス• Jitterでは,マトリクス(行列)と呼ばれるデータ形式を扱う©dangkang interdisciplinary design lab. 713/5/26メッセージシグナルマトリクス13年5月26日日曜日
マトリクス• マトリクスの構成要素• ディメンジョン• セル• プレーン©dangkang interdisciplinary design lab. 813/5/2613年5月26日日曜日
マトリクス• マトリクスはセルとディメンジョンでできている• セル(cell / 細胞) : マトリクスに含まれる1つ1つの要素• ディメンジョン(dimension / 次元) : マトリクスに含まれるセルの数(最大32次元)©dangkan...
マトリクス• セルは複数のプレーンで構成される• カラー画像を作りたい場合• ARGBの4プレーン(最大32)• データ型は8bit (2^8 = 256色)©dangkang interdisciplinary design lab. 101...
マトリクス• マトリクスの構成要素• ディメンジョン 8x6• プレーン 4(RGBA)©dangkang interdisciplinary design lab. 1113/5/2613年5月26日日曜日
マトリクス• マトリクスの構成要素• ディメンジョン 8x6• プレーン 4(RGBA)©dangkang interdisciplinary design lab. 1213/5/2613年5月26日日曜日
マトリクス• Jit.noiseのhelpファイル• ディメンジョン 320 x240• プレーン 4(RGBA)• プレーンを1にしてみよう?©dangkang interdisciplinary design lab. 1313/5/261...
jit.pwindowとjit.window• jit.pwindow• パッチ内でマトリクスを表示するためのオブジェクト• jit.window• パッチ外でマトリクスを表示するためのオブジェクト©dangkang interdiscipli...
全画面表示• keyオブジェクト• キーをASCII codeに変換• ACII code... コンピュータで文字を表示するためのコード• escキー = 27©dangkang interdisciplinary design lab. 1...
動画像再生• jit.qt.movie~• Quicktimeムービーを再生(ディスクベース)• rateアトリビュートでスピードをコントロール©dangkang interdisciplinary design lab. 1613/5/261...
動画像録画• jit.qt.record~• Quicktimeムービー形式でムービーを保存(ディスクベース)• realtimeアトリビュートを1にすると,内部クロックベースで録画可能©dangkang interdisciplinary d...
リアルタイム動画入力• jit.qt.grab~• Quicktimeを利用したビデオ入力(ディスクベース)©dangkang interdisciplinary design lab. 1813/5/2613年5月26日日曜日
明度・コントラスト・彩度• jit.brcosa• 明度,コントラスト,彩度をコントロール• 練習• jit.qt.grabをつなげると?©dangkang interdisciplinary design lab. 1913/5/2613年5...
スケール・回転• jit.rota• スケールと回転数をコントロール• 練習: jit.qt.grabをつなげると?©dangkang interdisciplinary design lab. 2013/5/2613年5月26日日曜日
色の変化• jit.scalebias• マトリクスの各値に乗算・加算をする• scale(乗算): 1.0より大きければ明るくなる• bias(加算): 最大値1.0 最小値-1.0• 練習: jit.qt.grabをつなげると?©dangk...
任意の座標での映像再生• jit.rota• ソース画像の大きさ(zoom),位置(anchor)をコントロール©dangkang interdisciplinary design lab. 2213/5/2613年5月26日日曜日
ピクチャ合成• jit.matrixを使って合成• メモリを消費しない• レイヤー処理には向かない©dangkang interdisciplinary design lab. 2313/5/2613年5月26日日曜日
第2回の残り©dangkang interdisciplinary design lab. 2413/5/2613年5月26日日曜日
合成©dangkang interdisciplinary design lab. 2513/5/2613年5月26日日曜日
クロスフェード合成• jit.xfade• 2つの動画をクロスフェードするためのオブジェクト• xfadeアトリビュートで指定する割合でブレンド©dangkang interdisciplinary design lab. 2613/5/261...
マトリクス演算• jit.op• マトリクス同士のセルに含まれる値に対する様々な計算をするためのオブジェクト©dangkang interdisciplinary design lab. 2713/5/2613年5月26日日曜日
マトリクス演算• jit.op• マトリクス同士のセルに含まれる値に対する様々な計算をするためのオブジェクト©dangkang interdisciplinary design lab. 2813/5/2613年5月26日日曜日
マトリクス演算• jit.op• マトリクス同士のセルに含まれる値(ARGB)を個別に計算することも可能.©dangkang interdisciplinary design lab. 2913/5/2613年5月26日日曜日
ピクチャ合成とマトリクス演算©dangkang interdisciplinary design lab. 3013/5/2613年5月26日日曜日
ピクチャ合成とマトリクス演算©dangkang interdisciplinary design lab. 3113/5/2613年5月26日日曜日
アルファチャンネル合成• jit.alphablend• マスク画像を使った合成のためのオブジェクト©dangkang interdisciplinary design lab. 3213/5/2613年5月26日日曜日
クロマキー合成• jit.chromakey• キーカラー抽出によるクロマキー合成のためのオブジェクト©dangkang interdisciplinary design lab. 3313/5/2613年5月26日日曜日
練習©dangkang interdisciplinary design lab. 3413/5/2613年5月26日日曜日
練習• 今日使ったパッチを使って,Wiiリモコンと連携させてください.• ボタン,加速度,回転を単純に割り当ててみる.• ボタン,加速度,回転など動きの意味を考えながらインタラクションを作ってみる.©dangkang interdiscipli...
工作©dangkang interdisciplinary design lab. 3613/5/2613年5月26日日曜日
工作してみよう• センサーバーを自作する• ストロー• 赤外線LED x 2• 抵抗 x 2• 電池ボックス x 2©dangkang interdisciplinary design lab. 3713/5/2613年5月26日日曜日
工作してみよう• ハンダ付けをしよう• 足の長い方をプラス(赤)に繋げる©dangkang interdisciplinary design lab. 3813/5/2613年5月26日日曜日
工作してみよう• 電池を入れて通電しているか確認しよう©dangkang interdisciplinary design lab. 3913/5/2613年5月26日日曜日
工作してみよう• ストローに切り口を入れる©dangkang interdisciplinary design lab. 4013/5/26http://d.hatena.ne.jp/wapa/20070110/p113年5月26日日曜日
工作してみよう• 完成©dangkang interdisciplinary design lab. 4113/5/26http://d.hatena.ne.jp/wapa/20070110/p113年5月26日日曜日
OSCulatorfの設定• Wiimote to Max.oscd©dangkang interdisciplinary design lab. 4213/5/2613年5月26日日曜日
視覚化• Wiimote to Max 5. maxpat©dangkang interdisciplinary design lab. 4313/5/2613年5月26日日曜日
衝突判定©dangkang interdisciplinary design lab. 4413/5/2613年5月26日日曜日
衝突判定• 雨の傘へ衝突を判定する©dangkang interdisciplinary design lab. 4513/5/2613年5月26日日曜日
©dangkang interdisciplinary design lab. 4613/5/2613年5月26日日曜日
応用©dangkang interdisciplinary design lab. 4713/5/2613年5月26日日曜日
応用• センサーバーを使って取得したwiiリモコンの座標と傘のコントローラーをリンクさせてみる©dangkang interdisciplinary design lab. 4813/5/2613年5月26日日曜日
Upcoming SlideShare
Loading in …5
×

女子美術大学メディアアート演習ⅡB 2013 Spring 第3回

631 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
631
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

女子美術大学メディアアート演習ⅡB 2013 Spring 第3回

  1. 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回の復習• 第2回の残り• 合成• 練習• 工作してみよう• センサーバーでWiiリモコンの位置を取得• 衝突判定©dangkang interdisciplinary design lab. 213/5/2613年5月26日日曜日
  3. 3. 復習©dangkang interdisciplinary design lab. 313/5/2613年5月26日日曜日
  4. 4. Jitterオブジェクト• jit~で始まるオブジェクト©dangkang interdisciplinary design lab. 413/5/2613年5月26日日曜日
  5. 5. アトリビュート• アトリビュート(属性)• jitオブジェクトに新たに導入された仕組み• “@アトリビュート名 値”で設定©dangkang interdisciplinary design lab. 513/5/2613年5月26日日曜日
  6. 6. アトリビュート• アーギュメント(引数)• オブジェクトの動作方法や処理内容の初期値を指定• メッセージ• オブジェクトに対する動作方法や処理内容の指示©dangkang interdisciplinary design lab. 613/5/2613年5月26日日曜日
  7. 7. マトリクス• Jitterでは,マトリクス(行列)と呼ばれるデータ形式を扱う©dangkang interdisciplinary design lab. 713/5/26メッセージシグナルマトリクス13年5月26日日曜日
  8. 8. マトリクス• マトリクスの構成要素• ディメンジョン• セル• プレーン©dangkang interdisciplinary design lab. 813/5/2613年5月26日日曜日
  9. 9. マトリクス• マトリクスはセルとディメンジョンでできている• セル(cell / 細胞) : マトリクスに含まれる1つ1つの要素• ディメンジョン(dimension / 次元) : マトリクスに含まれるセルの数(最大32次元)©dangkang interdisciplinary design lab. 913/5/26158x6のディメンジョンセル13年5月26日日曜日
  10. 10. マトリクス• セルは複数のプレーンで構成される• カラー画像を作りたい場合• ARGBの4プレーン(最大32)• データ型は8bit (2^8 = 256色)©dangkang interdisciplinary design lab. 1013/5/26ARGB13年5月26日日曜日
  11. 11. マトリクス• マトリクスの構成要素• ディメンジョン 8x6• プレーン 4(RGBA)©dangkang interdisciplinary design lab. 1113/5/2613年5月26日日曜日
  12. 12. マトリクス• マトリクスの構成要素• ディメンジョン 8x6• プレーン 4(RGBA)©dangkang interdisciplinary design lab. 1213/5/2613年5月26日日曜日
  13. 13. マトリクス• Jit.noiseのhelpファイル• ディメンジョン 320 x240• プレーン 4(RGBA)• プレーンを1にしてみよう?©dangkang interdisciplinary design lab. 1313/5/2613年5月26日日曜日
  14. 14. jit.pwindowとjit.window• jit.pwindow• パッチ内でマトリクスを表示するためのオブジェクト• jit.window• パッチ外でマトリクスを表示するためのオブジェクト©dangkang interdisciplinary design lab. 1413/5/2613年5月26日日曜日
  15. 15. 全画面表示• keyオブジェクト• キーをASCII codeに変換• ACII code... コンピュータで文字を表示するためのコード• escキー = 27©dangkang interdisciplinary design lab. 1513/5/2613年5月26日日曜日
  16. 16. 動画像再生• jit.qt.movie~• Quicktimeムービーを再生(ディスクベース)• rateアトリビュートでスピードをコントロール©dangkang interdisciplinary design lab. 1613/5/2613年5月26日日曜日
  17. 17. 動画像録画• jit.qt.record~• Quicktimeムービー形式でムービーを保存(ディスクベース)• realtimeアトリビュートを1にすると,内部クロックベースで録画可能©dangkang interdisciplinary design lab. 1713/5/2613年5月26日日曜日
  18. 18. リアルタイム動画入力• jit.qt.grab~• Quicktimeを利用したビデオ入力(ディスクベース)©dangkang interdisciplinary design lab. 1813/5/2613年5月26日日曜日
  19. 19. 明度・コントラスト・彩度• jit.brcosa• 明度,コントラスト,彩度をコントロール• 練習• jit.qt.grabをつなげると?©dangkang interdisciplinary design lab. 1913/5/2613年5月26日日曜日
  20. 20. スケール・回転• jit.rota• スケールと回転数をコントロール• 練習: jit.qt.grabをつなげると?©dangkang interdisciplinary design lab. 2013/5/2613年5月26日日曜日
  21. 21. 色の変化• jit.scalebias• マトリクスの各値に乗算・加算をする• scale(乗算): 1.0より大きければ明るくなる• bias(加算): 最大値1.0 最小値-1.0• 練習: jit.qt.grabをつなげると?©dangkang interdisciplinary design lab. 2113/5/2613年5月26日日曜日
  22. 22. 任意の座標での映像再生• jit.rota• ソース画像の大きさ(zoom),位置(anchor)をコントロール©dangkang interdisciplinary design lab. 2213/5/2613年5月26日日曜日
  23. 23. ピクチャ合成• jit.matrixを使って合成• メモリを消費しない• レイヤー処理には向かない©dangkang interdisciplinary design lab. 2313/5/2613年5月26日日曜日
  24. 24. 第2回の残り©dangkang interdisciplinary design lab. 2413/5/2613年5月26日日曜日
  25. 25. 合成©dangkang interdisciplinary design lab. 2513/5/2613年5月26日日曜日
  26. 26. クロスフェード合成• jit.xfade• 2つの動画をクロスフェードするためのオブジェクト• xfadeアトリビュートで指定する割合でブレンド©dangkang interdisciplinary design lab. 2613/5/2613年5月26日日曜日
  27. 27. マトリクス演算• jit.op• マトリクス同士のセルに含まれる値に対する様々な計算をするためのオブジェクト©dangkang interdisciplinary design lab. 2713/5/2613年5月26日日曜日
  28. 28. マトリクス演算• jit.op• マトリクス同士のセルに含まれる値に対する様々な計算をするためのオブジェクト©dangkang interdisciplinary design lab. 2813/5/2613年5月26日日曜日
  29. 29. マトリクス演算• jit.op• マトリクス同士のセルに含まれる値(ARGB)を個別に計算することも可能.©dangkang interdisciplinary design lab. 2913/5/2613年5月26日日曜日
  30. 30. ピクチャ合成とマトリクス演算©dangkang interdisciplinary design lab. 3013/5/2613年5月26日日曜日
  31. 31. ピクチャ合成とマトリクス演算©dangkang interdisciplinary design lab. 3113/5/2613年5月26日日曜日
  32. 32. アルファチャンネル合成• jit.alphablend• マスク画像を使った合成のためのオブジェクト©dangkang interdisciplinary design lab. 3213/5/2613年5月26日日曜日
  33. 33. クロマキー合成• jit.chromakey• キーカラー抽出によるクロマキー合成のためのオブジェクト©dangkang interdisciplinary design lab. 3313/5/2613年5月26日日曜日
  34. 34. 練習©dangkang interdisciplinary design lab. 3413/5/2613年5月26日日曜日
  35. 35. 練習• 今日使ったパッチを使って,Wiiリモコンと連携させてください.• ボタン,加速度,回転を単純に割り当ててみる.• ボタン,加速度,回転など動きの意味を考えながらインタラクションを作ってみる.©dangkang interdisciplinary design lab. 3513/5/2613年5月26日日曜日
  36. 36. 工作©dangkang interdisciplinary design lab. 3613/5/2613年5月26日日曜日
  37. 37. 工作してみよう• センサーバーを自作する• ストロー• 赤外線LED x 2• 抵抗 x 2• 電池ボックス x 2©dangkang interdisciplinary design lab. 3713/5/2613年5月26日日曜日
  38. 38. 工作してみよう• ハンダ付けをしよう• 足の長い方をプラス(赤)に繋げる©dangkang interdisciplinary design lab. 3813/5/2613年5月26日日曜日
  39. 39. 工作してみよう• 電池を入れて通電しているか確認しよう©dangkang interdisciplinary design lab. 3913/5/2613年5月26日日曜日
  40. 40. 工作してみよう• ストローに切り口を入れる©dangkang interdisciplinary design lab. 4013/5/26http://d.hatena.ne.jp/wapa/20070110/p113年5月26日日曜日
  41. 41. 工作してみよう• 完成©dangkang interdisciplinary design lab. 4113/5/26http://d.hatena.ne.jp/wapa/20070110/p113年5月26日日曜日
  42. 42. OSCulatorfの設定• Wiimote to Max.oscd©dangkang interdisciplinary design lab. 4213/5/2613年5月26日日曜日
  43. 43. 視覚化• Wiimote to Max 5. maxpat©dangkang interdisciplinary design lab. 4313/5/2613年5月26日日曜日
  44. 44. 衝突判定©dangkang interdisciplinary design lab. 4413/5/2613年5月26日日曜日
  45. 45. 衝突判定• 雨の傘へ衝突を判定する©dangkang interdisciplinary design lab. 4513/5/2613年5月26日日曜日
  46. 46. ©dangkang interdisciplinary design lab. 4613/5/2613年5月26日日曜日
  47. 47. 応用©dangkang interdisciplinary design lab. 4713/5/2613年5月26日日曜日
  48. 48. 応用• センサーバーを使って取得したwiiリモコンの座標と傘のコントローラーをリンクさせてみる©dangkang interdisciplinary design lab. 4813/5/2613年5月26日日曜日

×