【OBS対応】音も出せるデジタルカウンター 数取器
- Digital150 JPY
数をカウントアップしたり、カウントダウンしたりできるwebツールです。PC/Chromeでの動作を想定しています。OBS対応です。(OBS上ではカラーピッカーが使えませんので、カラーコードのベタ打ちで対応してください)。
はじめに
GitHub Pagesにてデモ版を公開しています。(PC/Chromeでの動作を想定しています) ↓↓↓ https://black-sesame-ice-cream.github.io/digital-counter/ ↑↑↑ デモ版での動作を確認してから購入することをお勧めします。 # 使い方 カウントの増減: カウンターを左クリックすると「左クリック増減値」で設定した値、右クリックすると「右クリック増減値」で設定した値だけ変化します。 設定パネル: 右上に表示されるGUIパネルからすべての設定を変更できます。 主な設定 上限値 / 下限値: カウンターの最大値と最小値を設定します。 左クリック増減値 / 右クリック増減値: それぞれのクリックでカウンターがいくつ変動するかを設定します。 0にリセット: 現在のカウンターの値を0に戻します。 スタイル設定 サイズ: 数字全体の大きさを調整します。 数字の太さ: 数字を構成するセグメントの太さを変更します。 数字間のギャップ: 数字同士の間隔を調整します。 数字の色: 通常時の数字の色を設定します。 数字の色(カンスト): カウンターが上限値または下限値に達したときの色を設定します。 位置設定 X座標 (%) / Y座標 (%): 画面内でのカウンターの水平・垂直位置を調整します。 サウンド設定 ファイルを選択: 左クリック時、右クリック時に再生するローカルの音声ファイルをそれぞれアップロードできます。 音量: 設定した音声の再生音量を調整します。 ※音声ファイルは付属しておりません。各自で用意してご利用ください。
商品内容
◆商品ファイル名 [digital-counter.zip] index.html ←これが本体 lil-gui-0.20.0.umd.min.js README.txt THIRD-PARTY-LICENSES.txt ※フォルダからファイルを移動させたり、消去したりすると、うまく動作しない場合があります。 ※音声ファイルは付属しておりません。各自で用意してご利用ください。
利用規約
◆ OKなこと ・個人利用、法人利用 ・商用利用（収益化を含む） ・データの加工、改変 ◆ NGなこと ・公序良俗に反する目的での利用 ・データそのもの、またはそれに準ずるものの二次配布 ◆ その他 ・クレジット表記不要（任意です。表記していただけると喜びます） ▼クレジット表記例 黒ゴマアイス<伊周> https://korechika.booth.pm/ ・本データの使用により発生したいかなる損害やトラブルについて、当方は一切の責任を負いません。 ・本規約は予告なく変更する場合があります。予めご了承ください。
OBSでの使い方(一例)
1.「ソース」パネルの左下にある「+」ボタンをクリックします。 2. メニューから「ブラウザ」を選択します。 3. ソースに適当な名前を付けて「OK」をクリックします。 4.「ローカルファイル」のチェックボックスにチェックを入れます。 5.「参照」ボタンを押し、フォルダ内のindex.htmlファイルを選択します。 6. 幅や高さなどプロパティを決めて、右下のOKを押します。 7. 追加したブラウザソースを右クリックし、「対話」を選択します。 8. 別のウィンドウが開きます。その中でwebツールを操作できます。ここで行った変更はリアルタイムで配信画面に反映されます。(カラーピッカーは使えませんので、カラーコードをベタ打ちして対応してください) 9. AltキーまたはOptionキーを押しながら赤い枠線をドラッグして、適宜トリミングをしてお使いください。