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
330
Getting Started with Non-Programming AR Development with MRTK v2.4.0
takashiyoshinaga
0
2.9k
Getting Started With MRTK (for Beginner)
takashiyoshinaga
0
760
始めようWebAR/VR開発
takashiyoshinaga
1
1.1k
Getting Started with Azure Kinect DK
takashiyoshinaga
1
6.2k
Other Decks in Technology
See All in Technology
EMの役割で 変わったこと・変わらなかったこと
sansantech
PRO
1
210
わたしが知り合いゼロの勉強会に 行けるようになるまで
r5ni4
2
840
書籍『生成AIの安全性入門』の入門
wataoka
0
130
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
6
77k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
20k
エージェント化するAI:現在地とその先に起きる変化 / AI as Agents: The Current State and the Changes Ahead
ks91
PRO
0
170
RapidCopy2 Matrix I/Oエンジンによるファイルコピーソフトウェアの設計と実装
kengosawa2
1
490
OAuth SPIFFE Client Authentication(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
370
PdMをやめて、 "プロダクトビルダー"という 働き方に変えました / PdM to Product Builder
shikichee
2
320
:syncing_time:
sksat
3
850
Distributed Transactions Under Fire: Building a Zero-Oversell Flash Sale Platform with Amazon Aurora DSQL
yama3133
1
110
Introduction to Bill One Development Engineer
sansan33
PRO
0
480
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
50
15k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
First, design no harm
axbom
PRO
2
1.3k
Typedesign – Prime Four
hannesfritz
42
3.1k
Designing Experiences People Love
moore
143
24k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
How to Talk to Developers About Accessibility
jct
2
530
Designing for Performance
lara
611
70k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
2
3.8k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
2.6k
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
完成