Name: うごく！グラデーションカウンター【朝活配信などにどうぞ】
Brand: tsuki-lab.net（ツキラボ）
Price: 250 JPY
Availability: InStock

tsuki-lab.net（ツキラボ）

うごく！グラデーションカウンター【朝活配信などにどうぞ】

ダウンロード商品
¥ 250

配信者向けのOBSで利用できるカウンターツールです。ブラウザソースの「対話（操作）」でカウンターツールを操作することができます。

うごく！グラデーションカウンター

色を選ぶだけで自動生成されるグラデーションで、カウントを可愛く表示するカウンターツールです。朝活の「おはようカウント」や「初見さんカウント」など、多種多様な場面でご利用いただけます。任意ではありますが、利用した配信でクレジットを表記してくれると大変喜びます。うごく！グラデーションカウンター https://tsuki-lab.booth.pm/items/7684868 ⬆️ クレジット表記例 ■ 動作推奨環境 OBS Studio バージョン：31.0.0 以上 ■ 動作保証環境 OBS Studio バージョン：29.1.3 以上

+ 主な機能 +

１. 手動カウント: クリック操作で自由にカウントを増減できます２. グラデーションデザイン: カウント数・見出し・外枠の色を1色ずつ指定するだけで、自動的に美しいグラデーションを生成３. アニメーション機能: グラデーションを動的に変化させるアニメーション機能、カウントアップ時に可愛いアニメーションを表示４. 簡単設定: プリセットからワンクリックで色を適用可能５. カスタマイズ可能: 見出し（カウント名）を自由に設定可能

+ 導入方法 +

１. ダウンロードしたファイルの中から `index.html` を探してください２. OBSを開き、`index.html` をドラッグ&ドロップしてください３. 自動的にブラウザソースが追加され、カウンターが表示されます４. 必要に応じて「幅」と「高さ」を調整してください（推奨: 幅 600px、高さ 1080px）これでカウンターが表示されます。

+ 使い方 +

■ カウント操作・左クリック: カウント +1 ・右クリック: カウント -1 ※ ブラウザソースを「対話モード」で起動している必要があります。配信中に好きなタイミングでカウントできます。 ■ グラデーションデザイン・カウント数、見出し、外枠の色をそれぞれ1色ずつカラーピッカーで指定・指定した1色から自動的に美しいグラデーションが生成されます・色は自由に組み合わせ可能で、お好みのデザインを作成できます ■ 簡単設定（プリセット）・「桜」「ラムネ」「みかん」「あじさい」のプリセットボタンから、ワンクリックで色を適用できます・プリセットを適用すると、カウント数・見出し・外枠の色が一括で設定されます ■ 見出し設定・見出し入力欄でカウント名を自由に設定できます・例：「初見さん」「おはよう」「ありがとう」など ■ リセット機能・リセットボタンでカウントを0に戻すことができます

+ カスタマイズ方法 +

■ カウンター表示のカスタマイズ（上級者向け） OBS のブラウザソースで「カスタム CSS」を設定することで、カウンターの見た目をさらに自由にカスタマイズできます。 ■ カスタム CSS の設定方法 1. OBS のブラウザソースを選択 2. プロパティを開く 3. 「カスタム CSS」欄に CSSコードを記述 ■ カスタマイズ例 /* カウント数の数字をカスタマイズ */ .counter-number { font-size: 120px; font-family: sans-serif; font-weight: 900; } /* 見出しをカスタマイズ */ .counter-title { font-size: 48px; font-weight: 800; } ■ カスタマイズ可能な要素とプロパティ < カウント数の数字 > ・ font-size：文字のサイズ（デフォルト: 144px）・ font-family：フォントの種類（デフォルト: 'M PLUS Rounded 1c', sans-serif）・ font-weight：文字の太さ（デフォルト: 900） < 見出し（カウント名） > ・ font-size：文字のサイズ（デフォルト: 40px）・ font-family：フォントの種類（デフォルト: 'M PLUS Rounded 1c', sans-serif）・ font-weight：文字の太さ（デフォルト: 800） ※ その他、通常の CSS プロパティが使用可能です