Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
今更ながらHoloGiraffeのクローンアプリ作成にチャレンジしてみた
Search
ZuQ9Nn
July 20, 2018
Technology
0
3.1k
今更ながらHoloGiraffeのクローンアプリ作成にチャレンジしてみた
2018/07/21 札幌HoloLens ミートアップ Vol.2 ~夏編~のLT資料
ZuQ9Nn
July 20, 2018
Tweet
Share
More Decks by ZuQ9Nn
See All by ZuQ9Nn
2018/04/17 HoloLens RS4 Preview公開記念勉強会! @アカツキ
zuq9nn
1
710
2018/03/09 第五回HoloLens読書会
zuq9nn
0
4.2k
HoloLensでユニティちゃんを椅子に 座らせてみた”その後”の話
zuq9nn
0
5.2k
HoloLensのはじめかた
zuq9nn
1
4.5k
Tokyo HoloLens meets up vol.5 LT
zuq9nn
1
4.4k
Fabricではじめるfastlane
zuq9nn
0
1.9k
第六回カジュアルSwift勉強会@青葉台
zuq9nn
2
940
Other Decks in Technology
See All in Technology
フィンテック養成勉強会#54
finengine
0
170
Navigation3でViewModelにデータを渡す方法
mikanichinose
0
220
米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
2
1k
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
410
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
2
200
mrubyと micro-ROSが繋ぐロボットの世界
kishima
2
190
Azure AI Foundryでマルチエージェントワークフロー
seosoft
0
180
Agentic DevOps時代の生存戦略
kkamegawa
1
1.3k
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
140
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
1
160
LinkX_GitHubを基点にした_AI時代のプロジェクトマネジメント.pdf
iotcomjpadmin
0
170
Observability в PHP без боли. Олег Мифле, тимлид Altenar
lamodatech
0
340
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
Automating Front-end Workflow
addyosmani
1370
200k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Building a Modern Day E-commerce SEO Strategy
aleyda
41
7.3k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
A designer walks into a library…
pauljervisheath
206
24k
Transcript
今更ながら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は気楽 • 最悪完成すらしなくてもバットノウハウを共有しよう