https://dnjiro.hatenablog.com/entry/quest3-first

Android用無料のベクトルグラフィックスアプリ 9VAe きゅうべえが、MRめがね、Meta Quest3 で動くのかどうか、確かめていく過程を紹介。Meta Quest3 とはどんな端末なのか、興味のある方には役にたつと思います。Quest3は、大阪万博の超時空シアター（X06）で使用されてます。ケーブル接続で非常にきれいでした。

ほかの解説動画はこちら。

内容：

１．Meta Quest3 の開封

箱のなかに、めがねと、両手でもつコントローラがはいってた。説明がほとんどない。
箱のふたのうらに、電源スイッチの場所（左側面）。そのよこにUSB-C電源ケーブルの口があるので、そこにケーブルをさして充電。
電源ボタンを押すと、両目の中にバッテリーサインがみえた

２．Meta Quest3 の電源をいれてみた

電源をいれて、めがねをはめると、部屋の中がみえる。
空中にディスプレイがでてきて、コントローラから、透明シートを抜く映像が繰り返し上映される。
これにはびっくり。次の操作をするには、コントローラのボタンをつかう必要があるのだろう。その操作を言葉や不要な情報をださず、その部分の映像だけみせる。これが MR の使い方なのだろう

３．めがねをかけるのがむずかしかった

メタクエストが重くて、手をはなすとめがねがずれてしまう。ベルトを調整してもうまくとまらない。さわっているうちにベルトの長さの調節方法がわかった。短くすると、両手をはずしても大丈夫になった。大阪万博の超時空シアター（X06）はプラスチックのベルトでダイヤルを回して調整する。
自分のめがねをはずして、メタクエストをかぶると文字が見えなかったが、めがねをかけたまま、メタクエストをはめると、空中の文字がよめた。

４．MRの中の画面と実際の画面の区別がおもしろい

MRのなかの空中の画面は、完全に静止してきれいだが、それ以外の実画像は、ふよふよしている。それでどこがVRで、どこが実画像かがわかる。この文章は、メタクエストをかぶって、実際のパソコンを入力しているが、ふよふよしているが、一応入力できる
VR画面では、コントローラをペアリングせよという動画がループしてる

５．コントローラからビームがでてびっくり

メタクエストの画面をみながら、ペアリングしないといけない。
そうなると、コントローラーのはいった箱からコントローラを取り出さないといけないので、MR（シースルー機能）は必須。VRだと箱やコントローラが見えなくなる
メタクエストをはめた状態で、右側のコントローラから透明シートを抜くと、電源がはいった。そこからビームが飛び出した！びっくり！
ビームはVRによる合成で、実際にはないものだが、実世界にあわせて長さがかわるのがすごい。手元にあるかばんにビームをあてると、かばんのところでビームが消える
遠くにあるVRディスプレイにはビームが届く。すごい。
コントローラのまわりには、握り方を説明する画像が合成される。これがMRか

６．コントローラのビームで画面のボタンを選んでボタンをおした

設定する前はいろんな言語が順番に表示されたが、リストから言語を日本語に設定すると日本語になった。ビームで日本語を選ぶことができた
レンズの奥行き調整の説明がでてきた
メタクエストの左目の下のダイヤルで文字のみやすさの調整ができるみたい
WiFi設定になった。パスワードは下にキーボードがでてきた。
WiFiを設定すると、自動アップデートがはじまった。
部屋で動ける範囲の設定になった。部屋の中でどの範囲でうごけるかを設定する。２眼カメラと深度センサーをつかって壁や机や床の状態を計測するみたいだ。Quest2 からQuest3 で追加された機能は、みな必須機能と感じる
アプリを実行したときに設定範囲外にでると、アプリがストップし、新しい設定範囲を追加するボタンが表示されるみたいだ。よくできてる

７．Meta Horizon (スマホで動く管理アプリ)

箱のふたのQRコードをスマホで撮影して、アプリストアから Meta Holizon アプリをいれた。Facebook のメタクエスト版みたい。Questアプリがここからインストールできるようだが、後述の「First Hand」はのっていなかった
アバター作成はとりあえずスキップしとく。アプリプロファイルから作れるらしい
アプリがメタクエストをさがして自動的にペアリングした
スマホでこのアプリをつかってメタクエストを管理できる。メタクエストを装着しなくても設定できるのはよいかも
スマホ版 Meta Horizon には、Quest3の世界の中の映像を表示する機能がある（ミラーリング）

Windows PC なら QuestLink、Macなら MQDH

スマホがない場合、Windowsなら、QuestLink でPCとQuest3がUSBケーブルで接続できる。PC版MetaHolizon もあるが、ゲームPCでHolizonにはいるためのアプリのようだ
QuestLinkはWindowsにしかなかったが、Macでも、MQDH (Meta Quest Developer Hub)でできるようになったみたいだ

８．ジェスチャーの設定は「動きのトラッキング」

コントローラなしで、指で操作できる。基本メニュー表示は、自分に向けて親指と人差し指をつまむ操作。
最初はコントローラのほうが操作しやすい気がした。コントローラだとスクロール（マウスホイール）の操作が難しかった。あと、手で操作するほうがVR酔いがすくない気がする
操作方法について参考記事

９．アプリ First Hand がすごい！！

First Hand というアプリをやってみたら、ジェスチャーがすごかった。カメラの前の手の形を認識し、シースルーでみえる実際の手とCGを合成してくれる。操作がわからないとどうすればよいか教えてくれる
スマホアプリ Meta Holizon で「First Hand」を検索してもでてこなかった。
アプリ開発用MQDH(Meta Quest Developer Hub) からインストールした。
ソースコードも公開されている
実行して途中で終了すると、すすんだところまでが保存されていて、続きからできる。設定で保存データを削除すれば最初からできる。

10．メタクエストで実機デバッグ、開発ツールMQDH

メタクエスト用アプリを開発し、実機デバッグをする方法をしらべた

参考記事はこちら
Meta Quest for Developers で新しい組織を登録
- テキストメッセージによる二段階認証を設定
スマホの Meta Horizon アプリから、メタクエストデバイスの設定＞ヘッドセットの設定＞開発者モードＯＮ

OSがAndroidなので、Androidアプリが動くらしい

参考記事はこちら。
SideQuest というのがあるらしい。が非推奨

11．Macでのメタクエストアプリ開発（Unity + AndroidStudio + MQDH）

参考記事はこちら
MQDHダウンロード
MetaQuestDeveloperHub をいれると、ADBのパスを設定して、Macからケーブル経由で実機デバッグができるみたいだ。最初はWindowsしかできなかった
MQDHを設定する前に、UnityHubから必要なモジュールをすべてダウンロードし、AndroidStudioもいれたあとで、MQDHをいれると、パスを検出してリストから簡単に設定できる
AndroidStudioのインストール方法。ダウンロードはこちら

Mac mini と、Meta Quest3 をケーブルで接続し、AndroidStudioのデバッグ端末に、MetaQuest3がみえるところまでは確認。

12．Questの世界を外部ディスプレイに表示する

Questの世界を外部出力することを「ミラーリング」「Cast」とよぶみたいです

スマホ・タブレットに表示する

スマホ・タブレットに Meta Horizon アプリをいれる
スマホ・タブレットとQuest3 を同じ WiFi につなぐ
Bluetooth でペアリングする
Quest3 設定＞Camera ＞ミラーリング。接続先が、スマホアプリか、PCか選択肢があるので、iPadの場合はスマホアプリを選択（下図）
Meta Horizon > 上の Quest3ボタンを押して「ミラーリング」ボタンをタッチ。これで、iPad側が表示しようとする状態になる。Quest3側が、カメラから映像を送信すると iPad に表示される

Macに表示する

Mac に MQDHをインストール
Mac と Quest3 を USBケーブルで接続する
Quest3 設定＞Camera ＞ミラーリング。接続先をPCを選ぶ
Macで MQDHを起動（下図）
左側「DeviceManager」＞右上の Devices を MetaQuest3 に設定する。下にMetaQuest3が見えればOK
DeviceActionsの中の「Cast」ボタンをクリックすると、Quest画面がウィンドウに表示される。ちなみに「Capture」ボタンでQuestの映像がキャプチャできる

13．スクリーンショットをとる

ケーブル接続し、MQDHを起動すれば、Device Manager パネルから「Capture」ボタンで撮影できる
Questを見ながら撮影したいときは、右コントローラのメタボタン（長押し）＋人差し指トリガーで撮影できる。ただし、ミラーリング（Cast）中は撮影できない
撮影した写真は、MQDH＞File Manager から、On Device の Images で見ることができる。外部にJPEG画像として取り出すこともできる

14．VRChat をメタクエストに入れる

VRChatは、世界中で多くの人が参加しているVRの世界です。アバターになって、中を歩き回り、出会った人と話ができます。自分でVRの世界を作成し、ほかの人にきてもらうこともできます。当初、処理性能が高い、高価なゲームパソコンでなければできなかったのですが、メタクエストでもはいれるようにした世界もあるようです

スマホのMeta Horizon から、VRChatアプリをいれる
Questへのインストールが完了すると、通知が届く
インストールされると、ライブラリに登録される
VRChatからスタートすると最初にVRChat のアカウントを登録し、ログインを行う

20．9VAeきゅうべえのダウンロード

アプリはフリーソフト9VAeきゅうべえを使います。下からダウンロードできます

Win / Mac / Linux：無料ソフトでアニメを作ってみよう - Qiita
iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
Amazon Fire :
9VAeのボタン説明、メニュー/キー

操作方法

9VAeきゅうべえアニメ研究所をひらき、Downloadをタッチ
ダウンロードする9VAeのアイコンをタッチ
パソコン版は右上のダウンロードボタン。スマホ、タブレット版はアプリストアから「インストール」して開きます
Mac版は解凍したあと、右ボタンメニューから「開く」を２回。Win版は「詳細情報」から実行します

9VAeきゅうべえのアニメーションの動作原理については、こちらをご覧ください。＞ベクトルとビットマップの違い

ひとコマ解説動画の作り方

この記事の動画は、フリーソフト9VAeきゅうべえで作成しています。

9VAeきゅうべえのダウンロード

Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
Win / Mac / Linux：9VAeきゅうべえダウンロード
Amazon Fire :
9VAeのボタン説明、メニュー/キー

↑これを見るとダウンロード、キーフレーム補間、SVGイラストをパーツ化して口パクさせる方法がわかります。パソコンでもiPadでも同じ操作です。

9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定すると解説動画が作れます。
Youtube動画より短く、キャプチャー画面の羅列より見やすいのが特長です。
FFmpeg を使って Youtube 動画にすることもできます。

画面キャプチャ方法

OS	画面キャプチャ方法	保存先
Windows	Print Screen キー Shift + Windows + S 無料ソフト「kioku」	クリップボード（ペイントに貼り付けて保存）
Mac	Shift + Command + 4 （ShiftキーはZの左、スペースでウィンドウ指定）	デスクトップ
Android	電源 + 音量Down adbコマンド (開発者向け) adb shell screencap -p /sdcard/screen.png adb pull /sdcard/screen.png	フォトアプリ＞ライブラリ＞ Screenshots
iPhone / iPad	ホームボタン + 電源ボタンサイドボタン + 音量UP	写真＞アルバム＞スクリーンショット
Linux Mint	Print Screen キー	クリップボードファイル
Amazon Fire	電源 + 音量Down １秒長押し USBケーブルでPCと接続し、設定＞接続デバイス＞USB＞ファイル転送	ピクチャ > スクリーンショット
Chromebook	Shift + Ctrl + ウィンドウ一覧キー（上の中央のキー）	マイファイル > ダウンロード

キャプチャ画像を転送する方法はこちら

キャプチャ画像を9VAeに読みこむ

f:id:dnjiro:20220119095713g:plain

画像入力ボタン「山」でキャプチャ画像を読み込む
画像の中心の「＋」をクリック。メニューから「ステージの大きさにする」
画像の中心の「＋」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

文字入力ボタン「A」で数字を入力
角の■をドラッグでサイズ変更。
中心の「＋」または枠線のドラッグで移動
線の種類ボタンをクリック。メニューから「→」で矢印に設定
折れ線ボタンをクリック
開始点
終了点
選択ボタンで入力終了
太さ設定ボタン。メニューから「太くする」で太くできます。
文字入力ボタン「A」で説明文章を入力
背景の色を設定
線の種類メニューの「ー」で枠線がつきます
太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

f:id:dnjiro:20220119140955g:plain

文字を選ぶ
文字タブ２をクリック
文字の色をクリック
赤に設定
文字と矢印をドラッグして選ぶ
図形タブ１をクリック
線の種類から「縁をつける」
線の種類から「影をつける」、線の種類から「広く」
線の色「赤」

ひとコマアニメーションにする

ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
これで１ページ完成です。続きを作りたい場合は、ページの右側の「＋」をクリックし「続きのページを作る」で、２ページ目が作成できます。

アニメGIF、動画出力

「ファイルメニュー＞アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画が作成できます。
Win / RaspberryPi / Linux版でMP4動画を作るには FFmpeg が必要。Youtube解説
スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真＞9VAe」で見ることができます。
アニメGIFは、背景を透明にできます。音がいれられません。
MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、１秒30コマ、高さ720 または 1080 で出力するとよいでしょう。