ACT FF14

FF14 ACT WebSoketとMopiMopi2とOBS

⚠より簡単なOverlayPlugin Fork版での導入方法を投稿しましたので新規導入の方は こちら をご覧ください。

ACT関係の記事が続きますが、今回はタイトルにもある通りACTWebSoketを使ったMopiMopiオーバーレイとOBSの配信設定について紹介します。

最近のオーバーレイだとKagerouが有名で、実際使いやすく美しく設定も容易です。
一方MopiMopiは別個にプラグインを用意する必要があり、設定も少し複雑です。
では何故MopiMopiなのか というところから、メリットを並べてみます。

 ACTWebSoketとMopiMopiのメリット

• アニメーションのある美しいオーバーレイ

MopiMopiではDPSの順位が入れ替わった際などに、シンプルなアニメーションがあります。

• ヒーラーやタンク用のテーブルをタブを分けずに表示できる

HPSやMP回復量など、DPSとは別の情報を下部の専用テーブルに表示できます。
　また妖精やバリアなどのヒール量の内訳もグラフで視覚的に表示することができます。

• ペットのダメージ量が見やすい

機工士や、召喚士などのペットジョブでは、合算するとどれくらい出しているのか解らず、別個にすると足し算が面倒といった問題がありましたが、MopiMopiでは合算表示でもグラフで解りやすく表示できます。
 

• OBSなどの配信ツールでブラウザの取り込み機能を使って取り込める

KagerouなどではOBSで配信する際、背景が不透明な状態で取り込むか、画面キャプチャをするしかなかったと思います。
　ACTWebSoketではブラウザ取り込み機能を使って、透過した状態で尚且つ余計な画面を映さずに取り込めます。

導入方法

github.com
まずはACTプラグインである ACTWebSoket を導入する必要があります。
先日アップデートがあったMopiMopi 2ではver1.3.3.9以上の使用が推奨されています。
Releaseページより画像のものをダウンロードしましょう。


またACTWebSoketと MopiMopi 2の動作条件として、.NET Framework 4.5 と、Visual C++2015 があるので、入っていない方はこちらもインストールしておきます。


ファイルをダウンロードしたら、他のプラグインと同様に、右クリックからプロパティを開き、セキュリティの項目を許可します。



zipファイルを解凍し、自身のACT本体があるフォルダに配置します。
\Advanced Combat Tracker\ACTWebSocket_1.3.3.9
となるようにしましょう。


ACT本体を起動し、PluginsタブからACTWebSoketを読み込ませます。



ACTWebSoketのタブへ移動し、以下のように設定していきます。

① チェックを入れる。
② チェックを入れる。
③ チェックを入れる。
④ Loopbackを選択し、Portが10501になっているか確認する。
⑤ チェックを入れる。
⑥ チェックを入れる。
⑦ x86_QT5.8.0を選択し、Downloadする
⑧ Add URLを押し、
https://haeruhaeru.github.io/mopimopi/
と入力する。


以上の設定が終わったら、Start/Stop Overlay Procを押し、管理マネージャーを起動します。


管理マネージャーのオーバーレイリストにある「MopiMopi 2」 を選択し、新しいウィンドウを押して追加します。
オーバーレイウィンドウに追加されるので、画面右のアドレスが画像の通りになっているかを確認し、ドラッグ領域の使用にチェックを入れます。



画面下の設定タブでは、ショートカットキーや、非アクティブウィンドウ時の動作などが設定できます。
自動的に隠す機能をONにしておくと便利でしょう。
実行ファイル名に
ffxiv_dx11.exe
を入力し、追加しておきましょう。



最後にプラグインリストへ戻り、FFXIV Settingsの 「DsableDamege Shield estimates」と「Combine Pets with Owner」のチェックを外します。



以上で設定は完了です。お疲れ様でした。
MopiMopi 2を起動した後は、日本語を選んで右上のボタンから細かく設定できます。

日本語化されており、視覚的で分かりやすいので、自分好みに設定してみましょう！

OBSでの取り込み方

OBSを起動し、ソースの追加でブラウザを選択します。

URLにはMopiMopiオーバーレイのアドレスと同じものを入力します。
https://haeruhaeru.github.io/mopimopi/?HOST_PORT=ws://127.0.0.1:10501/
高さや幅は自由に調整しましょう。

OBS内のオーバーレイの設定は、先ほど追加したブラウザソースを右クリックし、対話モードを使うことで操作することができます。


オーバーレイの設定情報はローカルのOBSのキャッシュに保存されているので、普段使っているものは引き継がれません。
 同じものを使用したい場合は、MopiMopiの
設定 > 管理ツール > カスタムUIデータ
から設定をコピーし、OBS内のMopiMopiで適応すると良いでしょう。

MopiMopi 1→2 へ移行した際の404エラーの対処法

以前からMopiMopiを使用していた方は、2へ移行した際に404エラーが表示される場合はローカルに保存されている以前のキャッシュが原因です。
\Advanced Combat Tracker\overlay_proc
の中にある、「Cache」と「LocalStorage」フォルダを削除すると正常に表示されるようになると思います。

OBSのブラウザ場合も同様で、
C:\Users\自分のユーザー名\AppData\Roaming\obs-studio\plugin_config\obs-browser
の中にある、「Cache」フォルダを削除しましょう。

自分の設定と使用フォント

最後に自分が使用しているフォントと設定を紹介します。

使用フォント

Migu 1C、Migu 1P
Miguフォント : M+とIPAの合成フォント

設定

設定 > 管理ツール > カスタムUIデータ
へコピペして使用してください。

{"q":{"dpsType":"1","perType":1,"dmgType":1,"ds":".","ns":1,"gs":",","cnt":1,"myName":1,"rank":0,"mhh":"1","mhh_unit":"❯","abb":1,"DPS_T":1,"DPS_H":1,"DPS_D":1,"DPS_C":1,"DPS_M":1,"HPS_T":0,"HPS_H":1,"HPS_D":0,"HPS_M":0,"HPS_C":1,"unit":0,"max_unit":0,"palette":"job","myColorUse":0,"edgeType":"ridge","rd_navTL":1,"rd_navTR":1,"rd_navBL":0,"rd_navBR":0,"rd_tableTL":1,"rd_tableTR":1,"rd_tableBL":1,"rd_tableBR":1,"applyScope":3,"rd_graphTL":1,"rd_graphTR":1,"rd_graphBL":1,"rd_graphBR":1,"pattern":"noUse","iconSet":"glow","btn_Capture":0,"btn_History":1,"btn_RequestEnd":1,"act":"2","act_rd":1,"act_rh":1,"act_rank":0,"act_max":0,"time_italic":0,"target_italic":0,"rps_italic":0,"header_italic":0,"body_italic":0,"viewDPS":1,"viewHPS":1,"tableOrder":1,"boldYOU":1,"boldOther":0,"borderTextType":"shadow","ani":1,"gradient":0,"direction":"right","bar_pet":1,"bar_ds":1,"bar_oh":1,"bar_position":"right","bar_position_DPS":"right","alignHeaderCell0":"center","alignHeaderCell1":"left","alignHeaderCell2":"center","alignHeaderCell3":"center","alignHeaderCell4":"left","alignHeaderCell5":"center","alignHeaderCell6":"center","alignCell0":"center","alignCell1":"left","alignCell2":"center","alignCell3":"center","alignCell4":"right","alignCell5":"center","alignCell6":"center","arrow":1},"Color":{"accent":"FFFFFF","navBg":"212121","edge":"353535","target":"FFFFFF","rps":"C4FFFD","pattern":"1A1A1A","tableHd":"161616","tableHdText":"BDBDBD","tableBg":"000000","tableYOU":"FFFFFF","tableOther":"FFFFFF","view24TableYOU":"FFFFFF","view24TableOther":"FFFFFF","view24BgYOU":"03A9F4","view24BgOther":"000000","tableLine":"FFFFFF","tableLineVer":"FFFFFF","tableExYOU":"BDBDBD","tableExOther":"BDBDBD","tableBorderYOU":"000000","tableBorderOther":"000000","myColor":"03A9F4","PLD":"347BC5","WAR":"347BC5","DRK":"347BC5","WHM":"608542","SCH":"608542","AST":"608542","ds":"ABD8E1","oh":"6F4848","MNK":"8F3B3B","DRG":"8F3B3B","NIN":"8F3B3B","SAM":"8F3B3B","BRD":"8F3B3B","MCH":"8F3B3B","BLM":"8F3B3B","SMN":"8F3B3B","RDM":"8F3B3B","BLU":"8F3B3B","LMB":"FFBB00","CBO":"757575","pet":"222222","CRP":"454545","BSM":"454545","ARM":"454545","GSM":"454545","LTW":"454545","WVR":"454545","ALC":"454545","CUL":"454545","BTN":"303030","MIN":"303030","FSH":"303030","Tanker":"347BC5","Healer":"608542","DPS":"8F3B3B","Crafter":"454545","Gathering":"303030","YOU":"607D8B","Other":"263238"},"Range":{"navTime":100,"navIcon":100,"navBg":100,"edge":100,"target":100,"rps":100,"pattern":100,"tableHd":25,"tableHdText":100,"tableBg":10,"tableYOU":100,"tableOther":100,"tableLine":10,"tableLineVer":10,"view24BgOther":50,"view24BgYOU":50,"view24TableYOU":100,"view24TableOther":100,"bar":75,"pet":50,"ds":50,"oh":50,"sizeNav":36,"sizeEdge":0,"sizeRadius":5,"sizeTime":32,"sizeTarget":12,"sizeRPS":12,"sizeGap":1,"sizeIcon":24,"sizePattern":2,"sizeHd":13,"sizeHdText":11,"sizeRadiusTable":0,"sizeBody":21,"sizeBodyText":12,"sizeBodyIcon":20,"sizeLine":1,"sizeLineVer":0,"size24TableSlice":5,"size24TableHeight":35,"size24TableIdxWd":3,"size24BodyIcon":20,"size24BodyNameText":12,"size24BodyDataText":12,"sizeGraph_bar":21,"sizeGraph_pet":21,"sizeGraph_ds":21,"sizeGraph_oh":21,"sizeRadiusGraph":0,"sizeDPSTable":9,"sizeHPSTable":3,"sizeHdGap":0,"sizeDPSGap":0,"sizeHPSGap":20,"sizeCell0":25,"sizeCell2":60,"sizeCell3":65,"sizeCell4":160,"sizeCell5":45,"sizeCell6":55,"sizePdCell0":0,"sizePdCell1":0,"sizePdCell2":0,"sizePdCell3":0,"sizePdCell4":2,"sizePdCell5":0,"sizePdCell6":0}}