【OBS用】12星座耐久パネル｜クリックで埋まる星座耐久・リスナー名つき【無料版あり】

リスナーさんのコメントで12星座を全部集める「耐久配信」用のパネルです。

集まった星座のマスをクリックすると、色が付いて「GET」の印が出ます。

集まった数は「7 / 12」のように表示されます。

HTMLが1ファイル入っているだけです。

OBSのブラウザソースに読み込むだけで使えます。

インストールも、アカウントも、インターネットも要りません。

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

できること

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

◆ クリックでマスが埋まる

　OBSの「操作」の画面で、集まった星座をクリックするだけです。

　もう一度クリックすると外れます。

◆ マスにリスナー名を書き込める

　マスを右クリックすると、名前を入れられます。

　「牡羊座は〇〇さん」と画面に残ります。

◆ 全部そろうと、お祝いの表示

　「コンプリート！」が数秒だけ出ます。文言は変えられます。

◆ 見た目3種

　パネル ／ カード ／ ネオン

◆ 並べ方3通り

　4×3 ／ 6×2 ／ 3×4

◆ 色・大きさ・置き場所

　メインの色と大きさを変えられます。置き場所は画面の9通りから。

◆ 表示のオン・オフ

　タイトル・集まった数・星座の期間・星座の記号を、それぞれ出す／出さないにできます。

◆ 印が残る

　OBSを閉じても、集めたところは残ります。

　リセットは2回続けて押す方式なので、押し間違いで消えません。

◆ 矢印キーとEnterでも操作できる

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

OBSでの入れ方

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

1. OBSの「ソース」の ＋ →「ブラウザ」

2. 「ローカルファイル」にチェック

3. 「参照」から obs-seiza.html を選ぶ

4. 幅 1920 / 高さ 1080

背景は透明です。そのまま画面に重なります。

印を付けるときは、OBSでそのソースを右クリック →「操作」を開いて、

その画面の中でマスをクリックします。

見た目を変えるときは、ファイルをブラウザで開いて

アドレスの後ろに #edit と付けると設定パネルが出ます。

設定し終えたら「この設定のURLをコピー」を押して、

OBS側の「ローカルファイル」のチェックを外し、URL欄に貼ってください。

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

動作について

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

・外部のサーバーと通信しません。広告もトラッキングもありません

・外部の部品（CDN・ライブラリ）を読み込みません。HTML1枚で完結しています

・オフラインで動きます

・印と名前は、お使いのパソコンの中にだけ保存されます

・コメントを読み取って自動で埋める機能はありません。印はクリックで付けます

■ 使ってよい範囲

　個人・法人を問わず、配信や動画にお使いいただけます。

　色や文字を変えてお使いいただけます。

　クレジット表記は不要です。

　ファイルそのものの再配布・販売はご遠慮ください。

■ 同梱物

　obs-seiza.html ／ README.txt

まず試したい方へ。

クリックで埋まるところまで使える無料版を、同じショップに置いています。