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

リスナーさんの誕生日で、1年366日を全部埋める「誕生日耐久」用のパネルです。

来てくれた人の誕生日のマスをクリックすると、色が付いて「GET」の印が出ます。

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

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

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

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

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

できること

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

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

　OBSの「操作」の画面で、その日のマスをクリックするだけです。

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

◆ 1月1日〜12月31日の366マス

　2月29日を外して365マスにもできます。

◆ 並べ方2通り

　月ごとに横（1月が上）／月ごとに縦（1月が左）

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

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

◆ 全部そろうと「コンプリート！」が数秒出ます

　文言は変えられます。

◆ 見た目3種

　パネル ／ カード ／ ネオン

◆ 色・大きさ・置き場所

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

◆ 印が残る

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

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

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

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

OBSでの入れ方

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

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

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

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

4. 幅 1920 / 高さ 1080

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

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

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

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

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

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

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

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

動作について

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

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

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

・オフラインで動きます

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

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

■ 使ってよい範囲

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

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

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

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

■ 同梱物

　obs-birthday.html ／ README.txt

まず試したい方へ。

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