【VR空間サービス Spatial.io】 #1アカウントの作り方

#サマリ
VR空間サービスSpatialのアカウントの作り方をまとめました。
アバターを作る時に顔写真が必要なので用意しておきます。
カメラが付いている場合はその場で写真を撮ることもできますが、写りによってアバターの出来が変わるのできれいな顔写真を用意しておくのがオススメです。
ヘッドセットとの紐づけは別記事として投稿します。
アバターを生成しなくてもサービスは利用可能です。


##環境
- Windows 10
- Chrome
- Oculus Quest2
- Spatial 1.9

##目次
1. サインアップ
1. アバター作成
1. 空間作成


##1.サインアップ
- 以下のURLにアクセスしSpatialのwebページを開く。

[Spatial](https://spatial.io/)

- ページ右上の「SIGN UP」をクリック。

![サインアップ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/b7116f84-b2ad-3e65-e495-b10b1c64e7c5.png)

- アカウントの作り方を選択する。今回はEmailアドレスを使ってアカウントを作成するため、一番下の「Use your Email」をクリックする。

![Email.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/219a86f7-9f50-105f-d1cc-24b54e0c4e54.png)

- アカウント作成で使用するEmailアドレスを入力して矢印ボタンをクリックする。

![Email_input.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/b3b241f4-e34f-5a38-ce5b-c14e8581cedf.png)

- ８文字以上のパスワードを入力して矢印ボタンをクリックする。

![passsword_input２.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/9f86e132-99ef-4d51-93b1-090ed8b62b5d.png)


- 確認のためもう一度パスワードを入力して矢印ボタンをクリックする。

![passsword_comfirm.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/5c711fba-72ae-7cfa-bbf6-adf76dcfb9eb.png)

- 以下のメッセージが表示されるのでemailを確認する。

![verify_email.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/b599a598-6536-194f-ed09-d5cc66ccc954.png)

- spatialからのemailを開き「Comfirm my account」をクリックする。

![confirm_my_account.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/4b3c9855-72c2-a492-8d1a-6a7cf569dad8.png)

- チェックボックスにチェックして矢印ボタンをクリックする。Spatialからのお知らせが不要な場合は上のチェックは不要。

![confirm_my_account2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/aad0be25-092b-68e1-c619-a23a4ad3e45b.png)

- 希望のアカウント名を入力して矢印ボタンをクリックする。

![name2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/aa161c84-34d1-5c8e-57fa-b6a66b05b9ac.png)

##2.アバター作成
- PCの保存している画像を使ってアバターを作成するため「Upload」をクリックする。

![upload.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/b6895b83-786a-5023-6aa6-d34cb1fe2af6.png)

- ファイル選択ダイアログが開くのでアバターに使用する顔写真を開く。

![ファイル選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/05e986db-692e-0d9e-e46a-597dfc8fbcf4.png)

- 写真に問題がないことを確認しチェックボタンをクリックする。写真を変えたい場合はやり直しボタンをクリックする。

![confirm_photo.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/cd81b829-530f-2b59-e9ea-6d45666431f9.png)

- アバターの性別に応じてBody Yypeを選択する。

![choose_body3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/a8f7e217-8cbd-7164-cd57-2d36f24d42b6.png)

- アバター作成中。

![アバター生成中.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/1419198b-8e0d-fc0d-0670-f1af8f74f4b7.png)

- アバターが作成できたことを確認しチェックボタンをクリックする。うまく生成できていない場合はやり直しボタンをクリックし、別の顔写真でアバター作成をやり直す。

![confirmアバター.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/6f20df70-608c-d62a-8235-b9b63db8e933.png)

- 任意のチーム名を入力して矢印ボタンをクリックする。既存のチームに参加する場合は既存のチーム名を入力する。

![team.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/93a7123d-9d9a-6236-4193-37073b1c9130.png)

- 「skip」をクリックする。招待したい人がいる場合はEmailアドレスを入力し「Send Invites」ボタンをクリックする。

![invite_teammates.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/c975d3eb-876b-e1b9-07c0-228eaf338cfb.png)

- ヘッドセットとの紐づけはこの記事ではやらないので「Skip to web」をクリックする。

![skiptoweb.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/9f57c9f5-8367-1912-2c87-dfec50c0759e.png)

- ｘボタンを押してヘッドセットとの紐付けを閉じる。

![cancel_headset.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/93e31c48-63f3-8614-2362-f40bfd576f48.png)

- 最初の空間を作成するため「+ NEW SPACE」をクリックする。

![no_space.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/ed2a6017-362a-4b95-5b6a-85f867f03808.png)

- 空間名を入力してリターンキーを押す。

![spacename.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/7ed60b1a-baeb-306d-fd8d-8715effa84a2.png)

- 作成した空間にjoinする。

![joinnow.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/db7a0fd3-4823-fdef-4a01-f47771a36dd0.png)

- 作成した空間にjoinできました。

![room.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/5f674429-11f4-4f43-38ad-7247c98642ae.png)


#　
チームハイエナ <img width="120" alt="hyaeninae_tomei.png"  src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/933978/99b448d3-7ff0-58f3-302b-8528cf339b8d.png">