Gather.Townで社内サークル活動の一部をオンライン化しました

この記事はラクス [Advent Calendar 2021](https://qiita.com/advent-calendar/2021/rakus) の 10 日目の記事です。
遅刻してごめんなさい。投稿日の仕事中にふと元々書いていたネタよりも面白そうなネタを思いついてしまって全部書き直してました。

## はじめに
どうも、アドベントカレンダーおじさんです。
突然の自分語りですが、実は私ラクスの子会社ラクスパートナーズで社内サークルの代表をやっております。
私が代表をつとめるサークルの活動は『みんなで集まって楽しくゲームを遊ぶ』ただその一点です。
主に遊ぶのは『カタン』『ドミニオン』『パンデミック』などのボードゲームです。たまに SWITCH などのテレビゲームも遊びます。
![活動写真](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/2af7af80-84df-5372-036f-f2a60342f569.png)
ボードゲームをこよなく愛する私ですが、去年から今年にかけてはボードゲームではなくリアル世界でパンデミックが起こってしまいなかなかサークル活動ができませんでした。
どうしてもボードゲームを遊びたくて IT の力を借りて何とかできないか奮闘してみました。

## 使用ツール
以下のツールたちを使ってオンラインでサークル活動を実施する土台を整えました。

* [Gather.Town](https://www.gather.town/)  
レトロな 2D ロールプレイングゲーム風の UI を持つチャットツールです。  
本記事では Gather.Town の紹介を行います。
* [PokerStars](https://www.pokerstars.com/ja/)  
『テキサスホールデム』というポーカーを遊ぶための専用アプリケーションです。  
『ホームゲーム』機能を使うことで仲間内だけでのポーカーが楽しめます。  
使い方は本記事では割愛。
* [Board Game Arena](https://boardgamearena.com/welcome)  
無料でボードゲームが遊べる web アプリです。  
評判の良いボードゲームが数多く揃っているのが特徴です。  
有料会員になると遊べるゲームが増えます。  
使い方は本記事では割愛。
* [Steam](https://store.steampowered.com/?l=japanese)  
インディーズから大企業まで様々なゲームを取り扱うプラットフォームです。  
実はボードゲームのデジタル版がけっこうたくさん遊べます。  
使い方は本記事では割愛。

## Gather.Town について
はい、ここからが本題です。
[Gather.Town](https://www.gather.town/) は  Slack や Discord, Spatial Chat などと同じジャンルのチャットツールです。
主にビデオチャット機能をメインに使うので Discord や Spatial Chat がより近いイメージです。

その最大の特徴は何と言っても『レトロな 2D ロールプレイングゲーム風の UI』です。
チャットツールとして特別高機能というわけではありませんがこの UI がサークル活動をするには色々と都合が良いです。
![Gather_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/b730a087-abe0-00d4-93ff-8da095db15a2.png)

### Gather.Town を選んだ理由
結論から言うと

* チャットが "参加"/"不参加" の "0"/"1" でなく距離の概念がある
* ゲーム画面のような UI がゲームサークルの活動と親和性が高そう
* 適度にアナログ感のある UI

などが採用理由でした。

Slack はテキストを介した非同期のコミュニケーション、GitHub や JIRA などの外部サービスとの連携という点では非常に優秀ですがサークル活動のような同期的なコミュニケーションにはあまり向かない印象があります。

Discord は個人的にはそこまでがっつり使っていませんが、ゲーム配信などでよく使われるツールというだけあってビデオチャットの手軽さは抜群だと思います。
正直 Discord を先に使っていたらこちらをサークル活動用ツールとして使っていたかもしれません。
が、Discord は部屋に "参加"/"不参加" の二択しか無いのに対し Gather.Town は距離が離れると声が小さくなるなど "参加"/"不参加" の間がグラデーションになっているのでサークル活動用途ではこちらが良い気がします。

Spatial Chat の使用経験はありませんが、調べた限りでは Gather.Town にかなり近そうなツールかなと思いました。
ただ、Gather.Town に比べるとキャラクターが居ないためか何というか『そこにいる感』のようなものがちょっと薄い印象でした。

### Gather.Town の使い方
使い方は説明がなくても何とかなるくらい直感的な作りのツールではありますがせっかくなので書いておきます。

#### スペースを作る
1. [公式サイト](https://www.gather.town/) の『Get started for free』のリンクをクリック
![Gather_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/96b81f49-4659-95bd-4a81-68b1186e9202.png)
2. 次の画面の 3 択はどれでも大丈夫ですが今回は『Explore social experiences』を選択
![Gather_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/ede2b1e8-12e9-5faa-fca7-bf91357f8e79.png)
3. テンプレートを選択してスペース名、パスワード（必要に応じて）、スペースの用途を入力して『Create space』をクリック
![Gather_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/61302489-1a06-35c4-db13-3cc1b1634dcf.png)
※今回は『Game Room(Small)』のテンプレートを選択しました。
4. アバターの設定とチュートリアルを適当に済ませればスペースの作成は完了！

#### スペースの調整
そのままでも問題なく使えますが、別に無くて良いものが含まれていたりするのでスペースを少し調整します。

##### 家具の整理
1. 『金槌マーク > Edit in Mapmaker』を選択しマップ編集画面を開く
![Gather_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/3ab3ab48-265e-0be8-066f-ae1b2d0619e4.png)
2. Mapmaker 画面が開くので編集モード『Objects』を選択し、各種ツールで家具の配置や消去を行う
    ![Gather_6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/749313aa-b9dd-c47d-c538-cc5065668a66.png)
    2-1. 選択ツール  
    既に置いてある家具の移動ができます。
    ![操作説明_1.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/d4bab1dc-8e50-870d-1975-db8443ec559d.gif)
    2-2. スタンプツール  
    家具の新規配置ができます。
    ![操作説明_2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/a0ee6cce-2bf5-6ae8-30cf-672b7677f58a.gif)
    2-3. 消しゴムツール  
    家具の消去ができます。
    ![操作説明_3.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/4496a3e9-7e06-6962-fb9a-b541d06e1ccb.gif)
    2-4. ハンドツール  
    全体をスライドさせます。
    ![操作説明_4.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/1d8cd9d1-d195-1568-bfe0-9595bc53020d.gif)

##### 特殊領域の設定
編集モード『Tile Effects』を選択し、タイルに特殊効果を与えます。
![Gather_7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/ab9aa70e-e1db-7523-c6ff-c01dec0499b1.png)

1. 侵入不可領域（Impassable）  
![Gather_8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/943c51da-30a9-7ca4-fc18-7d919427852c.png)  
家具は配置しただけだと上を通り抜けられてしまうのでこの設定でテーブルや植木鉢などは侵入できないタイルにする必要があります。
2. スポーンポイント（Spawn）  
![Gather_9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/4e08986b-801d-a6d5-719a-b4d8525af92f.png)  
新規入場者の初期配置位置です。  
『Spawn Tile ID』のオプションは使ったことがないのでわかりません。
3. 別のスペースやルームへ移動タイル（Portal）  
![Gather_10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/47d5dc14-fd2b-eb03-2682-12289a759aca.png)  
別のスペースやルームへの移動ができるらしいですが使ったことがないため詳細不明。
4. プライベート領域（Private Area）  
![Gather_11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/5ca20c1b-ee56-dee2-be2a-0ed6637cef0c.png)  
『Area ID』で指定した値ごとのプライベート領域を作成します。  
テーブル周辺はプライベート領域として設定しており、領域の中にいると領域外の映像・音声は遮断され、領域内の映像・音声が外に出て行くこともありません。  
![Gather_13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/e479e160-ba04-95af-3698-ed129b725ce6.png)  
同卓しているメンバー同士でプライベート領域に入ることを想定しています。  
また、ゲーム中はプライベート領域、待機中はそれ以外の領域という感じの使い分けをすると卓のシャッフルなどがやりやすいと思います。
5. 全体アナウンス（Spotlight）  
![Gather_12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/e882eba4-27d9-7343-f5fc-ede466149620.png)  
このタイルの上に立っている人物の映像・音声はスペース内の全員に距離・プライベート関係なく届きます。  
全体に向けて伝えたいことがある場合に使って下さい。  
![Gather_14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/67db14ce-c844-6205-e23a-8a75466b0eb2.png)
ただ、このタイルは設定しただけでは Spotlight タイルだとわからないので下の画像のように『近くにマイクの家具を置く』『タイルにメガホンマークをつける』などの工夫をした方が良さそうです。  
![Gather_15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/7a71e5b4-70f8-acc3-89a1-3f316064e737.png)

#### メンバーを招待して遊ぶ
スペースの調整ができたら他のメンバーを招待しましょう。
家アイコンをクリックするとスペースの URL が表示されるので呼びたいメンバーにスペースのパスワードとともに伝えてください。
招待されたメンバーはパスワードを入力してスペースに入場してください。
![Gather_16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/151273/30245b2f-c366-f53f-ccf9-73aacca4f6a9.png)
入場したら『使用ツール』で挙げたオンラインボードゲームアプリと Gather.Town をうまく組み合わせて遊んでください。

## まとめ
チャットツール『Gather.Town』の使い方をまとめてみました。
その気になればオンラインでもサークル活動ができることがわかったのでリアルで集まりずらいときの代替案として使っていこうと思います。
私はこのツールをボードゲームサークルの活動用として使うことにしましたが、他にもバーチャルオフィスやもくもく会、オンライン飲み会などの用途にも使えると思います。
リアルで遊ぶボードゲームのようにコマやチップを手で扱う物理的な楽しみがないのは少し寂しいですが、コミュニケーション的な楽しみはある程度得られると思います。

皆さまもぜひ使ってみてください！

## おまけ
せっかくゲームサークルの話を絡めたのでついでに『オンラインで遊べるオススメボードゲーム 5 選』を挙げたいと思います。
※申し訳ありませんがほとんどが有料です。

* テキサスホールデム  
海外カジノでは最もメジャーなポーカーでここ数年で日本でも流行の兆しが見えつつあるゲームです。  
世界大会の優勝賞金が約 8 ～ 10 億円というのが有名かもしれません。（なお、参加費は 100 万円の模様）  
[PokerStars（基本的に無料）](https://www.pokerstars.com/ja/) などのオンラインサイトで遊べます。  
超余談ですが、私はこのゲームは一生の趣味にするつもりです。
* ワイナリーの四季  
両親から受け継いだボロボロのワイナリーの立て直しを目指すという設定のゲームです。  
対戦ゲームであるもののプレイヤー同士で邪魔し合う要素はそこまで強くなく、どことなく牧歌的かな雰囲気のゲームです。  
[Board Game Arena](https://boardgamearena.com/gamepanel?game=viticulture) や [Steam](https://store.steampowered.com/app/1325800/Viticulture_Essential_Edition/?l=japanese) で遊べます。
* ドミニオン  
貴族になって領土を奪い合うという設定のゲームです。  
『デッキ構築』と呼ばれるジャンルの走りと言われるゲームです。  
トレーディングカードゲームが好きな方はきっと好きになると思います。  
[Steam（基本セットは無料）](https://store.steampowered.com/app/1131620/Dominion/?l=japanese) や [Dominion Online](https://dominion.games/) で遊べます。
* パンデミック  
各分野のエキスパートとなったプレイヤー同士が対戦ではなく協力をして病原体の治療薬完成を目指すという設定のゲームです。  
それぞれの得意なことを上手く組み合わせて勝利できると気持ちが良いゲームです。  
[Board Game Arena](https://boardgamearena.com/gamepanel?game=pandemic) や [Steam](https://store.steampowered.com/app/622440/Pandemic_The_Board_Game/?l=japanese) で遊べます。
* カルカソンヌ  
どんな設定のゲームか知らないので面白さをうまく言語化できないですが是非遊んでいただきたいゲームです。  
シンプルなルールながら運と実力の良い感じのバランスが実現されています。  
[Board Game Arena](https://boardgamearena.com/gamepanel?game=carcassonne) や [Steam（ルールが分かれば英語でも問題なし）](https://store.steampowered.com/app/598810/Carcassonne__Tiles__Tactics/?l=japanese) で遊べます