今更ながらHoloGiraffeのクローンアプリ作成にチャレンジしてみた

今更ながらHoloGiraffe のクローンアプリ作成にチャレンジしてみた札幌HoloLens ミートアップ Vol.2 ～夏編～ 2018/07/21 ZuQ9Nn(ずきゅ～ん)

自己紹介 • ZuQ9Nn(ずきゅ～ん) • Objective-CでiOSのツール系アプリ開発→2018/08からUnityエンジニアに • 今のところHoloLensとUnityは趣味開発 • HoloLens参考書読書会で登壇したりしてました。
• Unity認定技術者試験合格

HoloGiraffeのPV

HoloGiraffeとは • Windows Storeにリリース済みのHoloLens専用アプリ (https://www.microsoft.com/ja-jp/p/hologiraffe/9n1n2gd n1cl6) • HoloLensを使って、どこでもキリンを召喚できるアプリ (http://vird.co.jp/product/hologiraffe/)

HoloGiraffeの仕様 • Spatial Mappingで部屋のスキャン後、床のみAir Tapできる • 床にAir Tapでキリン召喚 • 召喚中はAir
Tapしてもなにも起きない • キリンが天井にぶつかると天井を破壊し穴をあける • 召喚完了後も、床のみAir Tapできる • 召喚後のAir Tapで、すでに召喚済みのキリンが徐々にきえて新たなキリンが召喚される

かなりなんちゃってですが再現してみたのでとりあえず、見てください

オリジナルとの違い • キリンじゃなくユニティーちゃんを利用 • ワープのアニメーションはMixedRealityToolkitのシェーダーとスクリプトを利用 • 天井の穴はCubeとQuadの組み合わせで自作

今回の開発環境 • Visual Studio 2017(15.7.5) • Unity 2018.1.1.6f1 • MixedRealtyToolkit-Unity
2017.4.0.0(HoloToolkit-Unity-2017.4.0.0.unitypackage)

作るときのポイント1 (実際にこの作りかは不明ですが、僕なりの再現方法) • SurfaceMeshesToPlanes.cs(HoloToolkit > SpatialMapping > Scripts >
SpatialProcessing)を利用して壁、床、天井を生成 (SurfaceMeshesToPlanes.Instance.MakePlanes) • UpdateメソッドでRayを投げてSurfacePlaneの PlaneTypesで床を判断

作るときのポイント2 (実際にこの作りかは不明ですが、作成者本人の資料から推測) • 召喚するキリンは、生成済みで描画のみを制御？ • つまりInstantiateではなくclipのアニメーション制御のみ？ • https://www.slideshare.net/noshipu/unityhololens

ワープアニメーションについて • 今回はMixedRealityToolkit/Standardシェーダー (HoloToolkit > common > Shaders)と ClipPlanes.cs(HoloToolkit >
Common > Scripts)を利用

ワープアニメーションについて • Planeの子供にユニティちゃんのモデル • ユニティちゃんのモデルの子供にClipPlaneという名のEmpty Object •
ClipPlaneのY座標を移動させることでアニメーション実行

ワープアニメーションについて • ユニティちゃんのマテリアルのShaderを MixedRealityToolkit/Sta ndardに • Cull ModeをOffに •
Clipping Planeにチェック

ワープアニメーションについて • ClipPlaneのEmpty ObjectにはClipPlane.cs をアタッチ • Renderにユニティちゃんの全てのマテリアルのついたオブジェクトを指定

Colliderに注意 • ユニティちゃ全体にRigidbodyとBox Colliderをつけて、そのColliderと天井がぶつかった時に判定してしまうと、表示のアニメーションが終わる前に、天井にあったって穴が開いてしまう。 • 今回はユニティちゃんの子供にClipPlaneという名の EmptyObjectを作り、そちらに、RigidbodyとBox
Colliderを追加しています。

天井の穴について • 凹みTips 2017/02/18 HoloLensで向こう側が見える窓を動的に追加してみる (http://tips.hecomi.com/entry/2017/02/18/190949) • hecomi/HoloLensPlaygroundの v0.0.2(https://github.com/hecomi/HoloLensPlaygrou
nd/releases/tag/v0.0.2)にあるSkyboxのモデル、 HoloLens/MaskedSky、HoloLens/Windowシェーダーを利用

作ってみて感想、まとめ • クオリティはいまいなところも多いがうごくところまで出来てよかった • マネやパクリはネガティヴに捉えられがちですが守破離という技術のレベルアップの一環として行う • アプリのテストと撮影を行うにはそれなりの広い場所が必要 • 豆腐を落とすのはクリアした人には、課題としてオススメ
• MixedRealityToolkitの機能や無料のアセットでも再現可能 • 完璧に再現できなくても出来たところでOKは気楽 • 最悪完成すらしなくてもバットノウハウを共有しよう

今更ながらHoloGiraffeのクローンアプリ作成にチャレンジしてみた

今更ながらHoloGiraffeのクローンアプリ作成にチャレンジしてみた

ZuQ9Nn

More Decks by ZuQ9Nn

Other Decks in Technology

Featured

Transcript