63
73

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

10分でアバターを作ってバーチャル会議をしよう

Posted at

はじめに

この記事を見てくれている方は,Vtuberやオンラインミーティングに興味があってもっといろいろ試してみたい!という人だと思います.
そこでこの記事では,自分が作ったアバターを使ってバーチャル会議を主催/参加するまでを書いていきます.

0622484b-a6a2-4b6c-9622-7e8d08a818ac.png

この画像の状態まで10分で走り切ります.
読者のターゲットとしては,「専門的なことは分からんけどとりあえずバ美肉したい!」という層を想定しています.

利用するサービス

本記事で利用するサービスは以下の2つです.

1. cluster

コメント 2020-06-14 164154.png

「cluster (クラスター)」は、スマートフォンやPC、VR機器など様々な環境からバーチャル空間に集ってイベントに参加したり、友達とコンテンツを楽しめるバーチャルSNSです。(公式サイトから引用: https://www.biz.cluster.mu/)

言わずと知れたバーチャルSNSです.
今回のバーチャル会議もclusterを利用していきます.

公式URL: https://cluster.mu/

2. REALITY

コメント 2020-06-14 164333.png

REALITYは「アバターを作る」「顔を認識してアバターを動かす」「ライブ配信する」などをスマホ1台で行うことができるアプリです.

このREALITYですが,2020年6月10日に「clusterとのアバター連携機能」がリリースされました.
今回はその機能を使っていきます.

さらに詳しい情報はYouTubeで紹介されています.
https://www.youtube.com/watch?v=8A1pCXhf0kY

公式URL: https://reality.wrightflyer.net/

やってみる

それでは実際にやっていきます.
手順としては以下のような流れになっています.

  1. clusterとREALITYをスマホにインストールする
  2. REALITYでアバターを作る
  3. clusterと連携する
  4. イベントを作成して試してみる

順にみていきましょう.

1. clusterとREALITYをスマホにインストールする

今回使っていくアプリをインストールしましょう.

cluster.png
REALITY.png

2. REALITYでアバターを作る

先ほどインストールしたREALITYで自分のアバターを作ります.
アプリを起動するとこのような画面になると思います.

iOS の画像.png

ここでは,「アカウントを新規作成」でも他のSNSと連携させても問題ありません.
自分の好きな方法でREALITYに登録してください.

さらに操作画面に移動するとこのような画面になります.

iOS の画像 (1).png

この画面で,赤丸で囲った洋服のアイコンをタップすると,アバターの見た目を編集することができます.

iOS の画像 (1).png

編集は,髪型や瞳などなどかなりのレパートリーがあります.

iOS の画像 (2).png

今回は髪型だけ変えました.

iOS の画像 (3).png

このように,手軽にアバターを作ることができます.

3. clusterと連携する

先ほど作ったアバターをclusterで使えるようにします.
先述したclusterとのアバター連携機能を利用していきます.

まずはREALITYと同様にclusterに登録します.

iOS の画像 (4).png

登録も済んでアプリを開くことができたら,「プロフィール」 → 「アバターを管理」と進んでいきます.

iOS の画像 (5).png

すると「REALITY連携」と出てくるのでタップします.

iOS の画像 (6).png

この画面でトークンをコピーします.
写真では意図的に消していますが,灰色部分にアルファベットや数字がたくさん並んでいると思います.

iOS の画像 (7).png

次にREALITYを開き,右下のアイコン → 「NEXT REALITY」の順で進みます.

iOS の画像 (8).png

アバター連携の「cluster」をタップします.

iOS の画像 (9).png

「連携トークンを入力」と書かれているエリアに,先ほどコピーした文字列を張り付けて「アップロード」します.

iOS の画像 (10).png

無事に終わればこのようなポップアップが出てきます.

iOS の画像 (11).png

ここまで順調にできていれば,作ったアバターでclusterのイベントに参加することもできます.

iOS の画像 (12).png ![iOS の画像 (13).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390881/c8d54ced-48ef-df37-e840-7c1f343efde3.png)

これはcluster公式の方で非常にわかりやすい手順を載せてくれているので,そちらも参考にしてみてください.

4. イベントを作成して試してみる

さいごに,clusterでイベントを作成しバーチャル会議を試してみます.
イベントを作成するために,clusterへアクセスします.

コメント 2020-06-14 183124.png

右上の「イベントを作成する」をクリックすると以下のような画面が出てきます.
今回は画像の設定でやっていきます.
入力したら「下書きを作成」をクリックします.

コメント 2020-06-14 183308.png

この画面に遷移したら,右上の「作成して限定公開」をクリックします.

コメント 2020-06-14 183533.png

これで「テスト バーチャル会議」の世界ができました.
右下の「会場に入る」から入室することができます.

コメント 2020-06-14 183657.png

このとき,HTC VIVEなどのHMDを持っていればそれで入室することもできます.
ここに他のメンバーを招待すればバーチャル会議をすることができます.

0622484b-a6a2-4b6c-9622-7e8d08a818ac.png

おわりに

できるだけ専門知識を必要としない文章で書きました.
clusterは,モバイルアプリでアクセスするのとHMDを使うのでは全く感覚が異なります.
ぜひVRヘッドセットを買って試してみてください.

63
73
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
63
73

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?