軽率なRector入門

## はじめに  
2025年4月2日に**shivaduke** さん(https://x.com/shiva_duke28 )が公開した **「Rector」** をご存知でしょうか？

https://shivaduke28.hatenablog.com/entry/2025/04/02/134354

先日のVJで試したところかなり最高だったので、
本記事では **「Rector を導入し、簡単なループ映像を出力する」** までを解説します。



https://x.com/sakiyama_VRC/status/1913631969369551151

↑こんなVJができるようになります

## Rector とは
- **Unity** 製の *ライブ・ノードベースプログラミング風* VJ フレームワーク  
- 名前の由来は **re + ctor**（constructor）  
- **draw(tokyo);#2** で使用した VJ ツールを公開したもの  

## 動作環境  

| 項目 | 推奨値 |
|------|--------|
| OS | Windows 11 |
| Unity Editor | **6000.0.42f1** |
| 入力機器 | Xbox 互換ゲームパッド（キーボード操作も可） |


![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/a8911832-3ead-4497-8f2a-883d9b22e67a.png)
本記事のゴール

## 0. 準備   
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/2d954711-9c0f-4faa-891f-6aeac1f5c5a7.png)



1. **Unity Hub** で *6000.0.42f1* をインストール  （https://unity.com/releases/editor/archive）
2. 作業用フォルダを用意  
3. ターミナルを開き、次を実行  
     
        git clone https://github.com/shivaduke28/Rector


![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/46fec77c-d0a1-4c60-893d-80a154b8f5be.png)
こうなったらOKです。

![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/07129ffa-b667-45e3-82b8-a651d8226908.png)

4.Unity Hub → **Add** → クローンしたフォルダを選択  

![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/609a59b5-b176-45be-a57d-5c8d0051f7c5.png)

5.起動します

![28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/79a6f11c-3ebb-47fa-bd37-5437279f426d.png)

6.初回起動時に**Safe Mode** を勧められますが *Ignore* を選択します。2回目以降は出ません。 

![9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/901cc026-a2c2-495f-add3-eeb038116eb3.png)
7. インポート後、シーン **BG** を選択
これで準備完了です。




## 1. VFX を表示する  

1. **Play Mode** に入る 
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/874cab25-cc24-4419-a042-fae7abc6f8df.png)
 
2. **△ (Y)** でノードパレット表示  
3. **VFX** → **CubeSphere** を選択
4. 上に上がった**CubeSphere**を選択し、**R1（Shift）** を押しながら **→** でActiveをtrueにする

![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/3b1ad4d5-5c69-4746-8e81-5f46091ac9f0.png)
Active false（非表示）

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/7d189c7a-b027-4633-b475-b3828fa454f1.png)
Active true（表示）

すぐに良い感じのビジュアルが出力されます。

## 2 カメラを切り替える  

1. **△ (Y)** でノードパレット表示
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/907d2f5c-39ba-4c73-9800-d874726715b9.png)
1. **Camera** →  **Circle Low** と**Doly** を選択
![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/17b8d9d7-32dd-4048-9f04-4fe9835b66f1.png)

3. **Beat**の1と**Circle Low** 選択し、ノードを接続
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/4a92a3b6-83cc-4c59-aca7-13b4156efee6.png)

（接続するとカメラ位置が変わってます）

![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/e2ee5bde-1946-417f-b8f6-6d40e901d7b0.png)

4.**Beat** の3と**Dolly**を接続

![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/9521d277-4225-4859-9a79-9e320cb23dfc.png)

5.先ほどの**CubeSphere**を表示します。

これで完成です。楽しい。

6.**○ (B)** を3回押すと、ノード選択できるようになります。（はじめは慣れないかもですが、慣れるとサクサク動かせるようになります）


## 3 （補足）パラメータ編集  

- ノードを選択 → **RT(Shift)** で数値ウィンドウを表示  
- **十字キー上下(WASD)** で値を調整  
- **△(C)** で刻み幅を   `1 → 0.1 → 0.01 → 0.001` の順に切替  


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/7765b14e-409e-4730-aa7a-96c918ab51b9.png)
MADとかほかのVFXもパラメータ変えれるのでいろいろ触ってみてください。

## 4 (補足)シーンを増やす  
![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/9113af80-c186-4f35-938d-be07bb450d02.png)
1. **File** → **New Scene**　を追加
![24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/4d0f91f9-f12e-4a05-a0cf-7609203fbe5a.png)
2. **Skybox** を設定してみます。今回は空にしてみましょう。

![25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/421eabf5-d4e1-4ffc-822e-0ecb4d03a26a.png)
3.**Main Camera**を消します。**BG Scene**を追加で置いて作業すると便利です。

![22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/b82155a7-b6eb-4b18-add3-8aed63253e8f.png)

4.**Assets/Rector/Settings/RectorSettings.asset**を開き、Rector SettingsにScene名を追記


![23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/6c15ebde-4791-48bc-be4f-b3bac9065f8d.png)

5.追加するシーンを開いた**Build Profiles** → **Add Open Scene**  




![26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/4968f2a2-3c65-4374-a75a-ee7e2bf3247a.png)

6. Play Mode 開始 → **START(B)** を押し  シーン一覧から新シーンを選択  


![27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3117846/84be4f6c-3b9f-4441-a07e-7dd5a59807a3.png)
これでSceneを変えることができるようになります。
雰囲気に応じてSceneを変えると楽しいです。


## まとめ  

さて、本記事では  

1. 環境構築  
2. VFX 表示  
3. カメラ操作  
4. シーン追加  

までを解説しました。
次のステップとして **独自VFX組込み** や **ノードカスタマイズ** に挑戦するとさらに表現が広がりますね。

また、詳細な手順や仕様についてはscrapboxにまとめていただいているのでそちらをご確認ください。

https://scrapbox.io/Rector/

---

ちなみに、告知ツイートはまだですが6月と8月にVRChatでVJする予定でして、全て**Rector**を使う予定ですので、もしよかったらご参加ください。

https://x.com/sakiyama_VRC

↑こいつ、VJ出演募集中です。

それでは。