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
2年でここまで成長!AWSで育てたAI Slack botの軌跡
iwamot
PRO
4
740
5min GuardDuty Extended Threat Detection EKS
takakuni
0
150
How Community Opened Global Doors
hiroramos4
PRO
1
120
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
hiro_torii
0
130
GitHub Copilot の概要
tomokusaba
1
140
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
230
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
210
Agentic Workflowという選択肢を考える
tkikuchi1002
1
540
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
0
180
急成長を支える基盤作り〜地道な改善からコツコツと〜 #cre_meetup
stefafafan
0
130
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
220
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
3
130
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
77
9.4k
The Invisible Side of Design
smashingmag
300
51k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
The Cult of Friendly URLs
andyhume
79
6.5k
Side Projects
sachag
455
42k
Balancing Empowerment & Direction
lara
1
380
Designing Experiences People Love
moore
142
24k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Unsuck your backbone
ammeep
671
58k
Being A Developer After 40
akosma
90
590k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
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は気楽 • 最悪完成すらしなくてもバットノウハウを共有しよう