HoloLens Meetup vol.4 俺達が作るべきMR
•Transferir como PPTX, PDF•
13 gostaram•7,922 visualizações
TeamARtist 総監督 ゆーじ@yuujii https://twitter.com/yuujii https://hololens.connpass.com/event/59676/
Recomendados
Mais conteúdo relacionado
Mais procurados
Semelhante a HoloLens Meetup vol.4 俺達が作るべきMR
Semelhante a HoloLens Meetup vol.4 俺達が作るべきMR (20)
Mais de yuu jii
Último
Último (12)
HoloLens Meetup vol.4 俺達が作るべきMR
- 1. 俺達が作るべきMR Team ARtist/総監督 ゆーじ@yuujii HoloLens Meetup vol.4 (2017/07/15)
- 2. 自己紹介 Team ARtist / 総監督 ゆーじ@yuujii • Oculus Rift DK1を日本人5本の指に入るくらい早く入手 • Oculus Shareで日本人初VRアプリリリース • Windows Storeで日本人初HoloLens専用アプリリリース • Unite 2016登壇「このアセットがスゴい！2016：Unity を進化させるアセット達」 書籍 • 「Oculus Riftでオレの嫁と会える本」 • 「VRエンジニア養成読本～HoloLens 入門」 • Microsoft MVP Windows Development
- 5. Artgram • デッサン人形を表示してポーズ設定 • プリセットのモーションからポーズ設定 • 絵を描く構図を決める機能 • 現実にパース定規表示 • 陰影強調表示 • ライティング設定機能 • 資料画像音声検索機能
- 7. プロジェクト管理 • Trelloでガントチャート(Elegantt) • Twitterのグループチャット • Dropbox Paperで仕様書 • 当日はホワイトボード
- 8. 展示を考える • ターゲットはTGSのイベントブース • ブースでの見栄え、シェアのしやすさ • 絵がかけない人も参加可能
- 10. 気づき • NearClipを0.85(85cm)から0.3(30cm)へ変更 • 0.85だと描くときに表示している3DモデルデータがNearClipに引っかかって消えてし まう。 • ホワイトボードに描くときにあまり近づきすぎるとHoloLensがトラッキングを失って しまうので、あえてNearClipで消すことでユーザーがホワイトボードに近づきすぎる ことを防ぐ。
- 11. Unityを使ってHoloLensアプリを 作るまで Unityインストール Unityダウンロード Unityインストール Visual Studioダウンロード Visual Studioインストール Unityで HoloLensアプリ Unityでプロジェクト新規 作成 Unityの基本 MRDesignLabs導入 HoloLens実機で 確認しよう HoloLensにHolographic Remoting Playerを インストール UnityのHolographic Emulationから接続して 実行 HoloLens実機に インストール Holotoolkit-UnityのBuild Windowから プラスワン Unityアセットストアで入 手した3Dモデルデータを HoloLensで見てみよう
- 12. 開発PC推奨 スペック Windows 10 Creators UpdateOS Intel Core i7以上CPU NVIDIA GTX 980/1060以上GPU 16GB以上Memory 10GB以上の空き容量SSD MSI GS63VR(4K GTX1060) » Install the tools https://developer.microsoft.com/en-us/windows/mixed-reality/install_the_tools
- 14. Unityインストール
- 15. Visual Studio ダウンロード Visual Studio 2017 Community https://developer.microsoft.com/en- us/windows/downloads
- 18. Unityでプロジェクトを新規に作成する • Project nameに「HoloViewer」 と入力 • Locationにプロジェクトの保 存先を指定 • Create projectボタンを押す
- 20. Unityの基礎 Unityのプロジェクト • プロジェクトはフォルダ • プロジェクトの設定は ProjectSettingsフォルダ • 画面＝シーン(.unity) シーンの構成 • シーンはゲームオブジェクトの集 まり（ヒエラルキービュー） • ゲームオブジェクトはアタッチし たコンポーネントによって振る舞 いが決まる（インスペクター ビュー） • ゲームオブジェクトにコンポーネ ントをアタッチして保存しておく ことができる→プレハブ
- 21. HoloLensアプリ開発で便利なツールキット「Holotoolkit-Unity」と サンプルプロジェクト「MRDesignLabs_Unity」を導入する 自分のプロジェクトへ 導入 DesignLabs_Unityフォルダ内のAssetsフォルダとProjectSettingsフォルダを、自分のUnityプロジェクトへ コピー Mixed Reality Design Labs(MRDesignLabs_Unity) をgit clone » Microsoft/MRDesignLabs_Unity: Mixed Reality Design Labs share experimental samples, explorations and learnings from Windows Mixed Reality Design group. https://github.com/Microsoft/MRDesignLabs_Unity https://github.com/Microsoft/MRDesignLabs_Unity GitHub Desktopの導入 https://desktop.github.com/ すでにお使いのgitクライアント等あればそれで
- 27. HoloLensで豆腐を見つめるコンテンツ • シーンの実行 • エディタの上にある再生ボタンを押して実行してみると、ゲーム ビューに自動的に切り替わり、シーンにあるMain Cameraゲームオブ ジェクトから見た風景が表示されます。
- 28. HoloLensで豆腐を見つめるコンテンツ • HoloLensで見る(1/3) • HoloLensでStoreアプリを起動してHolographic Remoting Playerをインス トール • 起動するとローカルIPアドレスが表示されるのでメモる
- 29. HoloLensで豆腐を見つめるコンテンツ • HoloLensで見る(2/3) • UnityのメニューバーからHolographic Emulationを選択 • HolographicタブウインドウのRemote MachineにIPを入れてConnect
- 30. HoloLensで豆腐を見つめるコンテンツ • HoloLensで見る(3/3) • 先ほどと同様にエディタの上にある再生ボタンを押して実行 • 今度はHoloLens上でも再生される
- 31. 続HoloLensで豆腐を見つめるコンテンツ • ただし地平線が見える • Holotoolkit-Unityでシーンを設定 • カメラの位置を3次元空間上の 原点へ移動 (X:0, Y:0, Z:0) • カメラの背景をSkybox(地平線)から 黒単色に変更
- 32. 続・豆腐 • MRDesignLabsを使って豆腐を操作する(1/2) • シーンにHoloLensプレハブを配置する。 • プロジェクトビューのHoloLensプレハブをヒエラルキービューへドラッグ&ド ロップ • またHoloLensプレハブにはMain Cameraゲームオブジェクトにアタッチされてい るCameraコンポーネントが含まれているため、今シーンにあるMain Cameraゲー ムオブジェクトが不要になるので削除する。(選択してDelキー)
- 33. 続・豆腐 • MRDesignLabsを使って豆腐を操作する(2/2) • 豆腐のCubeゲームオブジェクトに Bounding Box Targetスクリプトをアタッチする HoloLensで実行するとエアタップやナビゲーション ジェスチャーで豆腐の位置や大きさを変えられるよう になる。
Notas do Editor
- 今日は最近イベントでチーム組んで作った ・HoloLensアプリの紹介 ・実際の開発の流れ ・各機能の紹介とポイント + また、今日からHoloLensのアプリを作り始めたくなるようなそんな話をしていけたらと思っています。 建築分野や教育分野でどうHoloLensを活用するか？といった仕事の話は今回はすべて忘れてください。 HoloLensの持つ不可能を可能にする力を思う存分振るいまくるワクワクするような毎日への入り口になればと思います。 あと、プログラミングできなきゃアプリは作れないという誤解も解消し、今日ここに参加されている全ての方が帰ってUnityをインストールしてHoloLensアプリを作り始められるセッションになりましたら
- ・VR KSのOculusからVRで遊んでる Oculus Share日本人リリース第一号 翔泳社から発売のOculus Riftでオレの嫁と会える本を書いた 去年のUnity最大のオフィシャルイベントのUniteでオオトリで登壇も行いました。 ・MR 最近はMRに夢中です。 Windows StoreでHoloLens専用アプリのリリース日本人第一号 今年Microsoft MVP Windows Development頂きました。
- ・人間が習得する必要となるスキル体系が変わる。 必要な情報が適宜オーバーレイで表示されるので、記憶するための学習が不要となる。 記憶力が要らなくなる。 ・ギャンブルでの最適な手や、将棋やチェスでチートし放題 ・情報へのアクセスがハンズフリーで可能となる 現状タブレット端末で行っているような業務は置き換えが可能 ・コニュニケーションの形が変わる Holoで会う。通勤が不要に
- イベントでは、HoloLensでデッサンができる、ホワイトボードの上に人の3Dモデルデータを表示して上からなぞるだけでかわいいキャラクターが誰でも描けてしまうアプリを作りました。 また、グラフィックデザイナーが実務でも使えるレベルも目指し、HoloLensをかけて仕事でも使える資料画像を音声検索する機能も実装しています。 HoloLensアプリというかソフトウェアやシステム全般に言えることですが、それを使う人の生活を変えるということで、まずはターゲットがどこで感動するのかといった感情の理解が必須です。 で、そのポイントを整理して再構成し、アプリの機能として作り込んでいくわけです。 今回は実際に仕事で有名アクションRPGから、様々なゲーム、アニメのコンセプトアート等を手がける2人の神絵師の方にコミットいただき、開発しながら細かい着地点を探すアプローチで開発を行いました。
- 主な機能は次の通りです。 ・デッサン人形、クロッキー人機能の手や足の関節を操作してポーズをつけることができたり ・予め用意したモーションデータからポーズを設定できたり ・絵を描く構図を仮想的なカメラを空間上に設置して切り取る機能、 ・空間にパース定規を表示する機能 ・キャラクターに落ちる影をわかりやすく可視化する陰影強調、とライティング設定機能 ・資料画像音声検索機能
- それで、これら大量の機能を超短期間でハイクオリティで仕上げたチームメンバーはこちらになります。 アーティストチームには今回のアプリの着地点を探す上で実際に開発中に使ってもらいゴールを手探りで探していきました。アプリの機能の裏にある実際に使う絵描きの思考を言語化してもらい、いい塩梅へアプリの機能に落とし込みが成功してます。 あとは素晴らしいアイコンとポスターも作ってもらってます。 あとは今回最近出たばかりのMRDesignLabsを採用しており、その辺りの技術関係で山中さんやデコ氏さんが大活躍。ノブさんはアプリの肝であるモデルデータのポーズ関係の機能を担当してもらい、あつしさんにはアートチームとのコミュニケーションや、アプリの細かいところのフォローを。VRクラスタのスタープレイヤーな二人、野生さんには音声画像検索、とMuRoさんにはキャラクターの見た調整などを担当頂きました。
- 短期間のハッカソンといえど機能数はモリモリ、各機能も結構ゴツい感じなので、軽くではありますがプロジェクト管理として、TrelloとEleganttでガントチャート、軽い連絡はTwitter、仕様はDropbox Paperにまとめ、ソース管理はUnity collaborate、当日は簡単にホワイトボードでタスクをガントチャートでやってました。 プロジェクト開始時にこんな機能がいるのではないか？をアートチーム、エンジニアチーム関係なくTrelloに各自思い思い書き出したりTwitterで確認したり。 あとは各自の仕事や他にもプライベートでのプロジェクトを抱えている方も居るので、すごくゆるく運用。
- 一部の神絵師の感覚が得られる。 フロー状態の不思議な感覚が得られれる。 実際に作ってみると、当初の想定の機能であった仮想カメラで構図ぎめて2Dの板ポリ表示にしてホワイトボードにかぶせて描くのではなく、３Dモデルをそのまま表示する方法のほうが言語化しにくい楽しさがあった
- 今だとMax-Qがおすすめ 発売中 ALIENWARE 15 GTX 1080 3.49 kg 279,080円 http://www.dell.com/jp/p/alienware-15-laptop/pd?oc=caaaw1544jp&model_id=alienware-15-laptop MSI GS63VR GTX 1070 1.9kg 294,800円 https://www.ark-pc.co.jp/release/2017-07-14/ 8月発売予定 ASUS ROG Zephyrus GX501 GTX 1080 2.24kg $2899 http://www.gdm.or.jp/pressrelease/2017/0629/212649
- HoloLensアプリ開発
- UnityはHoloLensだけでなく、Oculus RiftやViveといったVRだけでなく、PCやMacアプリや、iPhoneやAndroidなどのスマホ、プレステやNintendo Switchといったコンシューマのハードもカバーしているマルチプラットフォームに対応したゲームエンジンです。 そのため、まずは新規に作成したUnityのプロジェクトに対して、HoloLensを対象にしたプロジェクト設定を行っていきます。
- カメラの位置が変わり、豆腐と同じ座標に移動してしまったので、豆腐の方をカメラの前に移動してあげる。 →ヒエラルキービューでCubeを選択して、インスペクタービューのTransformコンポーネントのPositionのZの値を0→3にする。 ちなみに遠すぎると反応しません。（HoloLens/FocusManagerのMaxGazeDistance:5）
- Windows 10 Creators Update