# Comment_Ranch_v1 わんコメ（OneComme）カスタムテンプレート。 コメントを「札（タグ）」として牧場の床に配置し、 そこにいる生物（牛）が近寄ってムシャムシャ食べる、牧場風のコメント演出テンプレートです。 待機中や離席中の賑やかしに、縮めて画面の隅に置いて配信画面の飾りに、などなど。 --- ## 🎯 コンセプト - コメントは牧場で育つ「草」や「エサ」 - 生物が気ままに歩き回り、コメントを収穫（食事）していく - 流れるのではなく「溜まって消える」演出 --- ## 🛠 導入方法 1. わんコメの「カスタムテンプレート」フォルダに配置 2. わんコメ側でテンプレートを選択 3. OBS等で通常通り使用 公式 OneSDK を利用した規約準拠テンプレートです。 --- ## 🛠 仕組み - OneSDKでコメント購読 - データ抽出後、FXエンジン(Ranchモード)へ送信 - Canvas上の床にコメント札、または絵文字（エサ）を配置 - 1体の生物が近くにある札をターゲットにして移動し、重なると「食べる」演出とともに消去 - 一定時間（TTL）経過した札は自然にフェードアウト --- ## ⚙ 設定（config.js） `window.FX_CONFIG` で詳細な挙動を調整できます。 ### 基本設定 - `MODE`: "ranch" (牧場モード) または "fall" (通常落下モード) - `MAX_NOTES`: 画面上に存在できる札の最大数 - `NOTE_TTL`: 札が自然に消えるまでの時間(ms) ### 生物の設定 - `CREATURE_SPEED`: 移動速度 - `EAT_RADIUS`: 食べ判定の広さ - `EAT_TIME`: 食べる動作の時間 ### 表示・演出設定 - `EMOJI_ON_GRASS`: - `false` (デフォルト): 絵文字がそのまま大きく表示されます。 - `true`: 牧場風モード。全ての絵文字の下に「草」が表示され、その上にエサとして配置されます。 - `USE_BG_IMAGE`: 背景画像（farm_bg.pngなど）を表示するかどうか - `SHOW_COUNTER`: 食べた数を表示するカウンターのON/OFF - `USE_USER_COLOR`: ユーザーカラーを札の色に反映するか --- ## 📁 構成 Comment_Ranch_v1/ ├─ assets/ # 生物や背景の画像 ├─ index.html ├─ config.js ├─ fx.js # 牧場エンジン ├─ script.js ├─ style.css └─ readme.md --- ## 📝 画像について 本テンプレートに含まれる生物・背景・草画像はAI生成画像を元に加工したものです。 画像の利用可否や再配布の扱いについては、 ご自身が使用するプラットフォームやAIサービスの利用規約をご確認のうえ、各自の判断でご利用ください。 画像の差し替えは自由です。 解像度を合わせた画像を用意することで、独自の世界観に変更できます。 cow_***.png - 生物画像(815x815) farm_bg.png - 背景画像(1920x1080) grass**.png - 草画像(600x400) --- ## 📜 ライセンス 本テンプレートは、わんコメ公式の制作用テンプレートをベースに改変したカスタムテンプレートです。 改変・再配布はわんコメ規約に準拠してください。 --- ## 🗂 更新履歴 - 2026/03/01: v1.0.1 - 表示の調整 - 2026/02/28: v1.0.0 - 初版