コメントをNeosVRでつかめるように・確認できるようにする方法

MultiCommentViewer を NeosVR に接続し、 NeosVR 内でコメントを確認できるように・コメントを生成するようにする方法です。
[Issue](https://github.com/Neos-Metaverse/NeosPublic/issues/921#issuecomment-932860991) で話題に上がってきたのですがそういえば解説あるのかな、と確認してみたらなかったので作成しました。

# 初めに
この記事では、MultiCommentViewer をダウンロード・インストールし、NeosVRで読み込めるようにします。その後NeosVR上でコメントを確認、またオブジェクトとして生成するところまでを解説する記事です。従って、 MultiCommentViewer の使用方法自体の解説は省かせていただきます。予めご了承ください。

# 用意するもの
- MultiCommentViewer by ryu-s
    - GPL-3.0 ライセンスです。
    - ダウンロード: https://ryu-s.github.io/app/multicommentviewer
    - リポジトリ(GitHub): https://github.com/CommentViewerCollection/MultiCommentViewer
- MCV_NeosVRPlugin by hinano.aira
    - ライセンスは未設定
    - ダウンロード: NeosVRの hinano.aira さんのパブリックフォルダから
        - フォルダURi(コピー->NeosVR内でペーストで出現します): `neosrec:///U-hinanoaira/R-d7078c53-19d8-40e1-ba5d-c6ecc66f70fe`
            - フォルダ内にある[MCV_NeosVRPlugin.zip]アイテムを出現させ、クリック→「書き出し」でダウンロード可能です。
        - 直リンク(2021.10.09時点): https://assets.neos.com/assets/81d3f6d916d57f4a1437a0fcca62b7eca48c847f0b37b18d2a13e4ddacc781d9
            - 拡張子がついておりませんので7-zip等の形式自動検知がついている解凍ソフトを用いるか、拡張子をつけて解凍してください。
            - `curl https://assets.neos.com/assets/81d3f6d916d57f4a1437a0fcca62b7eca48c847f0b37b18d2a13e4ddacc781d9 --output MCV_NeosVRPlugin.zip`
- NeoCommentGenerator
    - 配信時にNeosVR内でコメントを出現されることができるジェネレータです。
    - フォルダから: MCV_NeosVRPluginで記載したフォルダから[CommentGenerator]をダブルクリック 
    - 2021/10/09時点での配布URi(コピー->NeosVR内でペーストで出現します): `neosdb:///9313672dc8cb198292a1b461327ef7c81fedcffaf59c435281c4c893ff27e0f5.7zbson`
- CommentViewer
    - 配信時にNeosVR内でコメントを確認できるビューアです。
    - フォルダから: MCV_NeosVRPluginで記載したフォルダから[CommentViewer]をダブルクリック 
    - 2021/10/09時点での配布URi(コピー->NeosVR内でペーストで出現します): `neosdb:///fbb0dab23e215ae6fe14c793175fb06a61ddf0d7f814a0e855730c212ccd7c6c.7zbson`


# 手順
1. 用意するものに記載されている[MultiCommentViewer]と[MCV_NeosVRPlugin]をダウンロードする。
1. MultiCommentViewer に MCV_NeosVRPlugin を plugins 下に解凍する。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147334/0640d770-7edf-23df-4037-d608f07bedfa.png)
1. MultiCommentViewer.exe を起動。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147334/8dc51d33-4130-a335-948f-b8535c2487e9.png)
1. [接続を追加]をクリックし、[URL,放送ID等]にURLを入力。ブラウザを選択し、接続。
    - 細かい使用方法については[こちらをどうぞ](https://vip-jikkyo.net/how-to-use-mcv)。

ここまでで前準備は完了です。

## コメントビューア（コメントを確認する）を使用する場合

1. NeosVRを起動し、CommentViewerを取り出す。
1. CommentViewer 背面にある[Settings]をクリック後、[Connect]をクリックして接続
    - WebSocketを使用しています。Host Access が求められた場合は許可してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147334/d2c3c910-6817-be3a-afc7-713889a8a408.png)

接続すると、以下の通りコメントが流れてくるはずです(画像はサンプルです)。
![](https://user-images.githubusercontent.com/54615831/135739930-cc8ca85d-2845-45dd-aa69-0741428f2900.png)

## コメントジェネレータ(コメントを生成し、掴めるようにする)を使用する場合
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147334/55bc4780-a362-98e8-66c8-5e33fff71862.png)

1. NeosVRを起動し、NeoCommentGeneratorを取り出す。
1. Position / Scale / Rotation をワールドに応じて設定する(必要な場合)
1. Userの右にある[Connect]をクリックし、接続する。
    - WebSocketを使用しています。Host Access が求められた場合は許可してください。

接続すると、コメントが投稿されるたびに画像のように生成されるはずです(画像はサンプルです)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/147334/16dfa86a-d589-9a63-5f4a-58757eb08897.png)