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
HoloLensハンズオン:ノンプログラミング編@diffeasy
Search
TakashiYoshinaga
November 30, 2017
Technology
0
110
HoloLensハンズオン:ノンプログラミング編@diffeasy
11/20にdiffeasyで開催したHoloLensハンズオンの資料(抜粋)
TakashiYoshinaga
November 30, 2017
Tweet
Share
More Decks by TakashiYoshinaga
See All by TakashiYoshinaga
Nreal Light / Air 開発入門ハンズオン
takashiyoshinaga
0
980
MediaPipeのハンドトラッキングで作るARライトセイバー
takashiyoshinaga
1
310
UnityとZapWorksで始めようWebAR開発
takashiyoshinaga
0
3.7k
Getting Started with WebAR for HoloLens2 and Meta Quest
takashiyoshinaga
0
2.2k
Getting Started with HoloSDK
takashiyoshinaga
0
250
Getting Started with Non-Programming AR Development with MRTK v2.4.0
takashiyoshinaga
0
2.3k
Getting Started With MRTK (for Beginner)
takashiyoshinaga
0
690
始めようWebAR/VR開発
takashiyoshinaga
1
890
Getting Started with Azure Kinect DK
takashiyoshinaga
1
5.5k
Other Decks in Technology
See All in Technology
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
2
490
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
45k
JAWS DAYS 2025 アーキテクチャ道場 事前説明会 / JAWS DAYS 2025 briefing document
naospon
0
2.6k
OCI Success Journey OCIの何が評価されてる?疑問に答える事例セミナー(2025年2月実施)
oracle4engineer
PRO
2
180
Change Managerを活用して本番環境へのセキュアなGUIアクセスを統制する / Control Secure GUI Access to the Production Environment with Change Manager
yuj1osm
0
110
What's new in Go 1.24?
ciarana
1
110
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
780
事業モメンタムを生み出すプロダクト開発
macchiitaka
0
100
AWS Well-Architected Frameworkで学ぶAmazon ECSのセキュリティ対策
umekou
2
150
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
210
手を動かしてレベルアップしよう!
maruto
0
240
DevinでAI AWSエンジニア製造計画 序章 〜CDKを添えて〜/devin-load-to-aws-engineer
tomoki10
0
190
Featured
See All Featured
Site-Speed That Sticks
csswizardry
4
410
Scaling GitHub
holman
459
140k
Typedesign – Prime Four
hannesfritz
41
2.5k
Designing for Performance
lara
605
68k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
Gamification - CAS2011
davidbonilla
80
5.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
GitHub's CSS Performance
jonrohan
1030
460k
Into the Great Unknown - MozCon
thekraken
35
1.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Adopting Sorbet at Scale
ufuk
75
9.2k
Transcript
はじめようHoloLensコンテンツ開発 ARコンテンツ作成勉強会 #AR_Fukuoka
本日作成するコンテンツ https://youtu.be/ATl6NMwLB4s
まずはUnityの操作の基本
プロジェクトを作成 (1) MixedRealityToolkit-Unity-xxx.zipをどこかに解凍 (2) Unityを起動後、画面右上のOPENをクリック OPEN
プロジェクトを作成 HoloToolkit-Unity-masterフォルダを開き、[フォルダーの選択]をクリック HoloToolkit-Unity-master フォルダーの選択
Unityの操作画面(概要) ゲーム空間の設計画面 空間に置いた オブジェクト の名称一覧 プロジェクトに追加されたAsset(CGやプログラムなど)の一覧
ゲーム空間にCGを追加しよう 右クリック 3D Object→Cube
実行してみよう クリックして実行 クリックして終了 カメラから見た空間
CGの詳細情報の編集:色の設定 (1/3) ②右クリック ③ Create マテリアル(色や質感の設定)を作成 ④ Material ①Assets
CGの詳細情報の編集:色の設定 (2/3) 作成したマテリアルの色(Albedo)を設定 (2) Albedoの右側をクリックし、色を選択 (1)作成したマテリアルをクリック
CGの詳細情報の編集:色の設定 (3/3) オブジェクト(Cube)のマテリアルを開き、作成したマテリアルを割り当て (2) Materialsの横の▼ (1)Cube (3) Element0に ドラッグ&ドロップ
オブジェクトの位置・向き・サイズを調整 クリックして選択 移動 回転 拡大・縮小
Scene(設計画面)の視点を変えよう [←] [→]で左右移動 [↑] [↓]でズームイン/アウト [Alt]+ドラッグで回転 +ドラッグで上下左右 他にもいろいろ → http://goo.gl/Lq1ILT
数値を用いたCG位置・サイズの指定 クリック Positionを0 0 1.5に変更 Scaleを全て0.2に変更 ※位置や大きさの単位はm
Sceneの保存 Scene名 [Ctrl]+[s]でダイアログを開き、好きな名前で保存 コンテンツ作成中はこまめに[Ctrl]+[s]すること
MRToolKitを用いた開発
HoloLens Cameraの設定 Main Cameraを削除 → Deleteキー
HoloLens Cameraの設定 Assets → HoloToolkit → Input → Prefabs HoloLensCameraを
ドラッグ&ドロップ
動作確認 [←] [→]で左右移動 [↑] [↓]で前進/後退 [Q] [E]で上下 右クリック+マウス移動で回転
補足:移動・回転方法の設定例 (1)操作内容を選択 KeyboardXZTranslation (2) Sensitivity Scaleを0.5 (3)Axis TypeをKeyboard Arrows ↑↓←
→キーのみが移動に対応し、移動量もデフォルトより小さくなる
2つ目のオブジェクトを追加しよう 持参した写真を追加
写真の追加 各自が持ってきた写真をAssetsフォルダに追加 Assets → Import New Asset
写真を貼り付ける板を作成 右クリック 3D Object → Quad
写真を貼り付けるためのマテリアル作成 ②右クリック ③ Create ④ Material ①Assets
写真を貼り付けるためのマテリアル作成 ②Shader ③ Unlit ④ Texture ①新しく作ったマテリアル
写真を貼り付けるためのマテリアル作成 持参した画像を今作ったマテリアルのテクスチャに割り当てる 持参した画像
写真の貼り付け 写真を割り当てたマテリアルをQuadに登録 (2)Materialsの横の▼ (1)Quad (3) Element0に ドラッグ&ドロップ
見た目の調整 ほどほどのサイズに調整してCubeの横あたりに配置
カーソルの追加 HoloToolkit → Input → Prefabs → Cursor Basic Cursorをドラッグ&ドロップ
カーソルの追加 カーソルが追加されたことを確認。 ただし、まだ頭部の動きとは連動しない Basic Cursor をダブルクリック
カーソルの挙動やAirTapを管理する機能を追加 HoloToolkit → Input → Prefabs Input Managerをドラッグ&ドロップ
動作確認 カーソルが頭部の動きに追従 実はこの時点で、カーソルがどのオブジェクトを選択しているかも判別されている
Cubeを手で移動できるようにしよう (1)Cube (2) AddComponent (3) Hand Draggable と検索し、ファイルをクリック
動作確認 カーソルをあてて [Shift] 手が表示されたら左クリック 握ったらそのまま カーソルを移動
画像を手で動かせるようにしよう (1) Quad (2) AddComponent (3) Hand Draggable と検索し、ファイルをクリック
実機で動かそう:Qualityの確認 Edit Project Settings Quality Fastest
実機で動かそう : 出力の際の設定 (1)Edit (2)Project Settings (3)Player (4)ProductNameを 自分の名前に (5)UWP
App settings
実機で動かそう : 出力の際の設定 Short nameを 自分の名前に icon Other Settings Virtual
Reality Supported Publishing Settings Package Nameを 自分の名前に
実機で動かそう : 出力の際の設定 File Build Settings
実機で動かそう : Build Add OpenScenes Universal Windows Platform Switch Platform
・ Target device HoloLens ・ Build Type D3D ・ SDK 10.0.10586.0 最後にBuild
実機で動かそう : Build用フォルダの作成 Appと名前を付ける 新しいフォルダ フォルダーの選択
実機で動かそう プロジェクト名.sln Appフォルダ
実機で動かそう : HoloLensへのデプロイ x86 横の▼ Device (USB接続の場合)
実機で動かそう : HoloLensへのデプロイ Debug Start Without Debugging
完成