元素周期表をモチーフにした、わんコメ / OBS対応のコメント吹き出しHTMLテンプレートです。 元素記号のカードを並べたような、無機質でスタイリッシュなデザインに仕上げています。 研究室、理系、サイエンス、分析装置、近未来UIのような雰囲気を配信画面に加えたい方におすすめです。 コメント欄は、元素周期表のマス目をイメージしたパネル構成になっており、名前部分は元素カード風、コメント部分は横長の分析パネル風に表示されます。 背景は透明なので、OBSのブラウザソースとして配信画面に重ねて使用できます。 コメントは下から上へ流れるように表示され、本文は一文字ずつ表示されます。 Twitchスタンプなどの画像付きコメントにも対応しています。 主な特徴 わんコメ対応 OBSブラウザソース対応 HTML / CSS / JavaScript形式 背景透明、吹き出しのみ表示 元素周期表モチーフのコメントデザイン 名前部分を元素カード風に表示 無機質でスタイリッシュな配色 コメントが下から上へ流れる表示 一文字ずつ表示される文字送り演出 Twitchスタンプ表示対応 editor_schema.json 同梱 見た目確認用の obs_demo 付き 実配信用テンプレートとデモを分離 こんな配信におすすめ 理系・科学系の配信 勉強配信 解説配信 研究室風・サイエンス風の配信画面 無機質でスタイリッシュな配信画面 近未来UI風の配信 ゲーム配信 雑談配信 Vtuber配信 使用方法 ZIPファイルを解凍します。 OBSでブラウザソースを追加します。 ローカルファイルとして、以下のHTMLを指定してください。 onecomme_template/periodic_table_comment_bubble/index.html わんコメを起動します。 コメントテスター、または実際のコメントで表示を確認してください。 見た目だけ確認したい場合は、以下をブラウザで開いてください。 obs_demo/index.html ※ obs_demo/index.html は見た目確認専用です。 実配信やコメントテスター確認には、必ず onecomme_template/periodic_table_comment_bubble/index.html を使用してください。 内容物 README_FIRST.txt BOOTH_README.txt docs/troubleshooting.txt obs_demo onecomme_template/periodic_table_comment_bubble editor_schema.json template.json 注意事項 本商品は、わんコメ / OBS向けのHTMLテンプレートです。 背景画像や配信画面そのものは含まれていません。 OBSのブラウザソースでローカルHTMLを読み込んで使用してください。 環境によって見え方が多少異なる場合があります。 表示されない場合は、OBSブラウザソースのキャッシュ更新、またはブラウザソースの再追加をお試しください。 Twitchスタンプなどの画像は、コメント本文内の安全な画像URLのみ表示されます。