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
720
2018/03/09 第五回HoloLens読書会
zuq9nn
0
4.2k
HoloLensでユニティちゃんを椅子に 座らせてみた”その後”の話
zuq9nn
0
5.3k
HoloLensのはじめかた
zuq9nn
1
4.5k
Tokyo HoloLens meets up vol.5 LT
zuq9nn
1
4.5k
Fabricではじめるfastlane
zuq9nn
0
1.9k
第六回カジュアルSwift勉強会@青葉台
zuq9nn
2
940
Other Decks in Technology
See All in Technology
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
460
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
850
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
260
入院医療費算定業務をAIで支援する:包括医療費支払い制度とDPCコーディング (公開版)
hagino3000
0
100
Building a cloud native business on open source
lizrice
0
170
ヘンリー会社紹介資料(エンジニア向け) / company deck for engineer
henryofficial
0
340
Digitization部 紹介資料
sansan33
PRO
1
5.7k
QA業務を変える(!?)AIを併用した不具合分析の実践
ma2ri
0
130
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
shuta13
3
190
オブザーバビリティが育むシステム理解と好奇心
maruloop
1
760
様々なファイルシステム
sat
PRO
0
240
デザインとエンジニアリングの架け橋を目指す OPTiMのデザインシステム「nucleus」の軌跡と広げ方
optim
0
100
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
697
190k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Building Applications with DynamoDB
mza
96
6.7k
Designing for humans not robots
tammielis
254
26k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
GitHub's CSS Performance
jonrohan
1032
470k
Embracing the Ebb and Flow
colly
88
4.9k
How to train your dragon (web standard)
notwaldorf
97
6.3k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
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は気楽 • 最悪完成すらしなくてもバットノウハウを共有しよう