固定が出来るナンバールーレット｜スピンナンバー ｜KTX Spin Number

■ KTX Spin Number

桁ごとにロックして演出できる、スロット風ナンバールーレット。

ボタンひとつで数字がスロットのように回転し、ガコンッと止まる。

3〜8桁の数字を抽選できる、OBS用のブラウザ型ウィジェットです。

当たり番号を桁ごとに固定できるロック機能を搭載しているので、「最後の1桁だけ抽選」といった盛り上がる演出が簡単に作れます。

■ このウィジェットの特徴

桁ごとのロック機能

数字をクリックするとその桁がロックされ、赤く表示されます。ロックした桁は固定したまま、残りの桁だけを抽選できます。当選番号を1桁ずつ確定させていく演出や、「下2桁だけ抽選」といった使い方ができます。これがKTX Spin Number最大の特徴です。

スロットのような回転演出

回る前に少し上へ引く予備動作から、縦方向にブレながら高速回転し、減速して数字が止まります。演出に緩急があるので、配信で見ていて気持ちのいい動きになっています。

左から順番に確定する「確定間隔」

全桁を同時に止めるか、左から1桁ずつ順番に止めるかを選べます。間隔は 0.1秒〜2秒の5段階。桁数が多いときに、ドキドキ感を引き延ばす演出ができます。

音声ファイル不要の効果音

回転中のカチカチ音、停止音、全桁確定時のジングルを内蔵。停止音は「メタル / メカ / デジタル / ガコン / コイン」の5種類から選べます。効果音はブラウザ内で生成しているため、音声ファイルの同梱や設定は不要です。もちろんOFFにもできます。

3〜8桁・6段階の表示サイズ・ダークモード

桁数は3〜8桁、表示サイズは1〜6倍、テーマは通常 / ダークの切り替えに対応。設定はすべてブラウザ（ソース）内に保存されるので、次回起動時も同じ設定で使えます。

■ ツールの使い方（導入〜使用まで）

1. ダウンロードしたzipを解凍し、中の「ktx_spin_number.html」を用意します。

2. OBSのソースに「ブラウザソース」を追加し、ローカルファイルとしてHTMLを指定します。

3. サイズを設定して配信に表示します（下記「表示サイズについて」をご確認ください）。

4. スピンや設定の操作は、OBSの「対話」機能から行います（下記「操作方法」参照）。

詳しい手順は同梱の「ReadMe.txt」をご覧ください。

■ 表示サイズについて

ブラウザソースのサイズは【 横1920 × 縦1080 】を推奨しています。

画面の左側に数字、右側に設定パネル（横560px）が表示される構成です。

ただし、桁数と表示サイズの組み合わせによっては、数字が1920の幅に収まらなくなります。

FHD（1920×1080）で数字が隠れずに表示できる上限は以下の通りです。

3桁・4桁 … 6倍まで

5桁 … 5倍まで

6桁 … 4倍まで

7桁・8桁 … 3倍まで

最大構成（8桁 × 6倍）で使う場合は、ブラウザソースの幅を【 3020 】に設定してください。

桁数ごとの詳しい必要サイズは、同梱の「ReadMe.txt」に一覧を掲載しています。

配信画面には数字の部分だけを映し、右側の設定パネルはOBSのクロップ（Altキーを押しながらソースの端をドラッグ）で隠す使い方を想定しています。

■ 操作方法（OBSの「対話」）

スピン、桁のロック、桁数・サイズ・テーマ・確定間隔・サウンドの設定は、すべてOBSの「対話」機能から行います。

OBSのソース一覧で本ソースを右クリックし、「対話」を選択するとウィンドウが開きます。

そのウィンドウ内で「スピン」ボタンを押すと数字が回転し、数字をクリックするとその桁がロック／解除されます。

■ カスタムCSSについて

OBSのブラウザソースの「カスタムCSS」欄から、背景色や数字の色、ロック時の色などを変更できます。

例：背景を透過させる

:root { --ktx-background: transparent; }

変更できる項目の一覧と設定例は、同梱の「ReadMe.txt」に記載しています。

■ ご利用上の注意

本ウィジェットは、OBSのブラウザソース（Chromiumベース）での動作を前提に設計されています。

桁数・表示サイズ・ロック状態などの設定はご利用のブラウザ（ソース）内に保存されるため、OBSのキャッシュ削除やソースの再作成を行うと、設定がリセットされる場合があります。

効果音を配信に乗せる場合は、ブラウザソースのプロパティで「OBSを介して音声を制御する」を有効にし、音声ミキサーで音量を調整してください。

フォント（Rubik / IBM Plex Sans JP）はGoogle Fontsから読み込んでいるため、オフライン環境では代替フォントで表示されます。

kentax design 全製品共通利用規約

■ ご利用について

• 本製品は、個人・法人を問わずご利用いただけます。

• OBS配信・動画制作・ウェブサイト・商用コンテンツなどへの使用も可能です。

■ クレジット表記について

• 製品名・制作者名・リンクなどの明記は不要です。

• 任意でクレジットを記載していただく場合の例は、以下の通りです。

• 例：素材提供：kentax design

■ 禁止事項

以下の行為を禁止いたします。

• 素材やデータの再配布・転売・譲渡

• 自作発言・加工品としての再販売

• 公序良俗に反する、または誹謗中傷・差別的な表現を伴う利用

• 政治的・宗教的な主張・啓発・勧誘などを目的とした利用

• AI学習や自動生成素材への組み込み利用

• 当方が不適切と判断した内容・コンテンツへの使用

■ 改変・カスタマイズについて

• 色やサイズなど、個人の配信・動画演出の範囲での加工・改変は自由です。

• ただし、加工後のデータを第三者へ配布・販売する行為は禁止となります。

■ 免責事項

• 本製品の使用により発生したトラブル・損害について、制作者は一切の責任を負いません。

• 仕様変更・販売停止などは予告なく行う場合があります。

■ その他

ガイドラインに関するご質問や、商用・法人案件での特別利用については、BOOTHメッセージまたは公式サイト、XのDMやリプライよりお問い合わせください。

■ 最新情報のチェックはこちら

SNSでは、クリエイターの配信を彩るウィジェットやオーバーレイ素材を発信しています。

ぜひkentaxのアカウントをフォローして、最新情報をチェックしてください！

X: https://x.com/kentax