【OBS用】残機カウンター

Vtuberさんや配信者さん向けのOBSで使用できるカウンターです。

カウンターの数に応じてアイコンが表示されます。

縛りプレイ時の残機表示などにお使いいただけます。

アイコン画像は7つ用意してありますが、お好みの画像を設定することもできます。

操作パネルをカスタムブラウザドックに追加して操作が可能です。

※無料版はアイコン最大数3、増加アニメーションと消滅アニメーション2種類ずつ、アイコン増減のみの機能制限版となっております

【内容】

・アイコン表示用HTML

・操作用HTML

・アイコン画像7種

・説明書

・CSSファイル2種

・Javasctiptファイル1種

【導入方法】

①ブラウザで『NV_LifeCounter_Display.html(アイコン表示)』を開きURLをコピーします

　ソース追加→ブラウザソース→コピーしたURL(file:～から始まるURL)を入力します

　ローカルファイルのチェックは入れないでください

　効果音を使う場合は『OBSで音声を制御する』にチェックを入れてください

➁ブラウザで『NV_LifeCounter_ControlPanel.html(操作パネル)』を開きURLをコピーします

　上部メニューからドック→カスタムブラウザドック→コピーしたURL(file:～から始まるURL)を入力します

　名前は「残機カウンター操作パネル」などわかりやすい名前をおすすめします

③『NV_LifeCounter_Display.html』はウインドウの大きさに合わせてアイコンが折り返し表示されます

　アイコンの大きさやレイアウト、数を見ながらお好みで幅や高さを調整してください

　アイコンの大きさは操作パネルの設定項目で変えられます

【機能一覧】

■最大数

アイコンが表示される最大数を設定できます

※最大100まで設定可能ですが、多分そこまで表示する人はいないのではないかと思っています

■アイコン増減

-で1減り、+で1増えます

最大数に設定してある数値まで増やせます

■タイマー

設定した時間になると自動でアイコンを増減される機能です

最大60分まで設定できます

自動減少を選択すると自動でアイコンが減少し、0になるとタイマーが止まります

自動増加を選択すると自動でアイコンが増加し、最大数に到達するとタイマーが止まります

■アイコン変更

好きな画像に変更可能です

使用できる画像はPNGファイルのみです

■アイコンサイズ

表示するアイコンの大きさを設定します

高さは設定した幅に合わせて自動調整されます

■レイアウト変更

アイコンの並び方を変更できます

縦並びにもできます

■増加アニメーション

アイコンが増加した時のアニメーションを設定できます

■減少アニメーション

アイコンが減少した時のアニメーションを設定できます

■効果音設定

アイコンが増加した時、アイコンが減少した時、アイコンが最大数まで表示された時、アイコンが0になった時の効果音が設定できます

設定された音源の視聴、停止、音量の調整もできます

使用できるファイルはMP3ファイルのみです

初期状態だと設定されていないので、お好みの効果音を設定してお使いください

【利用規約】

・収益化済みチャンネルでの利用可

・画像の色の変更、加筆、加工禁止

・自作発言、素材の二次利用、グッズ利用、二次配布、販売、第三者への譲渡禁止

・無料版のソースコード改変禁止

・改変したソースコードについてのお問い合わせには対応いたしません

・著作権は放棄しておりません

規約を守って活動にご利用ください。

また何かあればメッセージかXのDMまでご連絡ください。

クレジット表記は必須ではないですが、していただけると励みになります。

【クレジット】

制作：夜宵とばり( https://x.com/841tobari )

販売協力：甘咬ガヴ( https://x.com/amagami_gavu )

紹介動画の効果音に効果音ラボ様の効果音を使わせていただきました

https://soundeffect-lab.info/