Downloaded 76 times
Uploaded byTeruaki Tsubokura
体験を創る - 1→10design,Inc. 坪倉輝明
2014/02/09 I.C.E（一般社団法人インタラクティブ・コミュニケーション・エキスパーツ） INTERACTIVE CREATION CAMP 講義内容
![#XRKaigi 「Mozilla Hubsを用いたバーチャルイベントのWebVR化～その可能性と実際～」[20201208] #VRStudioLab](https://cdn.slidesharecdn.com/ss_thumbnails/20201208-xrkaigi2020-v4-nonvoice-201224112755-thumbnail.jpg?width=640&height=640&fit=bounds)
体験を創る - 1→10design,Inc. 坪倉輝明
- 1.
- 2.
- 3. 自己紹介 Programmer, Media Artist,VJ 坪倉 輝明 1-10design,Inc. コミュニケーションテクノロジー部 神奈川工科大学 小坂研究室 アドバイザー ・Web 金沢工業大学 メディア情報学科卒 http://teruaki-tsubokura.com/ ・Twitter 京都出身。26歳。 入社して2年ちょい。 @kohack_v
- 4. 自己紹介 • 特徴 – Web出身（サーバーサイド） – モノづくり好き – 未来っぽいもの好き – オタク文化が好き ・Web http://teruaki-tsubokura.com/ – たまにVJ – プログラミングは苦手 ・Twitter @kohack_v
- 5. 自己紹介 • スキル – Flash,AIR, ActionScript3.0 • 入社してから始めた – openFrameworks • 2年半くらい前に興味を持って始めた – Arduino, 電子工作 ・Web • 2年半くらい前に興味を持って始めた http://teruaki-tsubokura.com/ ・Twitter – PHP, HTML, JavaScript • 前職で1年半くらい使ってた @kohack_v どれも歴が浅く、未熟です…。
- 6.
- 7.
- 8.
- 9. 個人で作ったもの 2012 AffinBeatVJ 超視力検査 – HyperEyeTest- 七色小道 ミライノピアノ 2013
- 10.
- 12. 1→10design について （ ワン・トゥー・テン・デザイン） • 京都に本社があるインタラクティブスタジオ • 社員数 京都本社 31名 東京支社 24名 計 55名 (2014/02/09現在) PM・ディレクター 15名、デザイナー 12名、Flashエンジニア 9名、 Webフロントエンド+バックエンド 7名、3DCG&映像 5名、 インスタレーションエンジニア 3名
- 13. 1→10design について （ ワン・トゥー・テン・デザイン） • お仕事での私の担当（インスタレーションエンジニア） – Flashサイト – Windows/Macアプリ ( Adobe AIR, openFrameworks等 ) – iPhone/Androidアプリ ( Adobe AIR ) – インスタレーション – デジタルサイネージ – プロジェクションマッピング – ハードウェア 割と企画・提案から入ることが多いです。
- 14.
- 16.
- 17. 制作の舞台裏 • ミライセンシ – http://works.1-10.com/event/miraisenshi/ • 渋谷デジタル花火大会 – http://works.1-10.com/promotion/qseye-hanabi/ • 関西テレビ アトリウム空間 – http://works.1-10.com/event/ktv-atrium/
- 18.
- 19.
- 20. リアルインベーダー 初期のアイディアスケッチ • 2枚の透過スクリーンで立体感の あるゲーム。 • 敵に見立てたAR.Droneを実際に 飛ばす。 • プレイヤー達で協力して敵の AR.Droneを倒すゲーム。
- 21. リアルインベーダー 初期のアイディアスケッチ • 2枚の透過スクリーンで立体感の あるゲーム。 • 敵に見立てたAR.Droneを実際に 飛ばす。 • プレイヤー達で協力して敵の AR.Droneを倒すゲーム。 → やっぱりAR.Droneを自分で操作 したい。 → シューティングゲームのプレイ ヤーとボスという設定で対戦した方 が面白いかも。
- 22.
- 23.
- 24.
- 25. 使用機器 • ゲーム描画用 MacBook Pro× 1台 • Kinect制御用 Windows PC × 1台 • AR.Drone制御用 Windows PC × 1台 • Kinect × 2台 • Wiiリモコン × 1台 • AR.Drone(クアッドコプター) × 1機 • 透過スクリーン(アミッド) × 2台
- 26. システム構成 ゲーム描画用 Mac Kinect制御用 Win Kinectfor Windows × 2 AR.Drone制御用 Win Wiiリモコン AR.Drone
- 27. システム構成 ソケット通信（UDP） ゲーム描画用 Mac Kinect制御用 Win Kinectfor Windows × 2 AR.Drone制御用 Win Wiiリモコン AR.Drone
- 28. システム構成 ソケット通信（UDP） ゲーム描画用 Mac Kinect制御用 Win Kinectfor Windows × 2 AR.Drone制御用 Win Wiiリモコン AR.Drone
- 29. システム構成 ソケット通信（UDP） ゲーム描画用 Mac Kinect制御用 Win Kinectfor Windows × 2 AR.Drone制御用 Win Wiiリモコン AR.Drone
- 30. システム構成 ソケット通信（UDP） ゲーム描画用 Mac Kinect制御用 Win Kinectfor Windows × 2 AR.Drone制御用 Win Wiiリモコン AR.Drone
- 31.
- 32.
- 33.
- 34. AR.Drone制御 • AR.Drone – 3軸加速度センサ – ジャイロセンサ – 超音波距離センサ(高度) – 正面カメラ(1280x720) – 腹面カメラ(320×240) – UDPソケットでコマンドを送信して操作
- 35. AR.Drone制御 • AR.Drone – 3軸加速度センサ – ジャイロセンサ – 超音波距離センサ(高度) – 正面カメラ(1280x720) – 腹面カメラ(320×240) – UDPソケットでコマンドを送信して操作 → ただし、自身の現在位置は取得できない
- 36.
- 37.
- 39.
- 40.
- 41.
- 42. (0.2, 0.3) (1.0, 0.25) (0.4,0.65) (0.75, 0.8) 赤外線4点まで取得可能
- 43. (0.2, 0.3) (1.0, 0.25) (0.4,0.65) (0.75, 0.8) 100fps
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59. Wiiリモコンの視野角狭い問題 • Wiiリモコンの視野角は予想以上に狭く、トラッキ ング範囲からすぐにはみ出てしまう。 – (水平方向)45 度 画角(垂直方向) 30 度 – つまり高度1mの位置では約83cmの範囲しかトラッキ ングできない。 約83cm 1m 45度
- 60. Wiiリモコンの視野角狭い問題 • Wiiリモコンの視野角は予想以上に狭く、トラッキ ング範囲からすぐにはみ出てしまう。 – (水平方向)45 度 画角(垂直方向) 30 度 – つまり高度1mの位置では約83cmの範囲しかトラッキ ングできない。 約83cm 1m 45度 • ちゃんとした赤外線カメラを 使うべきだった。 • とりあえず最低高度を高めに 設定して緩和
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67. 結果 • 残念ながら最後まで正確には制御出来なかった。 – AR.Droneは細かい位置制御に向かない • AR.Droneは十分に広い場所で使いましょう。
- 68. 結果 • 残念ながら最後まで正確には制御出来なかった。 – AR.Droneは細かい位置制御に向かない • AR.Droneは十分に広い場所で使いましょう。 • ARDrone for AS3を拡張してLEDアニメーション やフライトアニメーションも制御できた。
- 69. 結果 • 残念ながら最後まで正確には制御出来なかった。 – AR.Droneは細かい位置制御に向かない • AR.Droneは十分に広い場所で使いましょう。 • ARDrone for AS3を拡張してLEDアニメーション やフライトアニメーションも制御できた。 • 結果的には失敗したが、それ以上に良い経験や 知見が身についた。
- 71.
- 72.
- 73.
- 74.
- 75.
- 76. 体験を創る上で注意してる事 • ストレスのないインタラクション – 入力が直感的で、確実であること。 – ジェスチャー等がうまく認識されないとイライラする。
- 77. 体験を創る上で注意してる事 • ストレスのないインタラクション – 入力が直感的で、確実であること。 – ジェスチャー等がうまく認識されないとイライラする。 → しきい値は甘めに設定する。 → 動作しないより動作しすぎる方がまし。
- 78.
- 79.
- 80.
- 81. 体験を創る上で注意してる事 • 参加ハードルが高くないか – 例1）スマフォと連動する楽しい子供向けサイネージ。 → 子供はスマートフォン持っていない。 – 例2）Twitter/Facebookアカウントで参加するゲーム。
- 82. 体験を創る上で注意してる事 • 参加ハードルが高くないか – 例1）スマフォと連動する楽しい子供向けサイネージ。 → 子供はスマートフォン持っていない。 – 例2）Twitter/Facebookアカウントで参加するゲーム。 → SNSやっていない人は参加できない。
- 83. 体験を創る上で注意してる事 • 参加ハードルが高くないか – 例1）スマフォと連動する楽しい子供向けサイネージ。 → 子供はスマートフォン持っていない。 – 例2）Twitter/Facebookアカウントで参加するゲーム。 → SNSやっていない人は参加できない。 – 例3）特設ステージの上に撮影ブースを作成。
- 84. 体験を創る上で注意してる事 • 参加ハードルが高くないか – 例1）スマフォと連動する楽しい子供向けサイネージ。 → 子供はスマートフォン持っていない。 – 例2）Twitter/Facebookアカウントで参加するゲーム。 → SNSやっていない人は参加できない。 – 例3）特設ステージの上に撮影ブースを作成。 → 自分だったら恥ずかしくてやらない･･･。
- 86.
- 87. 良いアイディアを生み出すコツ ① 技術についての知識を増やす。 ② 流行り物は実際に触ってみる。 ③ 複数のアイディアを組み合わせてみる。 ④ 必ずメモする。 ⑤ ひたすらアイディアを出す。
- 88.
- 89. ①技術についての知識を増やす 例えば… 「ユーザーの手の動きを取得したい」 • Kinect(ボーントラッキング) • LeapMotion • Kinect(深度画像解析) • スマートフォン • WebCam + 画像処理(動体検知) • 赤外線カメラ+ 赤外LED • WebCam +画像処理(背景差分) • タッチパネル • WebCam +画像処理(色認識) • ボタン • 加速度センサ • スライダー • ジャイロセンサ • 曲げセンサ • 筋電センサ
- 90. ①技術についての知識を増やす 例えば… 「ユーザーの手の動きを取得したい」 • Kinect(ボーントラッキング) • LeapMotion • Kinect(深度画像解析) • スマートフォン • WebCam + 画像処理(動体検知) • 赤外線カメラ+ 赤外LED • WebCam +画像処理(背景差分) • タッチパネル • WebCam +画像処理(色認識) • ボタン • 加速度センサ • スライダー • ジャイロセンサ • 曲げセンサ • 筋電センサ → 用途に合わせて最適な手法を選べる！
- 91. 良いアイディアを生み出すコツ ① 技術についての知識を増やす。 – 手段を知っていなければアイディアは出てこない。 – 知識はあなたの「アイディアの引き出し」 例えば… 「ユーザーの手の動きを取得したい」 • Kinect(ボーントラッキング) • LeapMotion • Kinect(深度画像解析) • スマートフォン • WebCam + 画像処理(動体検知) • 赤外線カメラ + 赤外LED • WebCam +画像処理(背景差分) • タッチパネル • WebCam +画像処理(色認識) • ボタン • 加速度センサ • スライダー • ジャイロセンサ • 曲げセンサ • 筋電センサ →用途に合わせて最適な手法を選べる！
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98.
- 99.
- 100. ④必ずメモする • 落書き帳を持ち歩く – 絵で残したほうが後からイメージがつきやすい。 • EverNoteにメモする – スマフォでメモしておけば後でPCから見返せる。
- 101.
- 102.
- 104.
- 105.
- 106.
- 107. 数を増やす https://vimeo.com/38796123 The Global Pursuitof Happiness THROUGH HOLLOW LANDS
- 108. 数を増やす https://vimeo.com/38796123 The Global Pursuitof Happiness THROUGH HOLLOW LANDS 一気に説得力が増す！
- 109.
- 110.
- 111.
- 112.
- 114.