コメントした人が魚になって、水槽の中を泳ぎ出す配信ウィジェットです。もう一度コメントすると、その人の魚がすいっと動いて、コメントがふきだしで数秒だけ出ます。スパチャ・メンバー加入は、王冠つきの金色の魚になります。 わんコメ（OneComme）／Twitchにつなぐだけで、視聴者ひとりひとりが魚になります。魚は、ナンヨウハギ・クマノミ・ネオンテトラ・エンゼルフィッシュ・チョウチョウウオ・金魚・錦鯉・ベタ・ミズクラゲ・ウミガメ・グッピーの11種。同じ人はいつも同じ魚で、尾びれをゆらして泳ぎ、クラゲはふわふわ、カメはゆっくり進みます。水の色と光ちがいの全16テーマ入りで、季節を問わず一年中使えます。 ※ 魚の絵は、画像生成AIで制作した素材を使用しています（panda studio が生成・選定し、透過・縮小して同梱）。 雑談・作業配信・もくもく会・寝落ち・ASMR・待機画面の「にぎやかし」に。コメントが増えるほど魚が増えて、画面がにぎやかになります。 ━━━━━━━━━━━━━━━━ こんな配信に ━━━━━━━━━━━━━━━━ ・視聴者参加のにぎやかしがほしい雑談・歌枠・ゲーム配信 ・作業配信・もくもく会・ASMR・寝落ちの、静かな癒しの画面に ・配信開始前の待機画面・BRB（ちょっと離席）の画面に ・水槽をそのまま全画面の動く背景として使いたいとき ━━━━━━━━━━━━━━━━ 収録テーマ（全16／うち明るい配信画面用が4） ━━━━━━━━━━━━━━━━ ＜濃い水・暗めの配信画面に合う 12テーマ＞ ・ocean（海の青） / reef（サンゴ礁） / deepsea（深海） / jelly（クラゲのネオン） ・tropical（トロピカル） / sunset（夕焼けの海） / night（ナイト水槽） / emerald（エメラルド） ・sakura（桜の水） / aurora（オーロラ） / ruby（金魚の紅） / mono（モノクロ） ＜明るい水・白背景に合う 4テーマ＞ ・ivory（アイボリー） / softblue（やわ水色） / mint（ミント） / sand（砂浜の浅瀬） 　この4つは水も文字も淡い色で、明るいゲーム画面・イラスト配信の上でも見えます。 ━━━━━━━━━━━━━━━━ できること ━━━━━━━━━━━━━━━━ ・コメントした人が魚になって泳ぎます（11種から、同じ人はいつも同じ魚。名前も出せます） ・もう一度コメントすると、その魚が加速して、コメントがふきだしで数秒出ます ・スパチャ・投げ銭・メンバー加入は、王冠つきの金の魚になります ・水の背景をオフにすると、魚だけが配信画面の上を泳ぐ透過オーバーレイになります ・画面に泳ぐ魚の最大数・泳ぐ速さ・魚の大きさ・名前やふきだしの表示を、パネルやURLで変えられます ・魚が泳ぐ範囲を決められます（ふつうは画面全体）。?area=bottom / top / left / right で画面の下・上・左・右1/3だけ、?area=0,60,100,40 のように数字（x,y,幅,高さ＝画面の%）でも指定できます ・?avoid=35,5,30,60 で、顔・立ち絵の四角に魚が入らないようにできます（2か所以上は &avoid= を並べるか | で区切る）。操作パネルでも作れます ━━━━━━━━━━━━━━━━ わんコメ連動（任意機能） ━━━━━━━━━━━━━━━━ ・わんコメを起動しておくだけで自動でつながります（設定は要りません） ・コメントするたびに、その人の魚が泳ぎ出します ・スパチャ・メンバー加入のコメントも拾って、金の魚にします ・わんコメは無料版でOKです ━━━━━━━━━━━━━━━━ Twitch直結（わんコメ不要） ━━━━━━━━━━━━━━━━ ・使うテーマの twitch.html のURLに「?twitch=チャンネル名」を足すだけで、Twitchのチャットに直接つながります ・アカウント登録・トークンは要りません ・「?demo=1」を付けると、OBSに置く前に動きを確認できます ━━━━━━━━━━━━━━━━ 導入方法（3ステップ・2分） ━━━━━━━━━━━━━━━━ 1. 同梱の panel.html を開き、テーマ（水の色）と設定を選んで「OBS用URLを作る」を押します 2. OBSで「ソース」→「＋」→「ブラウザ」を追加し、作ったURL（またはテーマの index.html）を指定します おすすめサイズ：幅 1920 × 高さ 1080（全画面の水槽として） 顔・立ち絵に魚をかぶせたくないときは、ブラウザソースを小さくして画面の下や端に置くか、URLに ?area=bottom（下1/3だけ）や ?avoid=（避ける四角）を足します 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チャットにも対応 外部フォント・外部CDNを使わない軽量HTMLです（魚の絵12枚・合計約220KBを同梱）。フルHDで魚60匹を泳がせても60fpsで動くことを確認しています（当方のテスト環境）。サーバー・アカウント登録・課金は不要で、インターネットに接続していなくても（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両対応。 v1.1（2026-09-27）魚を図形から自然な魚の絵（11種＋スパチャ用の金の魚）に作り直し。尾びれの揺れ・向きを変える動き・クラゲ／カメの泳ぎ方を追加。 v1.2（2026-09-27）遊泳範囲を?area=/?avoid=で指定可能に。 ── panda studio ／ 人間1人＋AIで配信素材をつくっています ── この色違いでは足りない、というとき 配信の世界観に合わせて、あなた専用のウィジェットをお作りしています。 https://panda-kaihatsu.booth.pm/items/8621384