【OBSに置くだけ】コメントで水族館 全16テーマ｜コメントした人が魚になって泳ぐ・わんコメ／Twitch両対応・スパチャは金の魚【商用可】

コメントした人が魚になって、水槽の中を泳ぎ出す配信ウィジェットです。もう一度コメントすると、その人の魚がすいっと動いて、コメントがふきだしで数秒だけ出ます。スパチャ・メンバー加入は、王冠つきの金色の魚になります。

わんコメ（OneComme）／Twitchにつなぐだけで、視聴者ひとりひとりが魚になります。イラストではなく光と図形で描いているので軽く、どんな配信画面にもなじみます。配色ちがいの全16テーマ入りで、季節を問わず一年中使えます。

雑談・作業配信・もくもく会・寝落ち・ASMR・待機画面の「にぎやかし」に。コメントが増えるほど魚が増えて、画面がにぎやかになります。

━━━━━━━━━━━━━━━━

こんな配信に

━━━━━━━━━━━━━━━━

・視聴者参加のにぎやかしがほしい雑談・歌枠・ゲーム配信

・作業配信・もくもく会・ASMR・寝落ちの、静かな癒しの画面に

・配信開始前の待機画面・BRB（ちょっと離席）の画面に

・水槽をそのまま全画面の動く背景として使いたいとき

━━━━━━━━━━━━━━━━

収録テーマ（全16／うち明るい配信画面用が4）

━━━━━━━━━━━━━━━━

＜濃い水・暗めの配信画面に合う 12テーマ＞

・ocean（海の青） / reef（サンゴ礁） / deepsea（深海） / jelly（クラゲのネオン）

・tropical（トロピカル） / sunset（夕焼けの海） / night（ナイト水槽） / emerald（エメラルド）

・sakura（桜の水） / aurora（オーロラ） / ruby（金魚の紅） / mono（モノクロ）

＜明るい水・白背景に合う 4テーマ＞

・ivory（アイボリー） / softblue（やわ水色） / mint（ミント） / sand（砂浜の浅瀬）

　この4つは水も文字も淡い色で、明るいゲーム画面・イラスト配信の上でも見えます。

━━━━━━━━━━━━━━━━

できること

━━━━━━━━━━━━━━━━

・コメントした人が魚になって泳ぎます（同じ人は同じ魚。名前も出せます）

・もう一度コメントすると、その魚が加速して、コメントがふきだしで数秒出ます

・スパチャ・投げ銭・メンバー加入は、王冠つきの金の魚になります

・水の背景をオフにすると、魚だけが配信画面の上を泳ぐ透過オーバーレイになります

・画面に泳ぐ魚の最大数・泳ぐ速さ・名前やふきだしの表示を、パネルやCSSで変えられます

━━━━━━━━━━━━━━━━

わんコメ連動（任意機能）

━━━━━━━━━━━━━━━━

・わんコメを起動しておくだけで自動でつながります（設定は要りません）

・コメントするたびに、その人の魚が泳ぎ出します

・スパチャ・メンバー加入のコメントも拾って、金の魚にします

・わんコメは無料版でOKです

━━━━━━━━━━━━━━━━

Twitch直結（わんコメ不要）

━━━━━━━━━━━━━━━━

・使うテーマの twitch.html のURLに「?twitch=チャンネル名」を足すだけで、Twitchのチャットに直接つながります

・アカウント登録・トークンは要りません

・「?demo=1」を付けると、OBSに置く前に動きを確認できます

━━━━━━━━━━━━━━━━

導入方法（3ステップ・2分）

━━━━━━━━━━━━━━━━

1. 同梱の panel.html を開き、テーマ（水の色）と設定を選んで「OBS用URLを作る」を押します

2. OBSで「ソース」→「＋」→「ブラウザ」を追加し、作ったURL（またはテーマの index.html）を指定します

おすすめサイズ：幅 1920 × 高さ 1080（全画面の水槽として）

3. テーマを変えたいときは、URLの「panda-aquarium-ocean」の部分を、使いたいテーマのフォルダ名に書き換えるだけです

※ わんコメで使う場合は index.html、Twitchで使う場合は twitch.html?twitch=チャンネル名 を使います。

※ 水の背景を消したいときは、URLの末尾に ?bg=0 を足すと透過オーバーレイになります。

━━━━━━━━━━━━━━━━

操作パネル付き（CSSを書きません）

━━━━━━━━━━━━━━━━

テーマ（水の色）・名前の表示・ふきだし・水の背景のオンオフ・泳ぐ速さを選んで「OBS用URLを作る」を押すだけで、OBSにそのまま貼れるURLができます。

━━━━━━━━━━━━━━━━

動作環境

━━━━━━━━━━━━━━━━

OBS Studio 30.x 以降（Windows・macOS）

わんコメ 5.x（連動を使う場合のみ・無料版で可）／ Twitchチャットにも対応

画像・動画・外部フォントを使っていない軽量HTMLです。サーバー・アカウント登録・課金は不要で、インターネットに接続していなくても（Twitch連動以外は）動きます。

━━━━━━━━━━━━━━━━

いっしょに使われています

━━━━━━━━━━━━━━━━

・コメントで演出（❤️や🎉が飛ぶ）¥1,000 … コメントに反応する演出をもっと増やしたい方に

　https://panda-kaihatsu.booth.pm/items/8680486

・動くコメント欄テーマ 全64色 ¥1,500 … 定番の配色をひととおり揃えたい方に

　https://panda-kaihatsu.booth.pm/items/8576737

━━━━━━━━━━━━━━━━

ライセンス

━━━━━━━━━━━━━━━━

・個人・法人問わず商用配信OK／自分の配信用の改変OK

・素材そのもの（HTML/CSS/JS）の再配布・転売はご遠慮ください

━━━━━━━━━━━━━━━━

更新履歴

━━━━━━━━━━━━━━━━

v1.0（2026-09-18）公開。全16テーマ・わんコメ／Twitch両対応。

──

panda studio ／ 人間1人＋AIで配信素材をつくっています

──

この色違いでは足りない、というとき

配信の世界観に合わせて、あなた専用のウィジェットをお作りしています。

https://panda-kaihatsu.booth.pm/items/8621384