Successfully reported this slideshow.
Your SlideShare is downloading. ×

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

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 85 Ad

More Related Content

Similar to 女子美術大学メディアアート演習ⅡB 2013 Spring 第1回 (20)

Advertisement

Recently uploaded (20)

Advertisement

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

  1. 1. メディアアート演習ⅡB 第1回 2013.05.13 13:00-16:10 徳久悟 慶應義塾大学大学院メディアデザイン研究科 dangkang@kmd.keio.ac.jp ©dangkang interdisciplinary design lab.
  2. 2. アウトライン • 自己紹介 • 自己紹介(学生) • 本講義のゴール • 本日の目標 • Maxのインストール • Wiiリモコンの接続 • 様々なインタラクション ©dangkang interdisciplinary design lab. 213/5/13
  3. 3. 自己紹介 ©dangkang interdisciplinary design lab. 313/5/13
  4. 4. 専門分野 • Design • Interaction Design • User Experience Design • Service Design • Social Design • System Design • Design Method • Design Theory ©dangkang interdisciplinary design lab. 413/5/13
  5. 5. web ©dangkang interdisciplinary design lab. 513/5/13 http://www.dangkang.com
  6. 6. Contact ©dangkang interdisciplinary design lab. 613/5/13 http://www.dangkang.com • Web • http://www.dangkang.com • Mail • dangkang@kmd.keio.ac.jp • Social • twitter https://twitter.com/dangkang • facebook http://www.facebook.com/dangkang • Linkedin http://www.linkedin.com/in/dangkang • flickr http://www.flickr.com/photos/dangkang/ • Pinterest http://pinterest.com/dangkang/
  7. 7. 3つのキーワード ©dangkang interdisciplinary design lab. 713/5/13 Academic Startup Social
  8. 8. 3つのキーワード ©dangkang interdisciplinary design lab. 813/5/13 Academic Startup Social
  9. 9. Keio / Political Science ©dangkang interdisciplinary design lab. 913/5/13 1998.04 - 2002.03
  10. 10. Keio / SFC ©dangkang interdisciplinary design lab. 1013/5/13 2002.04 - 2004.03
  11. 11. atMOS ©dangkang interdisciplinary design lab. 1113/5/13
  12. 12. Suirin ©dangkang interdisciplinary design lab. 1213/5/13
  13. 13. Suirin ©dangkang interdisciplinary design lab. 1313/5/13
  14. 14. Keio / KMD ©dangkang interdisciplinary design lab. 1413/5/13 2009.04 - present
  15. 15. bouquet ©dangkang interdisciplinary design lab. 1513/5/13 http://www.bouquet879.com
  16. 16. 3つのキーワード ©dangkang interdisciplinary design lab. 1613/5/13 Academic Startup Social
  17. 17. UTUTU Co.,Ltd. ©dangkang interdisciplinary design lab. 1713/5/13 2004.06 - 2010.09
  18. 18. MYSQ ©dangkang interdisciplinary design lab. 1813/5/13
  19. 19. Sikake ©dangkang interdisciplinary design lab. 1913/5/13 2009.07 - present
  20. 20. Povie ©dangkang interdisciplinary design lab. 2013/5/13 http://www.povie.tv
  21. 21. Navigator Platform ©dangkang interdisciplinary design lab. 2113/5/13 2013.04 - present
  22. 22. 3つのキーワード ©dangkang interdisciplinary design lab. 2213/5/13 Academic Startup Social
  23. 23. Wanic ©dangkang interdisciplinary design lab. 2313/5/13 2010.07 - present
  24. 24. Wanic ©dangkang interdisciplinary design lab. 2413/5/13
  25. 25. Wanic ©dangkang interdisciplinary design lab. 2513/5/13
  26. 26. Wanic ©dangkang interdisciplinary design lab. 2613/5/13
  27. 27. Wanic ©dangkang interdisciplinary design lab. 2713/5/13 http://camp-fire.jp/projects/view/618
  28. 28. 3つの裏キーワード ©dangkang interdisciplinary design lab. 2813/5/13 Progressive Rock Pro Wrestling Pink
  29. 29. 3つの裏キーワード ©dangkang interdisciplinary design lab. 2913/5/13 PPP
  30. 30. Progressive Rock ©dangkang interdisciplinary design lab. 3013/5/13 http://pds.exblog.jp/pds/1/200603/05/05/b0064805_22244946.jpg
  31. 31. Pro Wrestling ©dangkang interdisciplinary design lab. 3113/5/13 http://image.space.rakuten.co.jp/lg01/62/0000107562/34/img0b41bad3zik4zj.jpeg
  32. 32. Pink ©dangkang interdisciplinary design lab. 3213/5/13 http://8848pp.jp/common/images/2shot.png
  33. 33. 自己紹介 (学生) ©dangkang interdisciplinary design lab. 3313/5/13
  34. 34. 自己紹介 • 1人3分以内 • 画像を使って好きなモノ・関心のあるもの を説明 • 1人3点まで ©dangkang interdisciplinary design lab. 3413/5/13
  35. 35. 本講義のゴール ©dangkang interdisciplinary design lab. 3513/5/13
  36. 36. ゴール • 春学期 • 動作する作品を作る(仕上げる)  ©dangkang interdisciplinary design lab. 3613/5/13
  37. 37. ゴール • 秋学期 • 作品を人に見せる(魅せる) • Asia Digital Art Award(ADAA)に応募(10/30 締切) ©dangkang interdisciplinary design lab. 3713/5/13
  38. 38. 本日の目標 ©dangkang interdisciplinary design lab. 3813/5/13
  39. 39. 本日の目標 • インタラクションの身体的理解 • アクション • フィードバック • ユーザエクスペリエンス ©dangkang interdisciplinary design lab. 3913/5/13
  40. 40. ユーザインタフェース ©dangkang interdisciplinary design lab. 4013/5/13
  41. 41. インタラクション ©dangkang interdisciplinary design lab. 4113/5/13
  42. 42. ユーザエクスペリエンス ©dangkang interdisciplinary design lab. 4213/5/13
  43. 43. ユーザエクスペリエンス ©dangkang interdisciplinary design lab. 4313/5/13 UserSystem ・eyes ・ears ・tongue ・nose ・body ・hands ・arms ・legs ・body ・head ・sensors ・data base etc ・image ・light ・sound etc purpose / rule 1loop = t input / User output / User input / System output / System R e a l S p a c e
  44. 44. Max ©dangkang interdisciplinary design lab. 4413/5/13
  45. 45. Maxとは? • グラフィカルプログラミング環境 • sound • video • interactive media application ©dangkang interdisciplinary design lab. 4513/5/13
  46. 46. Maxとは? • グラフィカルプログラミング環境 • http://www.youtube.com/watch? v=cSatrZW4XLI&list=PLasl9I6VeCCrlPrAl9As6 v971Ab4TE5ek ©dangkang interdisciplinary design lab. 4613/5/13
  47. 47. ダウンロードとインストール • Download Mac Version 5.1.9 • http://cycling74.com/downloads/older/ ©dangkang interdisciplinary design lab. 4713/5/13
  48. 48. スイッチ • サンプル素材のダウンロード1 • http://www.musicradar.com/news/tech/ free-music-samples-download-loops-hits- and-multis-217833/65 ©dangkang interdisciplinary design lab. 4813/5/13
  49. 49. スイッチ • サンプル素材のダウンロード2 • http://www.musicradar.com/news/tech/ free-music-samples-download-loops-hits- and-multis-217833/80 ©dangkang interdisciplinary design lab. 4913/5/13
  50. 50. 基本チュートリアル • http://www.cycling74.com/docs/max5/ tutorials/max-tut/maxindex.html • Max5patchesdocstutorial-patchers max-tut ©dangkang interdisciplinary design lab. 5013/5/13
  51. 51. 基本チュートリアル • 01mHello.maxpat ©dangkang interdisciplinary design lab. 5113/5/13
  52. 52. 基本チュートリアル • 02mBang.maxpat ©dangkang interdisciplinary design lab. 5213/5/13
  53. 53. 基本チュートリアル • 04mMetroAndToggle.maxpat ©dangkang interdisciplinary design lab. 5313/5/13
  54. 54. 基本チュートリアル • 05mMessageOrdering.maxpat ©dangkang interdisciplinary design lab. 5413/5/13
  55. 55. 基本チュートリアル • 16mRemoteMessaging.maxpat ©dangkang interdisciplinary design lab. 5513/5/13
  56. 56. Wiiリモコンの接続 ©dangkang interdisciplinary design lab. 5613/5/13
  57. 57. 環境設定 • Osculatorのダウンロード • http://www.osculator.net/download/ ©dangkang interdisciplinary design lab. 5713/5/13
  58. 58. 環境設定 • CNMATオブジェクトのダウンロード • http://cnmat.berkeley.edu/downloads • Latest MacOSX version ©dangkang interdisciplinary design lab. 5813/5/13
  59. 59. 環境設定 • CNMATオブジェクトのコピー • Max5Cycling’74CNMAT_Externals ©dangkang interdisciplinary design lab. 5913/5/13
  60. 60. 環境設定 • Wiimote to Max.oscdをオープン • OSCulator ƒSamples LibraryWiimote Cyclying’74 ©dangkang interdisciplinary design lab. 6013/5/13
  61. 61. 環境設定 • Wiimote to Max.oscdをオープン • OSC input port を9000に変更 ©dangkang interdisciplinary design lab. 6113/5/13
  62. 62. 環境設定 • Wiimote to Max.oscdをオープン • >>をクリック ©dangkang interdisciplinary design lab. 6213/5/13
  63. 63. 環境設定 • Wiimote to Max.oscdをオープン • Start Pairingをクリック ©dangkang interdisciplinary design lab. 6313/5/13
  64. 64. 環境設定 • Wiimote to Max.oscdをオープン • SYNCボタンをプッシュ ©dangkang interdisciplinary design lab. 6413/5/13
  65. 65. 環境設定 • AddressにIDが表示されればOK! ©dangkang interdisciplinary design lab. 6513/5/13
  66. 66. 環境設定 • 注意点 • 1人ずつ順番に設定しましょう! • 間違って別のひとのWiiリモコンを設定し てしまう可能性があります. ©dangkang interdisciplinary design lab. 6613/5/13
  67. 67. 環境設定 • TIPS • 失敗したひとはBluetooth環境設定から設定 を削除しましょう! ©dangkang interdisciplinary design lab. 6713/5/13
  68. 68. 環境設定 • Wiimote to Max5.maxpatをオープン • OSCulator ƒSamples LibraryWiimote Cyclying’74 ©dangkang interdisciplinary design lab. 6813/5/13
  69. 69. 環境設定 • パスの設定 • Option->File Preferences ©dangkang interdisciplinary design lab. 6913/5/13
  70. 70. 環境設定 • パスの設定 • Max5Cyclying’74CNMAT_Externals ©dangkang interdisciplinary design lab. 7013/5/13
  71. 71. 環境設定 • 接続完了 ©dangkang interdisciplinary design lab. 7113/5/13
  72. 72. インタラクションを体験する ©dangkang interdisciplinary design lab. 7213/5/13
  73. 73. アクション • スイッチ ©dangkang interdisciplinary design lab. 7313/5/13
  74. 74. アクション • 加速度 ©dangkang interdisciplinary design lab. 7413/5/13
  75. 75. アクション • 角度 ©dangkang interdisciplinary design lab. 7513/5/13
  76. 76. アクション • 角度 ©dangkang interdisciplinary design lab. 7613/5/13
  77. 77. スイッチ • リモコンの操作 • 1->温度を上げる • 2->温度を下げる • - ->Cool • +-> Warm • Home-> off ©dangkang interdisciplinary design lab. 7713/5/13
  78. 78. スイッチ • RGBの操作 ©dangkang interdisciplinary design lab. 7813/5/13 1 2
  79. 79. スイッチ • RGBの操作 ©dangkang interdisciplinary design lab. 7913/5/13 • - -> Red • +-> Blue • Home-> Green
  80. 80. スイッチ • 複数の音のon/off ©dangkang interdisciplinary design lab. 8013/5/13
  81. 81. 回転 • 再生スピードの変化(映像) ©dangkang interdisciplinary design lab. 8113/5/13
  82. 82. 回転 • 再生スピードの変化 • 素材の読み込み(read) • Max5patchesmedia ©dangkang interdisciplinary design lab. 8213/5/13
  83. 83. 回転 • 映像の回転 ©dangkang interdisciplinary design lab. 8313/5/13
  84. 84. 加速度 • 再生スピードの変化(音) ©dangkang interdisciplinary design lab. 8413/5/13
  85. 85. 加速度 • ボリュームをコントロール ©dangkang interdisciplinary design lab. 8513/5/13

×