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
はじめようLooking Glass & Leap Motion
Search
TakashiYoshinaga
January 19, 2019
Technology
5.4k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
はじめようLooking Glass & Leap Motion
ARコンテンツ作成勉強会のハンズオン資料
TakashiYoshinaga
January 19, 2019
More Decks by TakashiYoshinaga
See All by TakashiYoshinaga
Nreal Light / Air 開発入門ハンズオン
takashiyoshinaga
0
1.1k
MediaPipeのハンドトラッキングで作るARライトセイバー
takashiyoshinaga
1
400
UnityとZapWorksで始めようWebAR開発
takashiyoshinaga
0
4.3k
Getting Started with WebAR for HoloLens2 and Meta Quest
takashiyoshinaga
0
2.9k
Getting Started with HoloSDK
takashiyoshinaga
0
320
Getting Started with Non-Programming AR Development with MRTK v2.4.0
takashiyoshinaga
0
2.9k
Getting Started With MRTK (for Beginner)
takashiyoshinaga
0
750
始めようWebAR/VR開発
takashiyoshinaga
1
1.1k
Getting Started with Azure Kinect DK
takashiyoshinaga
1
6.2k
Other Decks in Technology
See All in Technology
きのこカンファレンス2026_肩書きを外したとき私は誰か
yamasatimi
1
120
AIDLC_ヤフーショッピングの取り組み
lycorptech_jp
PRO
0
380
AI Agentをシステムに組み込む前にゆるく向き合ってみる
hayama17
0
180
起点・思考・出力で分解する 〜PM業務の自動化設計〜
kazu_kichi_67
2
1.2k
從觀望到全公司落地:AI Agentic Coding 導入實戰 — 流程整合與安全治理
appleboy
1
420
「軸足」は 固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形
kakehashi
PRO
1
320
水を運ぶ人としてのリーダーシップ
izumii19
4
1.2k
Kotlin 開発のツラミを爆破した話! / Explode the difficulty of Kotlin dev!
eller86
0
130
WebGIS AI Agentの紹介
_shimizu
0
610
Baseline対応のDOMの型定義を作った
uhyo
1
260
感情と身体を置き去りにしない、エンジニアの生きのこり方 ──いまから、ここから「自分の状態」を扱うという選択
saorimurooka
0
440
cccccc
moznion
0
140
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
Navigating Weather and Climate Data
rabernat
0
260
Building AI with AI
inesmontani
PRO
1
1.1k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
240
Testing 201, or: Great Expectations
jmmastey
46
8.2k
Exploring anti-patterns in Rails
aemeredith
3
430
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
480
Thoughts on Productivity
jonyablonski
76
5.2k
Docker and Python
trallard
47
3.9k
Transcript
はじめようLooking Glass ARコンテンツ作成勉強会
自己紹介 氏名:吉永崇(Takashi Yoshinaga) 所属:九州先端科学技術研究所(ISIT) 専門:ARを用いた医療支援や運動計測 コミュニティ:ARコンテンツ作成勉強会 主催
ARコンテンツ作成勉強会の紹介 2013年5月に勉強会をスタート ARコンテンツの作り方をハンズオン形式で学ぶ 人数は5~10名程度の少人数で実施 参加条件はAR/VRに興味がある人(知識不要)
各地で開催 (福岡、熊本、宮崎、長崎、大分、 鹿児島、山口、広島、関東)
Twitterと勉強会ページで情報を発信しています #AR_Fukuoka Googleで「AR勉強会」で検索
Download Leap Motion SDK (DL & Install) https://developer.leapmotion.com/windows-vr Unity Assets
for Leap Motion Orion Beta https://developer.leapmotion.com/unity/#5436356 Leap Motion Interaction Engine (1.2.0) https://developer-archive.leapmotion.com/downloads/ external/interaction-engine/windows?version=1.2.0 HoloPlay SDK https://lookingglassfactory.com/downloads/ 演習用素材 http://arfukuoka.lolipop.jp/lookingglass/ LookingRoom.unitypackage
今回作るコンテンツ https://youtu.be/wy_TTPNCUc0
Unityの起動と新規プロジェクトの作成 New
新規プロジェクトの作成 3Dを選択 プロジェクト名 保存場所 最後にCreate project
ゲーム空間にCGを追加しよう ①右クリック ②3D Object ③Cube
ゲーム空間にCGを追加しよう Cubeが出現
実行してみよう カメラから見た空間 クリックして実行 クリックして終了
オブジェクトの位置・向き・サイズを調整 移動 回転 拡大・縮小 クリックして選択
Scene(設計画面)の視点を変えよう [←] [→]で左右移動 [↑][↓]でズームイン/アウト [Alt]+ドラッグで回転 +ドラッグで上下左右
数値を用いたCG位置・サイズの指定 クリック Positionを0 0 0に変更 Scaleを全て1.5に変更 Inspector(≒詳細情報)
Cubeの色の変更 ①右クリック ②Create ③Material
Cubeの色の変更 Materialが出現
Cubeの色の変更 ①Cubeをクリック ②Mesh Renderer ③Materialを開く
Cubeの色の変更 Element0にNew Material をドラッグ&ドロップ
Cubeの色の変更 ①New Materialを開く ②Albedoの横の□をクリック 好きな色を選んで閉じる ※ただし青系は避ける
Cubeの色の変更 色が変わればOK
Looking Glass用SDKの導入 ①Assets ②Import Package ②Custom Package
LookingGlass用SDKの導入 ①HoloPlay-SDK-0.1.4.unitypackage ②開く
LookingGlass用SDKの導入 ①Import ②Apply Changes ②Close
LookingGlass用カメラの設定 Main Cameraを削除
LookingGlass用カメラの設定 ①HoloPlay ②HoloPlay Capture Hierarchyにドラッグ&ドロップ
LookingGlass用カメラの設定 LookingGlassの表示領域
動作確認 実行 ※次のページに行く前に停止 Looking Glass用の出力が表示される
実機で動かそう LookingGlassとPCを接続
実機で動かそう Settings Right
実機で動かそう ①Toggle Preview ②実行
動作確認
実機で動かそう Stop
Leap Motionを使おう Leap MotionとPCを接続
Cubeを一時的に消す ①Cubeを選択 ②チェックを外す
Cubeを一時的に消す Cubeが消える
LeapMotionのSDKを導入 ①Assets ②Import Package ②Custom Package
LeapMotionのSDKを導入 ①Leap_ Motion_ Core_ Assets… ②開く ③Import
LeapMotion用オブジェクト作成 ①右クリック ②Create Empty
LeapMotion用オブジェクト作成 ①GameObject ②LeapRigに変更
LeapMotion用オブジェクト作成 ①LeapMotion→Core→Prefabs LeapRigにドラッグ&ドロップ ②LeapHandController
LeapMotion用オブジェクト作成 LeapHandController 子要素としてが追加された
手のオブジェクトを追加 ②CapsulHandRight/Left ①LeapMotion→Core→Prefabs→HandModelsNonHuman LeapRigにドラッグ&ドロップ
LeapMotion用オブジェクト作成 CapsuleHandがLeapRigに追加された
各種設定 ①LeapHandController ②LeapServiceProvider ③Desktop Mode A
各種設定 ①LeapHandController ②Hand Model Manager ③Model Poolを開く ④1と入力
各種設定 ②Element0を開く
各種設定 ①Capsule Hand Left/Rightを Left/Rightモデルにそれぞれドラッグ&ドロップ ②Is Enableをオン
確認 ②ズームすると手がある ①LeapRigをダブルクリック
確認 ①実行 ②手の動きが可視化される
確認 停止
Sceneの視点変更 HoloPlay Camera をダブルクリック
Sceneの視点変更 ①XかZ軸をクリック ②カメラからLookingGlass の表示領域を正面から見る
Sceneの視点変更 Zoomで近づく
手の位置とサイズを変更 ①LeapRig ②位置を(0,-7,-10) Scaleをすべて34
動作確認 実行 ※次のページに行く前に停止
腕を非表示にする ①Capsule Hand Left ②ShowArmをオフ
腕を非表示にする ①Capsule Hand Right ②ShowArmをオフ
動作確認 ②手のみになる 実行 ※次のページに行く前に停止
Cubeを再び表示 ①Cube ②チェックをオン
動作確認 ②触れない 実行 ※次のページに行く前に停止
Interaction Engineの導入 ①Assets ②Import Package ③Custom Package
Interaction Engineの導入 ①Leap _ Motion _ Interaction _ Engine・・・ ②開く
Interaction Engineの導入 ①LeapMotion→Modules→InteractionEngine→Prefab ②InteractionManager ③LeapRigにドラッグ&ドロップ
Cubeにインタラクション機能を追加 ①Cube ②Add Component
Cubeにインタラクション機能を追加 ①Interactionで検索 ②Interaction Behaviour
Cubeにインタラクション機能を追加 ①Cube ②Auto-Fix
動作確認 実行 ※次のページに行く前に停止 立方体が落下。手で受け止めることも可能
動作確認 Auto-Fix
動作確認 停止
Looking Glassを箱に見立てる ①Assets ②Import Package ③Custom Package
Looking Glassを箱に見立てる ①LookingRoom ②開く
Looking Glassを箱に見立てる ①Assets ②Room ③Hierarchyにドラッグ&ドロップ
Looking Glassを箱に見立てる 実行
動作確認
反発させていい感じに ②右クリック ③Create ④PhysicMaterial ①Assets
反発させていい感じに ①New Physic Material ②Bouncinessを1
反発させていい感じに ③New Physic Material ②BoxCollider ④Materialに ドラッグ&ドロップ ①Cube
Cubeを増やす ①右クリック ②CreateEmpty
Cubeを増やす ①GameObject ②Cubesに変更
Cubeを増やす
Cubeを増やす CubeをCubesにドラッグ&ドロップ
Cubeを増やす ①Cubeを選択してCtrl+D
Cubeを増やす ①Cube(1) ②位置をずらす
Cubeを増やす 同じ要領でCubeを増やす
Cubeを増やす
重力を変更 ①Edit ②Project Settings ③Physics
重力を変更 Y=-0.2
完成