【わんコメ対応】リスナーと一緒に盛り上がる！リアクションペンライト-シンプル-
- 赤ダウンロード商品¥ 200
- 水色ダウンロード商品¥ 200
- ライトパープルダウンロード商品¥ 200
- ブルーダウンロード商品¥ 200
- ピンクダウンロード商品¥ 200
- パープルダウンロード商品¥ 200
- オレンジダウンロード商品¥ 200
- イエローダウンロード商品¥ 200
配信画面がライブ会場に変わる！ 配信コメントアプリ「わんコメ」専用のカスタムテンプレートです。 リスナーがコメントで特定の絵文字を打ったり、リアクションボタンを押したりすると、配信画面の底面からペンライトが現れてリズミカルにスイングします。 歌枠、記念配信、3Dライブ、耐久配信など、リスナーと一体になって配信を盛り上げたい時に最適なアイテムです！
✨ 主な機能・特徴
2つのアクションに連動 リアクション連動: 「リアクション」機能（🧡、😄、🎉など）を押した際にも連動してペンライトが振られます。 コメント連動: コメント欄に特定のハート絵文字が打ち込まれると反応します。複数個打たれた場合は、その個数分のペンライトが出現します。 コメントに合わせた自動色分け対応 リスナーが送ったハートの絵文字の色に合わせて、自動でペンライトの色が変化します。 ※この「コメントのハート色による色分け機能」は、すべてのカラーバリエーションで共通して動作します。 対応している絵文字と色の組み合わせは以下の通りです。 ❤️ -> 赤色（#ff4b4b） 🧡 -> オレンジ色（#ffa500） 💛 -> 黄色（#ffd700） 💚 -> 緑色（#00cc00） 🩵 -> 水色（#87ceeb） 💙 -> 青色（#4b9fff） 💜 -> 紫色（#9932cc） 🩷 -> ピンク色（#ffb6c1） 🖤 -> 黒色（#000000） 🩶 -> 灰色（#808080） 🤍 -> 白色（#ffffff） 🤎 -> 茶色（#8b4513） 推しカラーやその時の雰囲気に合わせてリスナー側から色をコントロールできます。 ※リアクションボタン（🧡、😄、🎉など）を押した際に出現するペンライトの色は、各商品のベースカラーとなります。
🎨 バリエーション一覧
ご自身の推しカラーや配信の雰囲気に合わせてお選びいただけるよう、複数のカラーバリエーションを展開しております。 （※各種で「リアクション時のペンライトの色」が異なります） 赤 #ff4d4d 水色 #6effff ライトパープル #af59ff ブルー #0051ff ピンク #ff9ef2 パープル #7700ff オレンジ #ff8800 イエロー #ffef63
📦 内容物
index.html style.css script.js config.js template.json readme.txt
⚠️ 注意事項
本商品はデジタルデータという性質上、返品・返金は原則としてお受けできません。 ご購入前に、無料のテンプレート等でわんコメとOBSの連携が正常に動作しているかをご確認ください。 わんコメ本体の大型アップデート等により、本テンプレートが動作しなくなる可能性がございます。あらかじめご了承ください。 ※コーディング等、制作にはAIを使用しております。
導入手順
STEP 1: わんコメへのテンプレート追加 「わんコメ」アプリを起動します。 わんコメ画面の右上にある「︙（メニューアイコン）」をクリックし、メニューから「テンプレート」を選択してテンプレート画面を開きます。 ダウンロードした ZIPファイル を、開いたテンプレート画面の中に直接ドラッグ＆ドロップします。 テンプレートの一覧に「リアクションペンライト-シンプル-赤」が追加されたことを確認してください。 ※ドラッグ＆ドロップで追加できない場合（ファイル選択からの追加手順） PCの環境（管理者権限等）によりドラッグ＆ドロップが機能しない場合は、以下の手順で追加してください。 わんコメの「テンプレート」画面を開きます。 画面内にある「📁（フォルダアイコン / テンプレートを追加します）」をクリックします。 ファイル選択画面が開くので、ダウンロードした ZIPファイルを解凍し、選択して「開く」を押します。 テンプレートの一覧に「リアクションペンライト-シンプル-赤」が追加されたことを確認してください。 STEP 2: わんコメからOBSへの連携 テンプレート一覧から「リアクションペンライト-シンプル-赤」を探します。 その項目内にある「ここをドラッグしてOBSに入れる」という青い文字部分をマウスでクリックしたまま（押しっぱなしにし）、そのままOBSの「ソース」欄へ持っていきドロップ（離す）します。 ※管理者権限等の影響でドラッグ＆ドロップができない場合は、文字の横にあるアイコンをクリックしてURLをコピーし、OBS側で「ブラウザソース」を新規追加してURL欄に貼り付けてください。 STEP 3: OBS上でのサイズ・設定調整 OBSのソース欄に追加されたブラウザソース（デフォルトは「index.html」などの名前になっています）をダブルクリックしてプロパティを開きます。 ※ソースの名前は右クリック「名前を変更」で「ペンライト」など分かりやすいものに変更しておくことを推奨します。 「幅」と「高さ」を、ご使用の配信画面の解像度に合わせて設定します（例：幅 1920、高さ 1080）。 （重要）プロパティ画面を下へスクロールし、「表示されていないときにソースをシャットダウンする」にチェックを入れます。 「OK」を押してプロパティを閉じます。 動作テスト（デバッグ機能） 正しく配置できたか、配信前にテストで確認することができます。 OBSのソース欄にある先ほどのブラウザソースを選択し、右クリックメニューから「対話（Interact）」を選択します。 表示された対話ウィンドウ内の適当な場所を、マウスで左クリックしてみてください。 クリックするたびに、画面下部からペンライトが出現してフリフリと動けば、導入は成功です！ ※テストが完了したら、対話ウィンドウは閉じて構いません。
利用規約
1. 著作権について 本データの著作権は、製作者（くまツール）に帰属します。 購入者に対しては、本規約の範囲内での「使用権」を許諾するものであり、著作権の譲渡は行いません。 2. 許可事項 ご購入者様ご本人のみに限り、以下の行為を許可いたします。 各種プラットフォームでの利用: YouTube、Twitch、ツイキャス、ニコニコ生放送、その他の動画配信・共有サイトでの配信画面への表示。 商用利用: 収益化されているチャンネル、配信（スーパーチャット、メンバーシップ等を含む）での利用。 動画作品への組み込み: アーカイブ動画や、本テンプレートを使用した配信の切り抜き動画等の作成・公開。 改変・カスタマイズ: ご自身の配信スタイルやデザインに合わせた、コード（HTML/CSS/JS）の改変。 ※改変を行った場合でも、著作権は製作者に帰属し、後述の「禁止事項」が適用されます。 3. 禁止事項 以下の行為は固く禁じます。 二次配布・販売: 本データそのもの、または本データを一部でも流用・改変したものを、再配布、販売、譲渡、共有する行為。（無償・有償を問わず禁止） 自作発言: 製作者を偽る行為、またはご自身がゼロから制作したと誤認させるような発言・表記。 特定個人・団体への攻撃目的での利用: 誹謗中傷、差別的な発言を目的とした配信や動画での利用。 公序良俗に反する利用: 違法行為など、公序良俗に著しく反する目的での利用。 ） 4. わんコメ利用時の注意事項 本テンプレートは「わんコメ」を使用して動作するものです。そのため、本テンプレートのご利用にあたっては「わんコメ公式の利用規約」も遵守していただく必要があります。 無料版わんコメをご利用の場合、わんコメの利用規約に基づき、配信の概要欄等に「わんコメ」のクレジット表記が必要です。 【クレジット表記例】 配信者のためのコメントアプリ「わんコメ」https://onecomme.com 詳細は、必ずわんコメ公式サイトの利用規約（https://onecomme.com/docs/terms/）をご確認ください。 5. 免責事項 本データは現状での提供となります。動作確認は行っておりますが、すべての環境・条件下での完全な動作を保証するものではありません。 本データの利用、または利用できなかったことにより発生したいかなるトラブル、損害、データの消失等について、製作者は一切の責任を負いません。 「わんコメ」本体の仕様変更やアップデート、配信プラットフォームの仕様変更により、将来的に本テンプレートが正常に動作しなくなる可能性がございます。その際の修正アップデートの義務を製作者は負わないものとします。 6. サポートについて 本商品は原則として「サポートなし」となります。 導入手順については同梱の readme.txt または商品ページをご確認ください。 config.js 以外のコード（HTML/CSS/JS）の改変方法に関する個別のご質問や、技術的なカスタマイズ代行のご依頼には対応しておりません。 7. 規約の変更 本規約は、製作者の判断により予告なく変更される場合があります。変更後は、最新の規約が適用されるものとします。 クレジット表記について 本テンプレート（リアクションペンライト）自体のクレジット表記は「任意」ですが、概要欄などに以下の記載をしていただけると大変励みになります。 制作：くまツール (https://kuma-tools.booth.pm/)