室内型プロジェクションマッピングや · 2017-04-11 ·...
Transcript of 室内型プロジェクションマッピングや · 2017-04-11 ·...
![Page 1: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/1.jpg)
室内型プロジェクションマッピングや VR技術が魅せる新しいテーマパークの可能性
株式会社デジタル・スタンダード ソフトウエアアーキテクト 青柳臣一
2016/12/06
![Page 2: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/2.jpg)
株式会社デジタル・スタンダード
https://www.digital-standard.com/ 大阪府大阪市
パソコン・スマホアプリ開発
プロジェクションマッピング事業
AR・VR関連事業
![Page 3: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/3.jpg)
スマホだけでできる
体力・運動能力測定アプリ
![Page 4: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/4.jpg)
スマホだけでできる
体力・運動能力測定アプリ
![Page 5: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/5.jpg)
選手の体力・運動能力測定 管理アプリ
![Page 6: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/6.jpg)
中高齢者の体力測定・管理ツール
![Page 7: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/7.jpg)
の技術
加速度データ
![Page 8: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/8.jpg)
の技術
スマホで解析
ノイズも多く一筋縄ではいかない 試行錯誤の連続...
クラウドで解析
ノウハウの蓄積
![Page 9: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/9.jpg)
ビッグデータの活用 クラウドだからできる
の技術
レーダーチャート 偏差値 ランキング
![Page 10: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/10.jpg)
室内型プロジェクションマッピング
![Page 11: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/11.jpg)
プロジェクションマッピングとは
プロジェクション(=投影) マッピング(=貼り付ける)
凹凸にあわせて映像加工
![Page 12: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/12.jpg)
大規模プロジェクションマッピング
東京駅や大阪城、シンデレラ城などなど 屋外
大型・高輝度プロジェクター 複数台
コンテンツ 3Dモデリングして事前作成
![Page 13: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/13.jpg)
小中規模プロジェクションマッピング
建物、ステージ、イベント 大型・高輝度プロジェクター
1~複数台
コンテンツ 3Dモデリングして事前作成
![Page 14: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/14.jpg)
マッピングの方法
事前作成 緻密な映像が作成可能
凹凸にあわせる
動きに合わせる
ロケハン、測量が必要
3Dモデリング
![Page 15: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/15.jpg)
もうひとつの『マッピング』
投影面にあわせてマッピング 映像内容はそのまま
リアルタイム処理も可能
(壁)
(壁)
(人)
(人)
![Page 16: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/16.jpg)
室内型プロジェクションマッピング
超台形補正 弊社開発のプログラムシステム
プロジェクターの台形補正以上の補正
リアルタイムに処理 プロジェクターの設置後に補正量を調整可能
低価格超短焦点プロジェクター
![Page 17: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/17.jpg)
超台形補正
![Page 18: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/18.jpg)
複数プロジェクター・複数動画
![Page 19: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/19.jpg)
影を最小限にする
投影面
(壁)
(壁)
(人)
斜めから投影して人物と重ならないように
![Page 20: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/20.jpg)
室内型プロジェクションマッピングの使用例
ショウルーム
カラオケルーム
撮影スタジオ
コスプレ写真
![Page 21: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/21.jpg)
バーチャルリアリティ
![Page 22: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/22.jpg)
バーチャルリアリティ
AR
VR
MR
![Page 23: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/23.jpg)
AR
Augmented Reality(拡張現実) 多くはスマホアプリ
マーカー認識 2次元コードや写真やイラスト
3Dモデルを表示
![Page 24: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/24.jpg)
VR
Virtual Reality(仮想現実) 多くはヘッドマウントデイスプレイ
視界はすべて仮想空間 ヘッドホンで音声も
非常に高い没入感
![Page 25: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/25.jpg)
MR
Mixed Reality(複合現実) ヘッドマウントデイスプレイ
メガネ
現実に仮想情報を合成
![Page 26: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/26.jpg)
VRデバイス
Oculas Rift 老舗(今はFacebook) パソコンの外部ディスプレイ
HTC Vive
パソコンの外部ディスプレイ
PlayStation VR
PS4の外部ディスプレイ
![Page 27: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/27.jpg)
HTC Vive
![Page 28: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/28.jpg)
VRデバイス - スマホ編
Google Cardboard Googleが設計したVR仕様
簡易VRデバイス
ダンボール製(900円)~
スマホが本体 パソコン上でも実行可
YouTubeアプリも対応
![Page 29: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/29.jpg)
MRデバイス
HoloLens 単独型(HoleLens自体がPC)
Windows 10 VR
多数のセンサー リアルタイムに外部環境を解析
2016/12日本でも注文受付開始 HPやDellなどからも発売予定
視野は広くない
Linq MR
![Page 30: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/30.jpg)
VRと入力デバイス
密閉型 マウス、キーボードが使えない
PlayStation VR
PlayStation Move
HTC Vive Viveコントローラー付き
Microsoft HoloLens カメラ(映像、深度)、マイク
![Page 31: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/31.jpg)
VRと入力デバイス
Microsoft Kinect v2 Xbox One/パソコン用の周辺機器 全身の動きを認識
25関節/人
同時に6人まで
Intel RealSense
顔の認識
Leap Motion
指の認識(10本)
![Page 32: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/32.jpg)
VRアプリの開発
PlayStation ソニーと契約の上、専用の開発環境が必要
パソコン
VRデバイスごとに開発手法は異なる
アプリ開発自体は通常と同じ開発環境 C++、C#など
Unity
![Page 33: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/33.jpg)
VRアプリの開発
Google Cardboard Google VR SDKを使用して開発
iOS、Android
Objective-C、Swift(iOS)
Java(Android)
Unity
![Page 34: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/34.jpg)
UnityによるVRアプリ開発
Unity社が開発・提供しているゲーム開発環境 C#、JavaScript
パソコン、スマホなど多様なデバイス用のアプリ開発に対応 多くの3DCGゲーム
ずいぶん敷居が下がった
とはいえ、 3DCGの知識
パフォーマンス・チューニング
![Page 35: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/35.jpg)
VRコンテンツの開発
3DCGデザイナー・モデラー
モーションデザイナー
手付け
モーションキャプチャー
![Page 36: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/36.jpg)
YouTube VR動画の作成
360度動画 ※360度見られる動画。3Dではない
パソコンでも視聴可能
360度カメラで撮影 Ricoh Theta、Kodak SP360など
360度動画に変換(YouTube製のツール)
YouTube VR
※Google Cardboard形式の3D動画
実写動画をVR化 … Google Jump 3DCGをVR化 … 3DCGソフトで動画を作成し変換
Facebook Surround 360
Ricoh Theta
![Page 37: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/37.jpg)
VRの未来
VR 圧倒的な没入感
現実とバーチャルのはざま
MR
現実世界へバーチャルを上乗せ ゲーム、医療、工事、検査 etc…
VRデバイスの小型化 入力デバイスの進化
![Page 38: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/38.jpg)
MRと室内型プロジェクションマッピング
高い親和性 近景 … MRデバイス
遠景 … 室内型プロジェクションマッピング
リアルタイム3D空間認識
MRデバイスの深度カメラ
認識した3D空間情報にもとづいてプロジェクションマッピング
技術課題
映像と音声の同期
![Page 39: 室内型プロジェクションマッピングや · 2017-04-11 · Unity社が開発・提供しているゲーム開発環境 C#、JavaScript パソコン、スマホなど多様なデバイス用のアプリ開発に対応](https://reader033.fdocument.pub/reader033/viewer/2022042219/5ec5baecf7a1a0769a34f238/html5/thumbnails/39.jpg)
ご清聴ありがとうございました。
株式会社デジタル・スタンダード