Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

551 views

Published on

Published in: Education
  • Be the first to comment

女子美術大学メディアアート演習Ⅱ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/13http://www.dangkang.com
  6. 6. Contact©dangkang interdisciplinary design lab. 613/5/13http://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/13Academic Startup Social
  8. 8. 3つのキーワード©dangkang interdisciplinary design lab. 813/5/13Academic Startup Social
  9. 9. Keio / Political Science©dangkang interdisciplinary design lab. 913/5/131998.04 - 2002.03
  10. 10. Keio / SFC©dangkang interdisciplinary design lab. 1013/5/132002.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/132009.04 - present
  15. 15. bouquet©dangkang interdisciplinary design lab. 1513/5/13http://www.bouquet879.com
  16. 16. 3つのキーワード©dangkang interdisciplinary design lab. 1613/5/13Academic Startup Social
  17. 17. UTUTU Co.,Ltd.©dangkang interdisciplinary design lab. 1713/5/132004.06 - 2010.09
  18. 18. MYSQ©dangkang interdisciplinary design lab. 1813/5/13
  19. 19. Sikake©dangkang interdisciplinary design lab. 1913/5/132009.07 - present
  20. 20. Povie©dangkang interdisciplinary design lab. 2013/5/13http://www.povie.tv
  21. 21. Navigator Platform©dangkang interdisciplinary design lab. 2113/5/132013.04 - present
  22. 22. 3つのキーワード©dangkang interdisciplinary design lab. 2213/5/13Academic Startup Social
  23. 23. Wanic©dangkang interdisciplinary design lab. 2313/5/132010.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/13http://camp-fire.jp/projects/view/618
  28. 28. 3つの裏キーワード©dangkang interdisciplinary design lab. 2813/5/13ProgressiveRockProWrestling Pink
  29. 29. 3つの裏キーワード©dangkang interdisciplinary design lab. 2913/5/13PPP
  30. 30. Progressive Rock©dangkang interdisciplinary design lab. 3013/5/13http://pds.exblog.jp/pds/1/200603/05/05/b0064805_22244946.jpg
  31. 31. Pro Wrestling©dangkang interdisciplinary design lab. 3113/5/13http://image.space.rakuten.co.jp/lg01/62/0000107562/34/img0b41bad3zik4zj.jpeg
  32. 32. Pink©dangkang interdisciplinary design lab. 3213/5/13http://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/13UserSystem・eyes・ears・tongue・nose・body・hands・arms・legs・body・head・sensors・data baseetc・image・light・soundetcpurpose/ rule1loop = tinput/ Useroutput/ Userinput /Systemoutput /SystemR 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=PLasl9I6VeCCrlPrAl9As6v971Ab4TE5ek©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-patchersmax-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 LibraryWiimoteCyclying’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 LibraryWiimoteCyclying’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/1312
  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

×