【配信】チャットの人数だけ灯りがともるクリスマス飾り 4デザイン|Twitchのチャットで話した人が飾りになる・ログイン不要・OBS用・設定ボタン(⚙)つき
- ダウンロード商品¥ 1,500







Twitchのチャットで発言した視聴者が、ひとりに1つ、画面の飾りになって残っていくクリスマスの表示です。ツリーの飾り玉、紙ちょうちん、電飾の電球、スノードーム。名前から場所と見た目が決まるので、同じ人はいつも同じ場所に同じ飾りで現れます。来る回数が増えるほど、その人の飾りが明るくなります。 ログインもトークンも要りません。配信者のチャンネル名を入れるだけで、Twitchのチャットに直接つながります(読み取りだけで、チャットに発言は送りません)。 同じ機能のまま、見た目だけ違うものを4デザインそろえました。背景は透過なので、ゲーム画面や待機画面の上にそのまま置けます。 単一HTML・インストール不要・アカウント連携不要。OBSのブラウザソースに入れるだけ。日本語/English 切替対応。 ━━━━━━━━━━━━━━━━━━ ◆ 必要なもの ━━━━━━━━━━━━━━━━━━ ・Twitchのチャットを読むため、インターネットにつながっていること ・対応しているのはTwitchのチャットです ・つながる先はTwitchのチャット1か所だけです ━━━━━━━━━━━━━━━━━━ ◆ 収録している4デザイン ━━━━━━━━━━━━━━━━━━ ・tree.html … クリスマスツリー(視聴者は飾り玉。てっぺんの星が目標) ・lantern.html … 紙ちょうちんの空(視聴者はちょうちん。大きな星のちょうちんが目標) ・garland.html … 電飾の花綱の壁(視聴者は電球。吊るした星が目標) ・globe.html … スノードームと飾り玉の棚(視聴者はドームか玉。吊るした星が目標) ━━━━━━━━━━━━━━━━━━ ◆ 視聴者が飾りになる ━━━━━━━━━━━━━━━━━━ ・発言した人が1人につき1つ、落ちてきて決まった場所に収まります ・場所・形・色・模様はユーザー名から決まります(同じ人はいつも同じ見た目) ・発言は数秒のあいだ吹き出しで出ます。名前を下に出すこともできます ・飾りは消えません。保存は最大400人。画面に出す数は5〜200で選べます(静かな人から場所をあけます) ・別の配信に来るたびに1段明るくなります(レベル10まで) ・サブスクライバーは金の星、VIPは宝石、モデレーターは輪の印がつきます ━━━━━━━━━━━━━━━━━━ ◆ イベントの演出 ━━━━━━━━━━━━━━━━━━ ・サブスク・継続 … その人の飾りに金の星がはじけます ・ギフトサブ … 贈った人から受け取った人へ光が飛んでいきます ・ビッツ … 飾りのまわりで火花が散ります ・レイド … 雪と彗星が流れ、「RAID 名前 +人数」が出ます ・目標の星 … サブスク・ギフト・ビッツで下から満ちて、満ちたら花火。目標の数は⚙で決められます ・@で呼び合った2人は灯りの糸でつながり、3人以上の輪には星座のような名前が付きます ━━━━━━━━━━━━━━━━━━ ◆ チャットのコマンド(画面に出すだけ) ━━━━━━━━━━━━━━━━━━ ・!lurk … 飾りに「おやすみ」の覆いがかかります ・!light … その人のカード(あかるさ・配信の回数)を数秒出します ・コマンドは⚙で変えられます。チャットへ返事は送りません ・よくあるボット(nightbotなど)は飾りにならないよう無視します。一覧は⚙で書き換えられます ━━━━━━━━━━━━━━━━━━ ◆ 使いはじめ(1分) ━━━━━━━━━━━━━━━━━━ 1. ソース →「+」→「ブラウザ」→「ローカルファイル」にチェックして .html を選ぶ 2. 幅・高さは配信画面と同じ大きさ(例: 1920 x 1080)にして、ソース一覧のいちばん上に置く 3. ソースを右クリック →「対話」。マウスを乗せると⚙が出る(出ないときは S キー) 4. 「Twitch のチャンネル名」に自分のチャンネル名を入れて「保存して閉じる」 画面の左下に小さく「接続済み #チャンネル名」と出ればつながっています(配信用の ?mode=stream では出ません)。⚙の「試しに1人追加」で、チャットを待たずに見た目を確かめられます。 ━━━━━━━━━━━━━━━━━━ ◆ 視聴者のデータ ━━━━━━━━━━━━━━━━━━ 飾りは視聴者ごとに、このブラウザ(OBS)の中に保存されます。サーバーは使いません。 ⚙の中で、全員分を文字(JSON)として書き出す/貼り付けて読み込む/全部消す、ができます。 ━━━━━━━━━━━━━━━━━━ ◆ 設定ボタン(⚙) ━━━━━━━━━━━━━━━━━━ チャンネル名・並べる場所(画面いっぱい/上の帯/縁まわり)・数の上限・大きさ・吹き出しの秒数・目標・きらめきの量(古いPC向けの控えめ設定あり)・配色・コマンド・言語などを、URLを書き換えずに設定できます。 ・普段⚙は見えないので、配信画面には映りません ・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で購入時の設定に戻せます ・?key=a ?key=b を付けると、同じデザインでもシーンごとに別のデータにできます ・設定の保存先はブラウザごとに別々です。OBSで使うぶんは、OBSの「対話」画面の中で設定してください ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・外部の書体やスクリプトは使っていません ・Twitchのチャットが途切れたら、待ち時間を少しずつ延ばしながら自動でつなぎ直します ・配信可・商用利用可(同梱の利用規約参照) ◆ こんな方に ・視聴者に「ここにいるよ」を形に残したい方 ・配信に来た人数が、そのままクリスマスの飾りになる画面を作りたい方 ・ボットや配信ツールの設定なしで、チャットに反応する飾りを置きたい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。







