Vキャスのルーム作成方法【Lv1】～TSO公開されたロケーションとアイテムでルームを作る～

Vキャスのルーム作成方法【Lv1】～TSO公開されたロケーションとアイテムでルームを作る～

## はじめに
[TheSeedOnline](https://seed.online/home)（以降TSO）には[ロケーション](https://seed.online/store/list?filter=environment&sort=recently)や[アイテム](https://seed.online/store/list?filter=prop&sort=recently)がたくさん公開されています！
2022/03/16現在。公開されているだけで、ロケーション552個、アイテムが4165個！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/416d2063-2f73-aa69-9389-e3da44d01d9f.png)

これら、ロケーションとアイテムを使って自分のルームを作成することが可能です！
[バーチャルキャスト](https://room.virtualcast.jp/)(以降Vキャス)では自分で背景(ロケーション)やアイテムが作れなくても、
みんなの作ったものを組み合わせて、あなたの独創性を追求した**ルーム**を作れるということです！
※個別の作者の要望で利用不可能なアイテム・ロケーションは当然避けるべきです

この記事では、**[TSO](https://seed.online/home)にあるロケーションとアイテムを使って、自分のルームを作成して公開する**方法を説明します。
※この記事で紹介するスクリーンショットのロケーションやアイテムも「しきはふり」が作成したものではなく、それぞれの作者さんが作成したものになります。


## ※以下は作業前にやっておく必要があります！
* [TSO](https://seed.online/home)に会員登録しておくこと
* [Vキャス](https://room.virtualcast.jp/)から[TSOに連携](https://acorn.virtualcast.jp/auth/tso/start)しておくこと
* VR機器でVキャスに入ることができること

## 手順
以下4段階の作業で作成＆公開が可能です！所要時間は、30分〜1時間想定です！
[1. **TSOのWebページ**での作業](#1tsoのwebページでの作業)
[2. **VキャスのWebページ**での作業](#2vキャスのwebページでの作業)
[3. **VキャスのVR内**での作業](#3-vキャスのvr内での作業)
[4. **VキャスのWebページ**でのルーム公開作業](#4-vキャスのwebページでのルーム公開作業)

## 1.**TSOのWebページ**での作業
まずは、TSOのWebページでロケーションとアイテムを取得(有料なら購入)して、自分のルームで利用できるようにします。

### (ⅰ) ロケーションを検索し、取得(購入)する
[検索ページ](https://seed.online/store/list?filter=environment&sort=popularity)から人気やキーワードで絞り込みます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/1b632c39-e9b9-c131-75e3-ac064990fc84.png" width="50%">
良さそうなロケーションがあれば、詳細画面で詳しく見てみましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/241b30cd-4154-c7e6-de19-0757fffc9660.png)
ロケーションの用途（①）と説明（②）を確認しましょう。
①の用途は3つのアイコンの濃さでなんとなく把握ができます。
（1）VCスタジオ想定アイコン：スタジオを想定した背景だと濃い表示
（2）VCルーム想定アイコン：ルームを想定した背景だと濃い表示
（3）PC想定アイコン：Questだと表示がきつそうな背景だと濃い表示。
※ ルーム作成は、VCルーム想定アイコンが濃い場合のほうがよいですが、実際には想定されていなくてもルーム背景にすることは可能です。

②の説明はしっかり読みましょう。
作者さんが背景を使うときに気をつけてほしいことなどが書いてあるかもしれません。
また、ルームには使って欲しくないなど記述があれば、ルーム利用はやめておきましょう。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/30b71562-b744-fbb9-51ce-5d842a435084.png" width="50%">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/25edac69-c7d1-9e51-6254-bcd5cc6965b9.png" width="50%">

また、詳細画面の最下部にあるライセンス情報（③）もチェックして、
「モデル その他ライセンス条件」にルーム利用禁止や個別事項がないかは確認しておきましょう。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/7dc90f5b-8037-b3de-adc2-23c274c2eb78.png" width="50%">

気に入ったロケーションを見つけられたら「この商品を購入する」をクリックして、自分が利用できるようにします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/f86f6746-4ab5-21f3-2d4b-6540bf815113.png" width="50%">

モーダルが出たら、さらに「購入する」をクリック。
購入（無料の場合は取得でしかないですが）が完了するとロケーションの詳細画面での表示が以下のようになります。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/6b19453a-44c1-bafb-79bb-4ee657c74f7e.png" width="50%">

VキャスのVR内では複数のロケーションを切り替えて確認もできるので、複数のロケーションを選んでおいても良いかもしれません。

### (ⅱ) アイテムを検索し、取得(購入)する

次にルーム内に配置するアイテムを取得しましょう。
取得操作はロケーションとほぼ変わりません。

[検索ページ](https://seed.online/store/list?filter=prop&sort=popularity)からアイテムを検索します。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/042981e0-34cd-f272-f867-f7a99f2f8da6.png" width="50%">

良さそうなアイテムがあれば、詳細画面で詳しく見てみましょう。
ロケーション同様に、アイテムの用途と説明とライセンス情報をそれぞれ確認して、ルーム利用できるアイテムを探します。
気に入ったアイテムを見つけたら「この商品を購入する」をクリックし、モーダルが出たらさらに「購入する」をクリックしておきます。

アイテムは、複数種類のアイテムを複数個ルームに配置できるので、使いたいアイテムを探してたくさん購入しておきましょう。

### (ⅲ) インベントリ編集をして、ルーム利用を可能にする

ロケーションやアイテムは、購入しただけでは、実はVキャスのVR内で呼び出すことができません。
「インベントリ」という箱に入れて、初めてVキャスのVR内で取り出すことができるようになります。

少しTSOにおける言葉の説明をしておきます。
![アセット説明図 (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/d27efd2c-b225-0375-86f8-aa0f7bad15db.png)
TSOでは「アイテム」「ロケーション」「キャラクター」のすべてを「アセット」と呼びます。
そして、TSOのWebサイト上では「アセット」はいくらで持つことが可能<sub>※1</sub>ですが、VキャスのVR内には100個しか持ち込めません<sub>※2</sub>。
そして、この持ち込める100個を「インベントリ」と呼びます。
このため、ルーム作成やVキャスで利用可能にするには「インベントリ」に入れてあげる必要があるというわけです。

※1　投稿(自分がアップロードする)アセットは上限300
※2　2022年3月20日現在の数字

それでは早速。インベントリに今回利用するロケーションとアイテムを追加しましょう。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/752063a1-e362-039d-f042-4450387c708b.png" width="50%">
TSOのヘッダー右側にある「インベントリ編集」をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/ed736d2b-a096-0991-a4a3-0c35c4266987.png" width="50%">

インベントリの編集は、画面左側のロケーションやアイテムのカードをクリックして、チェックをつけたり外したりでできます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/0545dc25-beaa-3b05-ef43-350efba94694.png" width="50%">
なお、最後に右下部にある「保存してホームに戻る」を必ずクリックするのを忘れないようにしましょう。
保存しないとインベントリは編集前のままになってしまいます。


## 2.**VキャスのWebページ**での作業
次に、VキャスのWebページでルームの枠を作成し、公開設定と名称を設定します。

### マイルーム画面から新規ルームを作成する
[マイルーム画面](https://room.virtualcast.jp/my_rooms)で「新しいルームを作る」をクリックします。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/713f84c7-fc15-14c5-8603-46f87a5c43aa.png" width="50%">

そうすると、ルームの新規作成画面になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/fab0ddd5-ce45-f00b-a172-c106a218dcfb.png)

ルームのタイトルを記入しましょう。
ただ、この時点では、ロケーションも指定をまだしていませんし、公開もされないほうが良いはずです。
作成を押したデフォルトの設定では、ルームオーナー（作っている自分のこと）だけがルームを探すことができて、ルームに入ることができる状態です。
一旦タイトルだけ入れて、「作成する」をクリックしましょう。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/4a67e51f-24a6-39a3-eec1-40f41a6dceec.png" width="50%">
作成ができると「限定公開」でマイルーム一覧のカードが増えるはずです。

これでWebページでの前準備はおしまいです！

## 3. **VキャスのVR内**での作業
更に、VR(Vキャス)内で「2.」で作ったルームに入って、ロケーションやアイテムを設定します。

### (ⅰ) Vキャスを起動して「2.」で作成したルームに移動する

ルームから行く方法を記述しておきます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/a4ad5d58-81fd-333c-a8fc-1e682a02a95e.png" width="50%">

メニューを立ち上げて「ルーム」を選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/12f7cb76-e988-af69-4e82-47027b1d7bee.png" width="50%">

マイルームを選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/a029a325-7c63-33c0-7ddc-c6486f767c48.png" width="50%">

「2.」で作成したルームを選択する。

これで作成されたルームに移動できます。

### (ⅱ) チュートリアルアイテムを片付ける

作成した最初のルームは「チュートリアルステージ」でチュートリアルアイテムがいくつか配置されています。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/5899e253-ab75-d125-0798-4064f930e02d.png" width="50%">

まず、初期に配置されているアイテムはいらないと思うので片付け（削除し）ましょう。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/1a6f5ebe-3f34-da78-126a-65fa856d3355.png" width="50%">

メニューから「ルーム情報」を選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/008e92f5-dfc4-4b77-cab6-a3f099e4d763.png" width="50%">

「すべて片付ける」を選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/9457d12c-90f3-9e6f-d9ae-13cda02afb1d.png" width="50%">

確認の「はい」「いいえ」が出るので、「はい」をクリックして、アイテムを削除します。

### (ⅲ) ロケーションを呼び出す

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/c08a5681-2534-9f17-c4c3-659142c6e38e.png" width="50%">

メニューから「ルーム情報」を選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/9db718d0-5542-a396-5dd5-ac94f703c55d.png" width="50%">

「ロケーション変更」を選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/04f891e6-d999-8393-ce5f-52ccd3b50c33.png" width="50%">

「1.」でインベントリに設定したロケーションが出るので、好きなものを選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/e751892b-df00-0686-5155-149fe509bc15.png" width="50%">

これでロケーションが反映できました。

### (ⅳ) アイテムを配置する

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/2e3bbf29-90f9-4f5f-369f-698a19dc2673.png" width="50%">

アイテムは「ルーム情報」ではなく「マイアイテム」から呼び出します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/90497bbb-7eeb-21d9-8fd5-e1e437408989.png" width="50%">

呼び出したら、好きな場所に置きましょう。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/c749a308-797d-0a8c-5f47-60bc79f01021.png" width="50%">

### (ⅴ) 移動速度やジャンプ高度を調整する

アイテムを配置できたら、移動速度やジャンプ高度も調整してみましょう。
ルームによって速度やジャンプの高さが指定できるので、設定してみましょう。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/e9558f3e-e08f-b66e-e67a-1aa3f0dbeff4.png" width="50%">

「ルーム情報」を選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/da59d7df-39d4-d1b3-bf55-3f367401cbff.png" width="50%">

「移動速度」を選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/e3874e1e-e835-0dff-82fd-d0beb296f59a.png" width="50%">

バーで速度を指定。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/70987bd4-743d-ff0a-10e3-aa31aad1d5b9.png" width="50%">

「ジャンプ力」を選択。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/dcbfe7c1-ac9b-1f56-48e4-700d9719b288.png" width="50%">

バーでジャンプ力を指定。

他にも設定できることはありますが、これでVR内の最低限のルーム設定ができました。

### (ⅵ) サムネイル用の画像を撮影しておく

VRに入っている間に、ルームのサムネイル画像をカメラで撮っておきましょう。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/4186808b-ccbd-c1eb-718f-c0618af8d894.png" width="50%">

メニューからカメラを選択します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/57d63f3d-0969-88cc-98b9-9b48592a2ed5.png" width="50%">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/798e1798-7ba4-790a-9d0a-5b90036f0077.png" width="50%">

更にフォトキャプチャを選択し、新規作成を選択します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/a7b0362d-571b-8e28-f946-6d9dcf62017e.png" width="50%">

カメラが呼び出されるので、早速写真を取りましょう。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/31cadb75-d3b1-62d1-c9ce-0f6e70509d9e.png" width="50%">

写真は、自分のPCの以下の階層にあるはずです。
`C:\Users\（ユーザ名）\Pictures\VirtualCast`
確認してみましょう。


## 4. **VキャスのWebページ**でのルーム公開作業
最後に、ロケーションやアイテムのクレジットを記述して公開します。

Vキャスの[マイルーム画面](https://room.virtualcast.jp/my_rooms)から、詳細画面にいきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/31381390-2913-a9d5-c233-d4d157d80196.png)

「ルーム説明」には、利用したロケーションとアイテム情報を記載しましょう。
ロケーションやアイテムの作者さんが誰なのか記述するほうが誠実ですし、リンクなどもあれば、作者さんのページに遷移できます。
「ルーム入室の許可範囲」はルームに来れる人を決められます。
全体に公開するのであれば「全ユーザ」で良いでしょう。

また、今のままではキーIDを知っている人しかルームに入ることができません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/74f93fb4-d8f9-9cd8-25c5-24136ef0baba.png)
そこで「ルーム公開」をしましょう。
この設定をすることで、作成者以外からもこのルームはVキャスのWebページの検索にも出てきますし、VキャスのVR内からも探すことができます！

「ルームサムネイル」はVR内で撮影した写真を使ってみましょう。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/e6534d82-281f-17b8-8816-a0585bcc545f.png" width="50%">

画像サイズは512×512を推奨しているので、必要があればWindows標準で入っているソフトウェア「ペイント」で大きさを加工したら良いかもしれません。

入力内容が整ったら保存します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/9fd2402e-35d7-1494-d209-f5fe9a03c4af.png)

公開がうまくいくと、マイページ一覧ではこのような表示になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222644/ce43f2c1-5c5e-5714-8be7-84959e61bc87.png)

おつかれさまでした。
これであなたの作成したルームが公開され、みんなが入ることができるようになりました！

## おわりに
以上の手順で、TSOに公開されている、ロケーションやアイテムを使ってルームを作成できるはずです！
記事は長いけれど、きっとできるはず？

ぜひやって見てください！

これから、自作のロケーションやプログラム連携などを使ったルームの作り方も以下リンクに記事にまとめていきますので、よかったら参考にしてください。
[【WIP】バーチャルキャストのルーム作成方法](https://qiita.com/HAHURI/private/6af45d96a746003368ba)