【無料配布】MBTIカウンター【耐久配信素材】

━━━━━━━━━━━━━━━━━━━━

　　　　 MBTIカウンター

━━━━━━━━━━━━━━━━━━━━

OBSだけで使えるMBTIカウンターです。

HTMLファイル1つをブラウザソースに読み込むだけ。

リスナーのMBTIを集計して全16種コンプリートを目指す

耐久企画配信等にお使いいただけます。

━━━━━━━━━━━━━━━━━━━━

　　　　　　　できること

━━━━━━━━━━━━━━━━━━━━

◆ 16タイプを一覧表示

4×4のグリッドで全MBTIタイプを表示。

タイプ名・アルファベット・カウントが一目でわかります。

◆ ワンクリックでカウント

OBSの対話画面で左クリックで+1、右クリックで-1。

押し間違えてもすぐ修正できます。

◆ カウントに応じて色が変化

白 → 水色 → 青 → 紫 → ピンクと

押されるほどボタンの色が変わっていきます。

色はCを押すと変えられます（3パターン）

◆ リーチ演出

残り1種になると対象タイプに

「リーチ」バッジが表示されます。

◆ コンプリート演出

全16種が揃うと「COMPLETE」演出が発生します。

◆ 背景透過対応

背景は透過なので配信画面にそのまま重ねられます。

カスタムCSSで背景色をつけることも可能です。

ブラウザソースのプロパティ「カスタムCSS」欄に

記述することで見た目を変更できます。

▼ 背景色を変えたい場合（変更例）

body { background-color: rgba(0, 0, 0, 0.5); }

body { background-color: #FF88AA; }

body { background-color: skyblue; }

◆ カウント自動保存

事故防止のためカウントは自動保存され、

ソースの再読み込みでは消えません。

対話画面でShift+Rで全リセットできます。

━━━━━━━━━━━━━━━━━━━━

　　　　　　セットアップ

━━━━━━━━━━━━━━━━━━━━

1. ダウンロードしたZIPファイルを解凍

2. OBSにMBTI_Count.htmlファイルを

ドラッグ＆ドロップ

3.「対話（操作）」から操作

━━━━━━━━━━━━━━━━━━━━

　　💡 「対話＋」でもっと便利に

━━━━━━━━━━━━━━━━━━━━

無料プラグイン「対話＋」を使うと

ブラウザソースの操作パネルをOBSのドックに

埋め込んで常時表示できます。

配信中の操作がさらにスムーズになります。

▼ 対話＋（無料）

https://kitt0n.booth.pm/items/8133665

━━━━━━━━━━━━━━━━━━━━

　　　　　　　利用規約

━━━━━━━━━━━━━━━━━━━━

個人利用・商用利用を問わずご自由にお使いいただけます。

本ツールの使用により生じたいかなる損害についても、

作者は一切の責任を負いません。

ファイルの再配布はご遠慮ください。

紹介いただける場合は配布ページへのリンクをお願いします。