女子美術大学メディアアート演習Ⅱb 2013 spring 第1回
TRANSCRIPT
メディアアート演習ⅡB
第1回2013.05.13 13:00-16:10
徳久悟慶應義塾大学大学院メディアデザイン研究科[email protected]
©dangkang interdisciplinary design lab.
アウトライン
• 自己紹介• 自己紹介(学生)
• 本講義のゴール• 本日の目標• Maxのインストール
• Wiiリモコンの接続
• 様々なインタラクション
©dangkang interdisciplinary design lab. 213/5/13
自己紹介
©dangkang interdisciplinary design lab. 313/5/13
専門分野
• Design• Interaction Design• User Experience Design• Service Design• Social Design• System Design• Design Method• Design Theory
©dangkang interdisciplinary design lab. 413/5/13
web
©dangkang interdisciplinary design lab. 513/5/13
http://www.dangkang.com
Contact
©dangkang interdisciplinary design lab. 613/5/13
http://www.dangkang.com
• Web• http://www.dangkang.com
• Mail• [email protected]
• 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/
3つのキーワード
©dangkang interdisciplinary design lab. 713/5/13
Academic Startup Social
3つのキーワード
©dangkang interdisciplinary design lab. 813/5/13
Academic Startup Social
Keio / Political Science
©dangkang interdisciplinary design lab. 913/5/13
1998.04 - 2002.03
Keio / SFC
©dangkang interdisciplinary design lab. 1013/5/13
2002.04 - 2004.03
atMOS
©dangkang interdisciplinary design lab. 1113/5/13
Suirin
©dangkang interdisciplinary design lab. 1213/5/13
Suirin
©dangkang interdisciplinary design lab. 1313/5/13
Keio / KMD
©dangkang interdisciplinary design lab. 1413/5/13
2009.04 - present
bouquet
©dangkang interdisciplinary design lab. 1513/5/13
http://www.bouquet879.com
3つのキーワード
©dangkang interdisciplinary design lab. 1613/5/13
Academic Startup Social
UTUTU Co.,Ltd.
©dangkang interdisciplinary design lab. 1713/5/13
2004.06 - 2010.09
MYSQ
©dangkang interdisciplinary design lab. 1813/5/13
Sikake
©dangkang interdisciplinary design lab. 1913/5/13
2009.07 - present
Povie
©dangkang interdisciplinary design lab. 2013/5/13
http://www.povie.tv
Navigator Platform
©dangkang interdisciplinary design lab. 2113/5/13
2013.04 - present
3つのキーワード
©dangkang interdisciplinary design lab. 2213/5/13
Academic Startup Social
Wanic
©dangkang interdisciplinary design lab. 2313/5/13
2010.07 - present
Wanic
©dangkang interdisciplinary design lab. 2413/5/13
Wanic
©dangkang interdisciplinary design lab. 2513/5/13
Wanic
©dangkang interdisciplinary design lab. 2613/5/13
Wanic
©dangkang interdisciplinary design lab. 2713/5/13
http://camp-fire.jp/projects/view/618
3つの裏キーワード
©dangkang interdisciplinary design lab. 2813/5/13
ProgressiveRock
Pro Wrestling Pink
3つの裏キーワード
©dangkang interdisciplinary design lab. 2913/5/13
PPP
Progressive Rock
©dangkang interdisciplinary design lab. 3013/5/13
http://pds.exblog.jp/pds/1/200603/05/05/b0064805_22244946.jpg
Pro Wrestling
©dangkang interdisciplinary design lab. 3113/5/13
http://image.space.rakuten.co.jp/lg01/62/0000107562/34/img0b41bad3zik4zj.jpeg
Pink
©dangkang interdisciplinary design lab. 3213/5/13
http://8848pp.jp/common/images/2shot.png
自己紹介 (学生)
©dangkang interdisciplinary design lab. 3313/5/13
自己紹介
• 1人3分以内
• 画像を使って好きなモノ・関心のあるものを説明
• 1人3点まで
©dangkang interdisciplinary design lab. 3413/5/13
本講義のゴール
©dangkang interdisciplinary design lab. 3513/5/13
ゴール
• 春学期• 動作する作品を作る(仕上げる)
©dangkang interdisciplinary design lab. 3613/5/13
ゴール
• 秋学期• 作品を人に見せる(魅せる)
• Asia Digital Art Award(ADAA)に応募(10/30 締切)
©dangkang interdisciplinary design lab. 3713/5/13
本日の目標
©dangkang interdisciplinary design lab. 3813/5/13
本日の目標
• インタラクションの身体的理解• アクション• フィードバック• ユーザエクスペリエンス
©dangkang interdisciplinary design lab. 3913/5/13
ユーザインタフェース
©dangkang interdisciplinary design lab. 4013/5/13
インタラクション
©dangkang interdisciplinary design lab. 4113/5/13
ユーザエクスペリエンス
©dangkang interdisciplinary design lab. 4213/5/13
ユーザエクスペリエンス
©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
Max
©dangkang interdisciplinary design lab. 4413/5/13
Maxとは?
• グラフィカルプログラミング環境• sound• video• interactive media application
©dangkang interdisciplinary design lab. 4513/5/13
Maxとは?
• グラフィカルプログラミング環境• http://www.youtube.com/watch?
v=cSatrZW4XLI&list=PLasl9I6VeCCrlPrAl9As6v971Ab4TE5ek
©dangkang interdisciplinary design lab. 4613/5/13
ダウンロードとインストール
• Download Mac Version 5.1.9
• http://cycling74.com/downloads/older/
©dangkang interdisciplinary design lab. 4713/5/13
スイッチ
• サンプル素材のダウンロード1
• http://www.musicradar.com/news/tech/free-music-samples-download-loops-hits-and-multis-217833/65
©dangkang interdisciplinary design lab. 4813/5/13
スイッチ
• サンプル素材のダウンロード2
• http://www.musicradar.com/news/tech/free-music-samples-download-loops-hits-and-multis-217833/80
©dangkang interdisciplinary design lab. 4913/5/13
基本チュートリアル
• http://www.cycling74.com/docs/max5/tutorials/max-tut/maxindex.html
• Max5\patches\docs\tutorial-patchers\max-tut
©dangkang interdisciplinary design lab. 5013/5/13
基本チュートリアル
• 01mHello.maxpat
©dangkang interdisciplinary design lab. 5113/5/13
基本チュートリアル
• 02mBang.maxpat
©dangkang interdisciplinary design lab. 5213/5/13
基本チュートリアル
• 04mMetroAndToggle.maxpat
©dangkang interdisciplinary design lab. 5313/5/13
基本チュートリアル
• 05mMessageOrdering.maxpat
©dangkang interdisciplinary design lab. 5413/5/13
基本チュートリアル
• 16mRemoteMessaging.maxpat
©dangkang interdisciplinary design lab. 5513/5/13
Wiiリモコンの接続
©dangkang interdisciplinary design lab. 5613/5/13
環境設定
• Osculatorのダウンロード
• http://www.osculator.net/download/
©dangkang interdisciplinary design lab. 5713/5/13
環境設定
• CNMATオブジェクトのダウンロード
• http://cnmat.berkeley.edu/downloads• Latest MacOSX version
©dangkang interdisciplinary design lab. 5813/5/13
環境設定
• CNMATオブジェクトのコピー
• Max5\Cycling’74\CNMAT_Externals
©dangkang interdisciplinary design lab. 5913/5/13
環境設定
• Wiimote to Max.oscdをオープン
• OSCulator ƒ\Samples Library\Wiimote\Cyclying’74
©dangkang interdisciplinary design lab. 6013/5/13
環境設定
• Wiimote to Max.oscdをオープン
• OSC input port を9000に変更
©dangkang interdisciplinary design lab. 6113/5/13
環境設定
• Wiimote to Max.oscdをオープン
• >>をクリック
©dangkang interdisciplinary design lab. 6213/5/13
環境設定
• Wiimote to Max.oscdをオープン
• Start Pairingをクリック
©dangkang interdisciplinary design lab. 6313/5/13
環境設定
• Wiimote to Max.oscdをオープン
• SYNCボタンをプッシュ
©dangkang interdisciplinary design lab. 6413/5/13
環境設定
• AddressにIDが表示されればOK!
©dangkang interdisciplinary design lab. 6513/5/13
環境設定
• 注意点• 1人ずつ順番に設定しましょう!
• 間違って別のひとのWiiリモコンを設定してしまう可能性があります.
©dangkang interdisciplinary design lab. 6613/5/13
環境設定
• TIPS• 失敗したひとはBluetooth環境設定から設定を削除しましょう!
©dangkang interdisciplinary design lab. 6713/5/13
環境設定
• Wiimote to Max5.maxpatをオープン
• OSCulator ƒ\Samples Library\Wiimote\Cyclying’74
©dangkang interdisciplinary design lab. 6813/5/13
環境設定
• パスの設定• Option->File Preferences
©dangkang interdisciplinary design lab. 6913/5/13
環境設定
• パスの設定• Max5\Cyclying’74\CNMAT_Externals
©dangkang interdisciplinary design lab. 7013/5/13
環境設定
• 接続完了
©dangkang interdisciplinary design lab. 7113/5/13
インタラクションを体験する
©dangkang interdisciplinary design lab. 7213/5/13
アクション
• スイッチ
©dangkang interdisciplinary design lab. 7313/5/13
アクション
• 加速度
©dangkang interdisciplinary design lab. 7413/5/13
アクション
• 角度
©dangkang interdisciplinary design lab. 7513/5/13
アクション
• 角度
©dangkang interdisciplinary design lab. 7613/5/13
スイッチ
• リモコンの操作• 1->温度を上げる
• 2->温度を下げる
• - ->Cool• +-> Warm• Home-> off
©dangkang interdisciplinary design lab. 7713/5/13
スイッチ
• RGBの操作
©dangkang interdisciplinary design lab. 7813/5/13
12
スイッチ
• RGBの操作
©dangkang interdisciplinary design lab. 7913/5/13
• - -> Red• +-> Blue• Home-> Green
スイッチ
• 複数の音のon/off
©dangkang interdisciplinary design lab. 8013/5/13
回転
• 再生スピードの変化(映像)
©dangkang interdisciplinary design lab. 8113/5/13
回転
• 再生スピードの変化• 素材の読み込み(read)
• Max5\patches\media
©dangkang interdisciplinary design lab. 8213/5/13
回転
• 映像の回転
©dangkang interdisciplinary design lab. 8313/5/13
加速度
• 再生スピードの変化(音)
©dangkang interdisciplinary design lab. 8413/5/13
加速度
• ボリュームをコントロール
©dangkang interdisciplinary design lab. 8513/5/13