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

2. アウトライン
• 自己紹介
• 自己紹介(学生)
• 本講義のゴール
• 本日の目標
• Maxのインストール
• Wiiリモコンの接続
• 様々なインタラクション
©dangkang interdisciplinary design lab. 213/5/13

3. 自己紹介
©dangkang interdisciplinary design lab. 313/5/13

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. web
©dangkang interdisciplinary design lab. 513/5/13
http://www.dangkang.com

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. 3つのキーワード
©dangkang interdisciplinary design lab. 713/5/13
Academic Startup Social

8. 3つのキーワード
©dangkang interdisciplinary design lab. 813/5/13
Academic Startup Social

9. Keio / Political Science
©dangkang interdisciplinary design lab. 913/5/13
1998.04 - 2002.03

10. Keio / SFC
©dangkang interdisciplinary design lab. 1013/5/13
2002.04 - 2004.03

11. atMOS
©dangkang interdisciplinary design lab. 1113/5/13

12. Suirin
©dangkang interdisciplinary design lab. 1213/5/13

13. Suirin
©dangkang interdisciplinary design lab. 1313/5/13

14. Keio / KMD
©dangkang interdisciplinary design lab. 1413/5/13
2009.04 - present

15. bouquet
©dangkang interdisciplinary design lab. 1513/5/13
http://www.bouquet879.com

16. 3つのキーワード
©dangkang interdisciplinary design lab. 1613/5/13
Academic Startup Social

17. UTUTU Co.,Ltd.
©dangkang interdisciplinary design lab. 1713/5/13
2004.06 - 2010.09

18. MYSQ
©dangkang interdisciplinary design lab. 1813/5/13

19. Sikake
©dangkang interdisciplinary design lab. 1913/5/13
2009.07 - present

20. Povie
©dangkang interdisciplinary design lab. 2013/5/13
http://www.povie.tv

21. Navigator Platform
©dangkang interdisciplinary design lab. 2113/5/13
2013.04 - present

22. 3つのキーワード
©dangkang interdisciplinary design lab. 2213/5/13
Academic Startup Social

23. Wanic
©dangkang interdisciplinary design lab. 2313/5/13
2010.07 - present

24. Wanic
©dangkang interdisciplinary design lab. 2413/5/13

25. Wanic
©dangkang interdisciplinary design lab. 2513/5/13

26. Wanic
©dangkang interdisciplinary design lab. 2613/5/13

27. Wanic
©dangkang interdisciplinary design lab. 2713/5/13
http://camp-fire.jp/projects/view/618

28. 3つの裏キーワード
©dangkang interdisciplinary design lab. 2813/5/13
Progressive
Rock
Pro
Wrestling Pink

29. 3つの裏キーワード
©dangkang interdisciplinary design lab. 2913/5/13
PPP

30. Progressive Rock
©dangkang interdisciplinary design lab. 3013/5/13
http://pds.exblog.jp/pds/1/200603/05/05/b0064805_22244946.jpg

31. Pro Wrestling
©dangkang interdisciplinary design lab. 3113/5/13
http://image.space.rakuten.co.jp/lg01/62/0000107562/34/img0b41bad3zik4zj.jpeg

32. Pink
©dangkang interdisciplinary design lab. 3213/5/13
http://8848pp.jp/common/images/2shot.png

33. 自己紹介 (学生)
©dangkang interdisciplinary design lab. 3313/5/13

34. 自己紹介
• 1人3分以内
• 画像を使って好きなモノ・関心のあるもの
を説明
• 1人3点まで
©dangkang interdisciplinary design lab. 3413/5/13

35. 本講義のゴール
©dangkang interdisciplinary design lab. 3513/5/13

36. ゴール
• 春学期
• 動作する作品を作る(仕上げる)
©dangkang interdisciplinary design lab. 3613/5/13

37. ゴール
• 秋学期
• 作品を人に見せる(魅せる)
• Asia Digital Art Award(ADAA)に応募(10/30
締切)
©dangkang interdisciplinary design lab. 3713/5/13

38. 本日の目標
©dangkang interdisciplinary design lab. 3813/5/13

39. 本日の目標
• インタラクションの身体的理解
• アクション
• フィードバック
• ユーザエクスペリエンス
©dangkang interdisciplinary design lab. 3913/5/13

40. ユーザインタフェース
©dangkang interdisciplinary design lab. 4013/5/13

41. インタラクション
©dangkang interdisciplinary design lab. 4113/5/13

42. ユーザエクスペリエンス
©dangkang interdisciplinary design lab. 4213/5/13

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. Max
©dangkang interdisciplinary design lab. 4413/5/13

45. Maxとは？
• グラフィカルプログラミング環境
• sound
• video
• interactive media application
©dangkang interdisciplinary design lab. 4513/5/13

46. Maxとは？
• グラフィカルプログラミング環境
• http://www.youtube.com/watch?
v=cSatrZW4XLI&list=PLasl9I6VeCCrlPrAl9As6
v971Ab4TE5ek
©dangkang interdisciplinary design lab. 4613/5/13

47. ダウンロードとインストール
• Download Mac Version 5.1.9
• http://cycling74.com/downloads/older/
©dangkang interdisciplinary design lab. 4713/5/13

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. スイッチ
• サンプル素材のダウンロード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. 基本チュートリアル
• http://www.cycling74.com/docs/max5/
tutorials/max-tut/maxindex.html
• Max5patchesdocstutorial-patchers
max-tut
©dangkang interdisciplinary design lab. 5013/5/13

51. 基本チュートリアル
• 01mHello.maxpat
©dangkang interdisciplinary design lab. 5113/5/13

52. 基本チュートリアル
• 02mBang.maxpat
©dangkang interdisciplinary design lab. 5213/5/13

53. 基本チュートリアル
• 04mMetroAndToggle.maxpat
©dangkang interdisciplinary design lab. 5313/5/13

54. 基本チュートリアル
• 05mMessageOrdering.maxpat
©dangkang interdisciplinary design lab. 5413/5/13

55. 基本チュートリアル
• 16mRemoteMessaging.maxpat
©dangkang interdisciplinary design lab. 5513/5/13

56. Wiiリモコンの接続
©dangkang interdisciplinary design lab. 5613/5/13

57. 環境設定
• Osculatorのダウンロード
• http://www.osculator.net/download/
©dangkang interdisciplinary design lab. 5713/5/13

58. 環境設定
• CNMATオブジェクトのダウンロード
• http://cnmat.berkeley.edu/downloads
• Latest MacOSX version
©dangkang interdisciplinary design lab. 5813/5/13

59. 環境設定
• CNMATオブジェクトのコピー
• Max5Cycling’74CNMAT_Externals
©dangkang interdisciplinary design lab. 5913/5/13

60. 環境設定
• Wiimote to Max.oscdをオープン
• OSCulator ƒSamples LibraryWiimote
Cyclying’74
©dangkang interdisciplinary design lab. 6013/5/13

61. 環境設定
• Wiimote to Max.oscdをオープン
• OSC input port を9000に変更
©dangkang interdisciplinary design lab. 6113/5/13

62. 環境設定
• Wiimote to Max.oscdをオープン
• >>をクリック
©dangkang interdisciplinary design lab. 6213/5/13

63. 環境設定
• Wiimote to Max.oscdをオープン
• Start Pairingをクリック
©dangkang interdisciplinary design lab. 6313/5/13

64. 環境設定
• Wiimote to Max.oscdをオープン
• SYNCボタンをプッシュ
©dangkang interdisciplinary design lab. 6413/5/13

65. 環境設定
• AddressにIDが表示されればOK!
©dangkang interdisciplinary design lab. 6513/5/13

66. 環境設定
• 注意点
• 1人ずつ順番に設定しましょう！
• 間違って別のひとのWiiリモコンを設定し
てしまう可能性があります．
©dangkang interdisciplinary design lab. 6613/5/13

67. 環境設定
• TIPS
• 失敗したひとはBluetooth環境設定から設定
を削除しましょう！
©dangkang interdisciplinary design lab. 6713/5/13

68. 環境設定
• Wiimote to Max5.maxpatをオープン
• OSCulator ƒSamples LibraryWiimote
Cyclying’74
©dangkang interdisciplinary design lab. 6813/5/13

69. 環境設定
• パスの設定
• Option->File Preferences
©dangkang interdisciplinary design lab. 6913/5/13

70. 環境設定
• パスの設定
• Max5Cyclying’74CNMAT_Externals
©dangkang interdisciplinary design lab. 7013/5/13

71. 環境設定
• 接続完了
©dangkang interdisciplinary design lab. 7113/5/13

72. インタラクションを体験する
©dangkang interdisciplinary design lab. 7213/5/13

73. アクション
• スイッチ
©dangkang interdisciplinary design lab. 7313/5/13

74. アクション
• 加速度
©dangkang interdisciplinary design lab. 7413/5/13

75. アクション
• 角度
©dangkang interdisciplinary design lab. 7513/5/13

76. アクション
• 角度
©dangkang interdisciplinary design lab. 7613/5/13

77. スイッチ
• リモコンの操作
• 1->温度を上げる
• 2->温度を下げる
• - ->Cool
• +-> Warm
• Home-> off
©dangkang interdisciplinary design lab. 7713/5/13

78. スイッチ
• RGBの操作
©dangkang interdisciplinary design lab. 7813/5/13
1
2

79. スイッチ
• RGBの操作
©dangkang interdisciplinary design lab. 7913/5/13
• - -> Red
• +-> Blue
• Home-> Green

80. スイッチ
• 複数の音のon/off
©dangkang interdisciplinary design lab. 8013/5/13

81. 回転
• 再生スピードの変化(映像)
©dangkang interdisciplinary design lab. 8113/5/13

82. 回転
• 再生スピードの変化
• 素材の読み込み(read)
• Max5patchesmedia
©dangkang interdisciplinary design lab. 8213/5/13

83. 回転
• 映像の回転
©dangkang interdisciplinary design lab. 8313/5/13

84. 加速度
• 再生スピードの変化(音)
©dangkang interdisciplinary design lab. 8413/5/13

85. 加速度
• ボリュームをコントロール
©dangkang interdisciplinary design lab. 8513/5/13