Quest3とSteamVRでSTYLYをパススルーにしてみた

## Quest3とSTYLYでパススルーの体験がしたい！！
Quest3が発売されて、パススルー良さがじゃんじゃんと広まってきましたね

弊社の先輩がこんな事してバズったり。。。

https://x.com/hacha/status/1716823948112105630?s=20


こと自分はSTYLY開発をしている身なので~~いろいろあるのですが~~
現行版STYLYでもパススルーをする方法は無いかと考えた結果
一つの方法を見つけたのでこれを共有します！

## 準備するもの
1. Meta Quest3
1. SteamVRとSteamVRが起動するWindowsPC
1. [SteamVR版STYLY](https://store.steampowered.com/app/693990/STYLYVR_PLATFORM_FOR_ULTRA_EXPERIENCE/)
1. [Virtual Desktop](https://www.vrdesktop.net/)

上記のもののセットアップおよび、インストールは終わっているものとします。

## やり方！！
### 1.Virtual DesktopのVR Passthroughを有効化する
* STREAMING > VR PassthroughにあるEnabledにチェック
* 隣にあるConfigureを押下

![com.oculus.shellenv-20231214-1855312.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/a4c0f4d5-0bca-bd15-2b95-ab93f7d8854a.jpeg)

### 2.パススルーのクロマキーを設定
* Greenのみ255でRed、Blueは0にする
* ほかの設定はデフォルトでよし！

![com.oculus.shellenv-20231214-1855372.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/53a724f8-4c2b-1cd3-6b58-7f414e8ef19f.jpeg)

### 3.STYLY Studioでパススルーにしたいシーンを作る
* [STYLY Studio](https://gallery.styly.cc/studio/scene)にアクセスし新規シーンを押下

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/65a240db-224e-1544-9bd7-478a8e33f886.png)

* VR Scene Templateを選択して下部にあるシーンを作成を押下

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/bccdc58f-5158-d189-88be-21788f60eba1.png)

* Studioが開いたらAssetメニュー>Enviroment>Skybox>SkyAndLights_Gradient_changeableを選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/8e0a9f1d-b69d-f084-7a92-cbf97b9ac5c0.png)

* Sky color、horizon color、ground colorを各々#00FF00に設定し、[ADD TO SCENE]を押下

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/863b4ff5-73d2-1a39-bd86-11ffcd53d981.png)

* シーンがみどりになったらあとは好きなオブジェクトを置くだけ！！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/03ecc893-c25f-840c-969d-667dcdd9547d.png)

今回はアバターを置いて[Modifier](https://styly.cc/ja/manual/modifier-manual-styly/#Humanoid_Animation_Rumba_dancing:~:text=%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B-,%5BHumanoid%20Animation%5D%20Rumba%20dancing,-%E3%83%AB%E3%83%B3%E3%83%90%E3%83%80%E3%83%B3%E3%82%B9%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3)で躍らせてみました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/9e0051e5-6453-2ad0-6313-ad637d6c4cdc.png)

### 4.いざシーン再生！
* Virtual DesktopからSteamVRを起動します
![com.oculus.shellenv-20231214-1855313.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/ad8cf487-f60a-5477-48f8-d10f6d55d400.jpeg)



* SteamVRが起動したらSTYLYを起動します
* 先ほどのシーンを再生してみましょう
![com.oculus.shellenv-20231214-185718.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/a3fb88eb-c632-562a-088a-7851a883a53f.jpeg)

### できたぁ！！！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/705249/47ea6f65-53e8-91b2-01e3-494a3718e747.png)


## 最後に
Meta Quest3はめちゃくちゃ軽くていいですねー
VRChatのクロマキーワールドを作成すれば、おなじ方法でVRChatもパススルー出来ます！！！


## 宣伝
PsychicVRLabではUnityエンジニア・サーバーサイドエンジニアを募集しています！！ご応募お待ちしています！！

https://www.wantedly.com/projects/1360135

https://www.wantedly.com/projects/1360123