TTTable簡易マニュアル

概要

• TTTableは、ブラウザベースのアバターチャットシステムです。
• プレイヤーはVRM形式のアバターを使用できます。
• アバターは他のプレイヤーのブラウザに転送されますが、サーバ上には保存されません。
• アバターのほかに、画像(png/jpg)、3Dモデル(glb/ply)、動画(mp4/webm/mov)、音声(mp3)を他のプレイヤーに見せることができます。
• これらもサーバ上には保存されません。

注意事項

• 当サイトはこのシステムを使用した結果の一切の不利益に責任を置いません。
  自己責任で使用してください。
• このシステムは知らない人と接続できるサービスではありません。
• メール等で個別通信可能な相手をルームに招待するアバターチャットです。
• 性質上通信環境によってはつながらない場合があります。

プレイヤー追加の流れ

• 1.メール等の個別通信手段を用意します。
• 2.プレイヤーは事前にマスターに使用する名前を伝えます。
• 3.マスターはマスター用ページでプレイヤー追加を実行します。
  このとき2で伝えられた名前を入力します。
  数秒で、Offerが生成されます。
  長時間Offerが生成されない場合は「Offer中止」ボタンを押してプレイヤー追加しなおしてください。
• 4.マスターはプレイヤーにOfferを伝えます。
  「Offerをコピー」ボタンを押してコピーしてください。
  メール等の個別通信手段でプレイヤーにコピーしたOfferを送ってください。
• 5.Offerを受け取ったプレイヤーはクライアントページを開きます。
  2でマスターに伝えた名前を入力してください。
  受け取ったOfferを入力してください。
  数秒でAnswerが生成されます。
• 6.プレイヤーはAnswerをマスターに伝えます。
  「コピーする」ボタンを押してコピーしてください。
  メール等の個別通信手段でマスターにコピーしたAnswerを送ってください。
• 7.マスターはAnswerを使って接続します。
  6で伝えられたAnswerをマスター画面の対応プレイヤーのAnswer入力項目にペーストします。
  「Answerを登録」ボタンを押してWebRTC接続を確立します。
  接続に成功した場合は状態欄の表示がconnectedになります。
  接続は成功するとは限りません。接続経路のルータの設定によっては繋がりません。
  同じ端末の別窓からの接続であれば確実に成功します。
  同じネットワークセグメント上の端末からの接続であればほぼ確実に成功します。
  stun/turnサーバ設定で、使用可能なturnサーバを登録することで接続できる場合があります。
8.プレイヤーはルームに参加します
プレイヤーは初期アバターで表示されます。
「アバター変更」ボタンを押してVRMファイルを選択するとアバターを変更できます。

接続後のマスター側操作

システムチャット

• 画面右上のテキストボックスはマスター用チャット入力です。
  「全体発信」ボタンを押すと入力内容はプレイヤー全員にマスター発言として表示されます。
  「ルーム」で部屋を選択している場合は、「ルーム発信」ボタンを押すとその部屋にいるプレイヤーだけにマスター発言として表示されます。
• 画面左のプレイヤー項目の「個別発信」ボタンでそのプレイヤーだけに発言できます。

特殊チャットコマンド

• 1.ダイスロール
  dice:2d6 のような入力でダイスロールを行うことができます。
• 2.ギミック
  gimmick:コード のような入力でルーム側に定義している処理を呼び出せます。
  ルーム側で定義されていない処理は無効です。
  光源や背景などの汎用的なギミックについては画面右上の「ギミック」ボタンから選択できます。
• 3.部屋移動
  goto:移動先ルームのurl のような入力でプレイヤー側のチャット画面に部屋移動ボタンを表示します。
  urlは実在するルームページでないと正常動作しません。

その他

• 画面左のプレイヤー項目の「照明ON」ボタンでそのプレイヤーにスポットライトを当てます。
  「照明OFF」ボタンでスポットライトを消します。

接続後のプレイヤー側操作

基本操作

• 1.移動
  マウスドラッグか方向キーかAWSDキーで移動できます。
  Q/Eキーで回転します。
• 2.チャット
  画面下のテキストボックスはチャット入力欄です。
  「発言」ボタンで他のプレイヤーに発信します。
  「ログ」ボタンでログ表示の幅を切り替えます。
  他のプレイヤーを長押しするとメニューが表示されます。
  メニューの「対話」ボタンでその人だけに発言できます。
• 3.ボイスチャット
  「マイク音量」ボタンで自身のマイク音量を設定します。
  初期状態はミュートです。
  ボイスチャットについては環境により機能しない場合があります。
• 4.アバター変更
  「アバター」ボタンを押すとファイル選択ダイアログが表示されます。
  VRMファイルを選択すると現在のアバターが変更されます。
  このとき他のプレイヤーにもアバターが転送されます。
  データを渡したくないVRMは選択しないようにしましょう。
• 5.所作
  画面上の所作のセレクトボックスを選択すると選択したモーションが再生されます。
  いわゆるエモートです。
  オブジェクト転送でモーションを追加できます。
• 6.撮影モード
  画面上の「>>撮影モード」ボタンを押すと撮影モードに移行します。
  このモードではプレイヤーは移動せずにカメラを操作します。
  マウスの左ボタンドラッグで回転。
  右ボタンドラッグで平行移動。
  マウスホイールで拡大縮小。
  「>>移動モード」ボタンを押すと移動モードに戻ります。
• 7.オブジェクト転送
  ローカルファイルをルーム上に転送し共有します。
  「オブジェクト転送」ボタンを押すとファイル選択ダイアログが表示されます。
  このときの動作はファイルの種類によります。
  

  種類	拡張子	動作
  画像	png/jpg/jpeg	ルーム内に板状に表示される。 長押しで編集メニューが表示される。
  動画	mp4/webm/mov	ルーム内に板状に表示される。 長押しで編集メニューが表示される。
  音声	mp3	ルーム内にスピーカ型に表示される。 長押しで編集メニューが表示される。
  音声	mp3	ルーム内にスピーカ型に表示される。 長押しで編集メニューが表示される。
  3Dモデル	glb/ply	ルーム内に表示される。 長押しで編集メニューが表示される。 plyはMagicalVoxelでエクスポートしたものしか検証してません。
  アニメーション	fbx	所作のリストに追加される。 fbxはmixamoで生成される形式しか対応していません。

• 6.所作
  所作の右のドロップダウンを選択すると選択したアニメーションを実行します。
  アニメーションfbxのアップロードで追加可能です。

特殊チャットコマンド

• 種類	コマンド例	動作
  ダイスロール	dice:2d6	ダイスを振って結果をプレイヤーのチャット欄に表示します。
  管理者対話	call:質問です	部屋を作った人にメッセージを送ります。 マスター用ページにメッセージが表示されます。 他のプレイヤーには表示されません。
  部屋移動	goto:scene2.html	他の部屋に移動するボタンをチャット欄に表示します。 ボタンを押すと部屋移動します。
  リロード	reload:	ルームを再読込します。 バグった場合用。 ブラウザごとリロードするとマスターとの説明が切れて最初の手順から接続しなおしになります。
  スポットライト	spotlight:	編集可能なスポットライトを表示します。 長押しで編集メニューが表示されます。