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
AI時代のアウトプット――変わったこと、変わらないこと / Devsumi 2026 Kansai #devsumi
jnchito
0
550
研究開発部の紹介 / Sansan R&D Profile
sansan33
PRO
4
24k
Bill One 開発エンジニア 紹介資料
sansan33
PRO
7
20k
属人化を叩き割れ!「制作加速」と「安定化」の矛盾を打破する:8年目プロダクトが辿り着いた「ミスが起こり得ない」アセット制作フローの全貌
gree_tech
PRO
0
440
AI時代のデータ基盤を考える問い
pacocat
0
530
Claude Teamプランの コスト最適化を考える
rfdnxbro
0
150
あなたの知らないバージョン命名規則
sat
PRO
2
510
トークンマネジメントでAIにとって働きやすい環境を実現する
hikaruegashira
0
150
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.3k
【CEDEC2026】Creative Approaches to Localizing the Dialects and Unique Speech of Umamusume: Pretty Derby Characters in English
cygames
PRO
4
26k
Head First モブプログラミング / Head First Mobprogramming
takaking22
10
12k
[potatotips #96] Give Your AI Agent the Flutter Playbook
korodroid
0
160
Featured
See All Featured
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
560
Everyday Curiosity
cassininazir
0
290
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
480
Technical Leadership for Architectural Decision Making
baasie
3
530
Exploring anti-patterns in Rails
aemeredith
3
470
Why Our Code Smells
bkeepers
PRO
340
58k
A Soul's Torment
seathinner
6
3.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.1k
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
完成