ダウンロードしていただき、ありがとうございます。 使用するうえでの注意事項や、プリセットの導入方法を記載していますので、はじめにお読みください。 本プリセットは利用規約の範囲内であれば個人･法人･商用･非商用を問わず無料でご利用いただけます。 ========================================================== 利用規約 ・本プリセットをそのまま販売、再配布することは禁止します。 ・本プリセットを改変しての販売、再配布を禁止します。 ・データの編集や加工は自由に行っていただいて構いません。 ・使用する際のクレジット表記や事前連絡は不要です。 ・プリセットの使用で生じた、いかなる損害やトラブルに対して一切の責任を負いません。 ※お仕事などでプロジェクトデータを納品する際は、再配布には該当しません。 ====================================================== チャンネル水槽(Channel Aquarium)使い方ガイド v1.0(日本語) ====================================================== ■ これは何? OBS に入れる「チャット水槽」ウィジェットです。 Twitch のチャットで視聴者が発言すると、その人専用の魚が 画面の水槽に生まれます。チャットするほど魚は成長します。 !feed コマンドで餌やりもできます。 インストール不要・ログイン不要・トークン不要。 必要なのは aquarium.html というファイル 1 つだけです。 ■ 準備するもの 1. OBS(または Streamlabs OBS) 2. aquarium.html ファイル (決まったフォルダに置き、あとで移動しないでください) 3. あなたの Twitch チャンネル名 (twitch.tv/ の後ろの部分。すべて小文字) ■ 設定手順(この通りにやれば OK) 【手順 1】ファイルのパスをコピー - エクスプローラーで aquarium.html を探す - Shift を押しながら右クリック → 「パスのコピー」 - 例:D:\stream\aquarium.html のような文字列が取れます 【手順 2】OBS でブラウザソースを追加 - ソース欄の「+」→「ブラウザ」→ 名前を付ける(例:水槽)→ OK 【手順 3】設定を入力(ここが重要!) - 「ローカルファイル」には【チェックを入れない】! (チェックするとチャンネル名を渡せなくなります) - URL 欄に次のように入力: file:///D:/stream/aquarium.html?channel=チャンネル名 ※ D:/stream/ の部分は手順 1 でコピーしたパスに置き換え (\ のまま貼り付けても OBS は認識します) ※ channel= の後ろにチャンネル名(小文字) - 幅 480、高さ 270 - OK を押す 【手順 4】動作確認 - 青い水槽(砂底と枠付き)が表示されます - チャットで誰かが発言すると、数秒で魚が現れます! ■ よく使う調整(URL の末尾に追記するだけ) 画面を大きく: &w=960&h=540(ソース自体のサイズも変更) ゲーム画面に重ねる: &bg=transparent(水槽の背景が透明に) 名前を非表示: &names=0 英語表示: &lang=en ■ 視聴者向けの遊び方(Twitch パネルに貼れます) 🐟 チャンネル水槽の遊び方 🐟 チャットで発言すると、あなた専用の魚が生まれます! チャットを続けると魚が成長(稚魚 → 小魚 → 成魚 → 大魚) !feed 自分の魚に餌やり(食べるとスピードアップ+泡) !feed @名前 他の人の魚に餌やり(ハートが出ます) 餌やりのクールタイムは 60 秒。 しばらく来なくても、一言チャットすれば魚はすぐ戻ってきます。 成長は絶対に減りません! ■ 魚のデータは消えない? 成長データは「OBS 内部のブラウザ保存領域」に保存されます: - OBS を閉じても、配信を終えても消えません - ただし!ブラウザソースの「キャッシュをクリア」で全部消えます - PC の買い替えや OBS の再インストールでも引き継げません → 大事なデータは定期的にバックアップを: 【バックアップ方法】 1. URL の末尾に一時的に &debug=1 を付ける 2. ソースを右クリック → 「対話」、開いたウィンドウで キーボードの E を押す 3. パネルが出るので、中の文字列をすべてコピーしてメモ帳に保存 4. 復元するとき:同じパネルに文字列を貼り付けて 「Import(匯入)」ボタンを押す 5. 終わったら &debug=1 を URL から外す ※ パネルの表示を英語にしたい場合は &lang=en を付けてください ■ よくある質問 Q:魚がまったく出ない A:channel= のつづりミス(小文字必須)か、ネット未接続が ほとんどです。同じ URL を普通のブラウザ(Chrome/Edge)で 開き、F12 のコンソールに「IRC connected」が出るか 確認してください(&lang=en の場合)。 Q:水槽は表示されるのに、チャットに反応しない A:チャンネル名の間違いが最有力。twitch.tv/ の後ろを再確認。 Q:魚が全部消えた! A:OBS のキャッシュクリアが原因のことがほとんどです。 バックアップがあれば上の手順で復元できます。 Q:配信せずに試したい A:aquarium.html?debug=1 をブラウザで直接開いて、 キーボードの A を押すとテスト用の魚が生まれます (Twitch には接続しません)。 ■ 共有について ---------------------------------------------------------- 自由に使用・共有していただけます。 TWITCH:https://www.twitch.tv/rein0919 X(TWITTER):https://x.com/Rein55523042 BOOTH:https://reinnier.booth.pm/ ==========================================================