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
サイバー捜査員研修(後半)
nomizone
1
810
AI ネイティブな組織に Gemini Enterprise Agent Platform がなぜ必要なのか
asei
1
190
モバイルアプリ開発概論2026
recruitengineers
PRO
4
510
[しろおび夏祭り2026] チャットするAIから、作業するAIへ - 使われ方の変化と、その裏側で起きていること
kk0n
0
1.7k
SO-101×VLAによる3色キューブのピック&プレース
abeja
0
160
第3回しろおびセキュリティスポンサーセッション
log0417
0
160
AI駆動開発は個人技からチーム戦へ:組織でAIを使いこなすための実践設計
moongift
PRO
0
480
システム思考で問題に対処する
yussak
0
210
Bill One 開発エンジニア 紹介資料
sansan33
PRO
7
19k
ホームラボ紹介
y_sera15
0
130
20260608_Codexの可能性_ノンプログラマー向け_大城追記
doradora09
PRO
0
780
【CEDEC2026】専門性の高いデフォルメチームが挑んだ人材育成戦略 〜Cygames Academiaの企画から実施まで〜
cygames
PRO
0
530
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
170
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.3k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Building Adaptive Systems
keathley
44
3.2k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.5k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
119
120k
A Modern Web Designer's Workflow
chriscoyier
698
190k
The Invisible Side of Design
smashingmag
301
52k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
250
My Coaching Mixtape
mlcsv
0
210
Become a Pro
speakerdeck
PRO
31
6.2k
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
完成