駅の発車標・電光掲示板をモチーフにした、わんコメ / OBS対応のコメント吹き出しHTMLテンプレートです。 黒い掲示板にオレンジ・グリーン系の発光文字が表示される、駅の案内板のようなデザインに仕上げています。 名前部分は行先や案内ラベルのように、コメント本文は電光掲示板のメッセージのように表示されます。 背景は透明なので、OBSのブラウザソースとして配信画面に重ねて使用できます。 電車・旅行・レトロ・雑談・ゲーム配信など、少し変わったコメント演出を入れたい配信におすすめです。 コメントは下から上へ流れるように表示され、本文は一文字ずつ表示されます。 Twitchスタンプなどの画像付きコメントにも対応しています。 KHドットフォントシリーズを追加すると、より電光掲示板らしい見た目になります。 フォント本体は同梱していませんが、フォント未導入でも代替フォントで表示されます。 主な特徴 - わんコメ対応 - OBSブラウザソース対応 - HTML / CSS / JavaScript形式 - 背景透明、吹き出しのみ表示 - 駅の発車標 / 電光掲示板風デザイン - 黒い掲示板にオレンジ・グリーン系の発光文字 - 名前を行先・案内ラベル風に表示 - コメント本文を電光掲示板メッセージ風に表示 - コメントが下から上へ流れる表示 - 一文字ずつ表示される文字送り演出 - Twitchスタンプ表示対応 - editor_schema.json 同梱 - 見た目確認用の obs_demo 付き - 実配信用テンプレートとデモを分離 - KHドットフォント追加に対応 こんな配信におすすめ - 雑談配信 - 旅行・電車・駅モチーフの配信 - レトロ風の配信画面 - ゲーム配信 - 作業配信 - Vtuber配信 - ちょっと変わったコメント演出を入れたい配信 - 電光掲示板やLED表示風のデザインが好きな方 使用方法 1. ZIPファイルを解凍します。 2. OBSでブラウザソースを追加します。 3. ローカルファイルとして、以下のHTMLを指定してください。 onecomme_template/departure_board_comment_bubble/index.html 4. わんコメを起動します。 5. コメントテスター、または実際のコメントで表示を確認してください。 見た目だけ確認したい場合は、以下をブラウザで開いてください。 obs_demo/index.html ※ obs_demo/index.html は見た目確認専用です。 実配信やコメントテスター確認には、必ず onecomme_template/departure_board_comment_bubble/index.html を使用してください。 フォントについて このテンプレートは、KHドットフォントシリーズを追加すると、より電光掲示板らしい見た目になります。 フォント本体は同梱していません。 使用する場合は、docs/font_setup.txt を確認し、fonts フォルダにフォントファイルを配置してください。 フォントを入れなくても代替フォントで表示されます。 内容物 - README_FIRST.txt - docs/troubleshooting.txt - docs/font_setup.txt - obs_demo - onecomme_template/departure_board_comment_bubble - editor_schema.json - template.json 注意事項 - 本商品は、わんコメ / OBS向けのHTMLテンプレートです。 - 背景画像や配信画面そのものは含まれていません。 - フォント本体は同梱していません。 - OBSのブラウザソースでローカルHTMLを読み込んで使用してください。 - 環境によって見え方が多少異なる場合があります。 - 表示されない場合は、OBSブラウザソースのキャッシュ更新、またはブラウザソースの再追加をお試しください。 - Twitchスタンプなどの画像は、コメント本文内の安全な画像URLのみ表示されます。