OculusQuestでハンドトラッキングをしてみよう！＜前編＞

-

 前に投稿した記事ではOculusQuestの開発環境を整える方法をまとめました。
今回は簡単にハンドトラッキングを使えるようにしていきます。

筆者環境

  • MacBookPro（2017年モデル）
  • Unity バージョン2019.2.17f1

前提条件

1.プロジェクトを作りアセットを適用

前に投稿した記事に全て書いてあるのでそれを参考に
1.プロジェクトを作る
2.各種設定
3.アセットの入手
4.アセットをプロジェクトに適用
までの作業を済ませてください。

2.ハンドトラッキングの各種設定

次にハンドトラッキングのための設定をしていきます。
1.画像"例1"を参考に
①のAssets->VR->Prefabsの中にあるOVRHandPrefabを
②のOVRCameraRig->TrackingSpaceの中のLeftHandAnchorとRightHandAnchorのなかにドラッグ&ドロップで入れます。

例1

2.画像"例2"を参考に
①のOVRHandPrefabをクリックし開き
Inspectorの中の②〜④を全てHand Rightに設定する。
＊注意RightRightHandAnchorの中のOVRHandPrefabだけ上記の設定をしてください。

例2

3.最後にOculasQuest本体の設定をしていきます。
ホーム画面から設定->全てを見る->テスト機能でハンドトラッキングの項目をオンにする。
画像”例3”を参考に①〜③の順に選択し青で囲まれたものに画面が変わるのでその中のハンドトラッキングの項目を設定します。④が画像と同じようにONの状態になっていれば大丈夫です。

例3

これだけで本体の設定は完了です。

  • 注意：最後のOculusQuest本体での設定操作を必ず忘れずに行ってください。
    正しく設定されていない場合動作しません。

3.動作確認

いよいよ動作確認に入ります。
前に投稿した記事を参考にOculusQuestをPCに繋ぎビルドします。
完了後OculusQuest側で勝手にアプリを立ち上がらせてくれるので、動作を確認しましょう。 実際にOculusQuestを被って本体の前に手を出してその通りに手が表示されていれば成功です。
またOculusQuest本体の設定もされているのでホーム画面でもハンドトラッキングが使えるようになっています。
再度注意ですがOculusQuest本体の設定をしていないと正しく動作しないの正しく設定してください。

4.まとめ

今回は短くはありますが前編ということで簡単にハンドトラッキングを使えるようにしました。 ホーム画面でもハンドトラッキングが使えるのはとても面白いと思います。
しかし操作方法などは不明なので別途調査が必要です。 もしできたらそちらの方も記事にしたいと思います。
後編も出来次第、よろしければ読んでもらえると嬉しいです

コメント

コメントを投稿

このブログの人気の投稿

Phaser3 + Typescriptを使ってRPGゲームの基礎を作ろう！その２

-
イメージ
前回の記事 に引き続きPhaser3+Typescriptを使って RPG の基礎を作っていきます。 この記事は前回の記事を呼んだ前提で説明していきますので、ぜひそちらを先に読むことをお勧めします。 また、今回の記事は前回よりも難易度と内容量が上がっていますが、記事の最後に作業後の リポジトリ のリンクがありますので、そちらを先にダウンロードしてそちらと比較しながら学習することができます。 前回まで作成した状態のプログラムが以下の リポジトリ からダウンロードできますので前回まででうまくいっていない方は参考にしてみてください。 github.com 最終目標（再掲） ・Phaser3とTypescriptで RPG ゲームの基礎を作る。 ・Phaser3をTypescriptで使う方法を学ぶ ・Phaser3の使い方を学ぶ 今回の目標 ・ゲームの作り方の断片を知る ・キャラの表示できるようにする ・キャラを移動できるようにする ・当たり判定をつける ・ NPC の追加してみる ・話しかけられるようにする 開発前提（再掲） ・Nodejsの環境・知識がある ・ Javascript ・Typescriptがある程度かける ・当ページ紹介の環境を試す場合はgit・ github の知識がある 使用した主要Nodeモジュール（再掲） ・typescript（Typescriptの コンパイル 用） ・phaser（フロントの Javascript 用ゲームライブラリ） ・live-server（ソースを監視してブラウザのページをリロード） ・ts-loader（webpackがTypescriptをバンドルする用）webpack（言わずと知れたモジュール依存をいい感じに解決しバンドルする） ・webpack- cli （webpackを コマンドライン で使用するのに必要） 注：各Nodeモジュールバージョンは後述 当ブログ仕様の画像素材の注意点 当ブログで使用する画像素材は『 ピポヤ倉庫 』より許可なしで無償再配布・改変が認められたものを改変して作成されたものです。 中には許可なく再配布・改変してはいけない素材もインターネット上には多く存在するのでそれらを使用するときは十分に規約を呼んでから使用しましょう。 1. キャラの表示 想定画面 今回は、はじめにキャラつまり操作
続きを読む

M5Stackで、においセンサー（TGS2450）を使ってみる。（LCDに表示編）

-
イメージ
今回は、においセンサー（TGS2450）から取得したデータをM5Stackの LCD にグラフ表示をしていきます。 今回主に使用したもの M5Stack 10Ω抵抗 5本 Pch  MOSFET  2SJ334（スイッチとして利用） M5StackSideBB（ブレッドボード） M5Stackのピンはそのままだと配線するとき手間がかかるかと思いますので、今回はM5StackSideBBを利用しました。 ブレッドボードも付いているので、手軽に電子工作できるので個人的にオススメです。 SideBB for M5Stack www.switch-science.com 諸注意 本ブログのプログラムはArduinoIDEまたはPlatformIOでM5Stackの開発ができる状態であること前提のものですので、各自導入をお願いします。 過去に Windows のArduinoIDEで M5Stackの開発環境を構築する記事 があるので、参考にしてください。 においセンサー（TGS2450）について 今回使用したセンサーは 秋月電子通商 で購入できます。 http://akizukidenshi.com/catalog/g/gP-00989/ akizukidenshi.com TGS2450には4つのピンがあり、使用するのはそのうちの3本でヒーターを温めるピン、センサー情報を得るピン、GNDがあります。 ここで注意したいのは、ヒーター電圧は1.6Vと記述されているのでM5Stackで利用するときは分圧して3.3Vを1.6V近くまでに降圧することをお勧めします。 TGS2450のセンサーは可変抵抗になっており、データシートには5.62kΩ〜56.2kΩの間を抵抗が変化し、においが強いとより低くなると記述されていました。 よって、センサーの値をM5Stackで取得するにはセンサー抵抗と外部に接続する任意の値の抵抗による分圧回路によって求めることができます。 TGS2450の動作方法は、250ms周期でセンサーに電圧を5ミリ秒on、245ミリ秒offの状態にしてヒーターは8ミリ秒on、242ミリ秒offにすることで値を取得します。 配線 においセンサーとM5Stackの配線 上の図が配線図です。 30Ωの抵抗は10Ωの抵抗を三つ直列に接続して作成しました。 また、上部の抵抗10Ω二
続きを読む

Phaser3 + Typescriptを使ってRPGゲームの基礎を作ろう！その１

-
イメージ
今回はPhaser3とTypescriptを使って簡単な RPG ゲームを作る方法を紹介していきます。 内容はPhaser3およびゲーム作りについての記事なので、Nodejsの周辺モジュールなどの説明は一部省いての説明になりますのでご了承ください。 またこの記事では Phaser2 ではなく Phaser3 を使用するので注意してください。 この記事は二部構成になりますので、この記事を読んだ際はぜひ次の記事も読むことをお勧めします。 最終目標 ・Phaser3とTypescriptで RPG ゲームの基礎を作る。 ・Phaser3をTypescriptで使う方法を学ぶ ・Phaser3の使い方を学ぶ 今回の目標 ・開発環境を整える ・Phaser3の開発構成を知る ・スタート画面を作る ・マップ表示をさせる 開発前提 ・Nodejsの環境・知識がある ・ Javascript ・Typescriptがある程度かける ・当ページ紹介の環境を試す場合はgit・ github の知識がある 使用した主要Nodeモジュール ・typescript（Typescriptの コンパイル 用） ・phaser（フロントの Javascript 用ゲームライブラリ） ・live-server（ソースを監視してブラウザのページをリロード） ・ts-loader（webpackがTypescriptをバンドルする用）webpack（言わずと知れたモジュール依存をいい感じに解決しバンドルする） ・webpack- cli （webpackを コマンドライン で使用するのに必要） 注：各Nodeモジュールバージョンは後述 1. 最低限の開発環境の準備 今回最低限の環境を整えるために、『Typescript + Phaser3』の開発テンプレートを github リポジトリ で公開しました。 以下からZIPをダウンロードするか、 git clone コマンドで各自環境に展開してみてください。 ここから先は リポジトリ のプログラムを元に説明していきます。 github.com 展開するとファイル構造は以下のようになっているかと思われます。 注： 他にもファイルやフォルダがあるかと思われますが、表記されているのは今回使うものになっています。 - src/ （これから書くプログラムの保存領域）
続きを読む