【わんコメ連携】配信オーラ - VTuberアバターをリアクションで彩るリアルタイムオーラエフェクト＆診断レポートOBSオーバーレイ

▼ 概要

視聴者のリアクションが、あなたを包む"オーラ"になる。

YouTube Live の「リアクションボタン」、せっかく押してもらっても

配信画面には何も起きない――そう感じていませんか？

「配信オーラ」は、視聴者が押したリアクション（絵文字）をリアルタイムに受信し、

VTuberやゲーム配信のアバター背後に美しい「オーラ」として可視化するオーバーレイツールです。

リアクションが多いほどオーラは力強く揺らめき、

全属性が同時に高まると「フルパワー」演出が発動。

配信の盛り上がりがそのまま画面のエフェクトとなって現れます。

配信の最後には「結果発表」ボタンを押すだけで、

その日のリアクション傾向をオーラ診断レポートとして演出付きで表示。

切り抜きや配信アーカイブのエンディング演出としても使えます。

わんコメ（OneComme）と連携し、OBSブラウザソースとして重ねるだけ。

外部サーバー不要、HTMLファイル1枚で完結。

画像素材ゼロ、すべてSVGとCSSで描画しているため超軽量です。

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

▼ こんな方にオススメ

・配信画面にリアルタイムなリアクション演出を加えたい方

・VTuberや顔出し配信のアバター周りを華やかにしたい方

・視聴者に「押すと画面が変わる！」という体験を届けたい方

・ゲーム配信・雑談配信に個性を出したい方

・配信のエンディング演出を工夫したい方

・わんコメを使用している配信者

・視聴者との間にATフィールドを張りたい方

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

▼ 搭載オーラタイプ（5種類）

【メラメラ系】有機的・情熱

フィルターによる揺らめきで、本物の炎のようにうねるオーラ。

複数の炎が重なり合い、光の加算で画面を熱く染め上げます。

【デジタル系】幾何学・クール

六角形の波紋が外側へ広がり続ける、サイバー感あふれるオーラ。

輪郭線が点滅しながら拡散するビジュアルが、ゲーム配信との相性抜群。

【ミスティック系】霧・神秘

大きなグロウ球体がゆっくりと漂い、重なり合いながら明滅するオーラ。

色が溶け合う幻想的な雰囲気で、FantasyやRPG配信にも映えます。

【心の壁】六角バリア・SF

ハニカム構造の六角形パネルが幾重にも重なる、バリア型オーラ。

エネルギー放電ラインや中心コアが脈動し、SF・メカ系の配信にピッタリ。

【魔法陣】五芒星・ルーン・アーケイン

ルーン文字・天体記号・五芒星の3層が異なる速度で回転する本格的な魔法陣オーラ。

黄金比で構成されたペンタグラムと内五角形が美しく輝きます。

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

▼ フルパワー演出

全5スロットのエネルギーが同時に設定閾値を超えると「FULL POWER」演出が発動。

画面中央に放射状の白い光と拡散リングが広がり、視聴者への感謝の盛り上げ演出として使えます。

発動した回数は結果発表レポートにも記録されます。

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

▼ 結果発表機能（エンディング演出）

「結果発表」ボタンを押すと、3ステップの演出が自動再生されます。

1. オーラが中央に収束して消える

2. 選択中のオーラタイプに合わせたフラッシュ演出

（炎の爆発、スキャンライン、霧の広がり、バリア崩壊、魔法召喚など）

3. 診断レポートカードがフェードイン

レポートには以下が含まれます：

・優勢オーラタイプとタイトル（例：「紅蓮の焔」）

・5属性のバランスを示すレーダーチャート

・各リアクション数の横棒グラフ

・フルパワー達成回数（達成時のみ）

・オーラタイプ別の診断テキスト

レポートのデザインもオーラタイプに連動。

魔法陣ならルーン文字枠の魔導書風、心の壁なら六角形コーナーの技術レポート風に切り替わります。

※診断テキストはあくまでエンタメ演出です。正確性は保証できません。

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

▼ エネルギーシステムについて

受信した絵文字は5色のスロットへ自動的に割り当てられ、

リアクションを受けるごとに各スロットのエネルギーが上昇します。

エネルギーは時間とともに自然減衰するため、

「今まさに盛り上がっている」瞬間ほどオーラが強く輝きます。

・絵文字の割り当ては受信順の自動割り当て、または手動固定の両方に対応

・減衰なしモードで、バランスを確認しながら配置を調整できます

・設定はOBS再起動後も引き継がれます（localStorage保存）

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

▼ 導入手順

1. わんコメ（OneComme）を起動し、YouTube Live と接続

2. OBS でブラウザソースを追加（幅1920 × 高さ1080）

3. ローカルファイルとして「index.html」を指定

4. ブラウザソースをアバターレイヤーの後ろに配置

5. Alt+ドラッグ（クロップ）で操作パネル部分を視聴者画面から隠す

6. 「テスト」ボタンで動作確認、あとはリアクションを受けるだけ！

詳しい手順は同梱の「README.txt」をご覧ください。

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

▼ 収録内容

・index.html（メインファイル ※これ1枚で動作します）

・README.txt（詳細マニュアル）

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

▼ 動作環境

【必須環境】

・OBS Studio（またはOBS互換ソフト）

・わんコメ（OneComme）

・対応配信プラットフォーム：YouTube Live

【推奨環境】

・OBS Studio 30.x 以上

・わんコメ 最新版

・Google Chrome 最新版（ブラウザ単体で使う場合）

【サーバー不要】

・ローカルファイルとして動作します

・外部サーバーやデータベースは一切不要

・画像ファイルの用意も不要（描画はすべてSVG/CSS）

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

▼ 注意事項

・本ツールの使用にはわんコメ（OneComMe）が必要です

・わんコメは別途ダウンロード・インストールが必要です

（https://onecomme.com/）

・リアクション機能はYouTube Liveで使用可能です

（他プラットフォームのリアクション対応は未検証です）

・配信での使用は自由です（収益化配信でも使用可能）

・再配布、改変配布は禁止です

・本ツールの使用により生じた損害について、作者は一切の責任を負いません

・ダウンロード商品のため、購入後の返金には応じられません

【その他】

本ツール利用は連携元のわんコメの利用規約も適用されます。

下記を確認していただき、利用規約に準拠するようお願いします。

https://onecomme.com/terms

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

▼ サポート

ご不明な点やトラブルがございましたら、

BOOTHのメッセージ機能よりお問い合わせください。

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

▼ 更新履歴

【v1.0（2026-03-05）】

・初回リリース

・5オーラタイプ搭載: メラメラ系 / デジタル系 / ミスティック系 / 心の壁 / 魔法陣

・オーラタイプ連動の結果発表演出

・フルパワー演出・達成記録機能

・設定画面（エネルギーパラメータ・スロットカスタマイズ）

・テストモード・減衰なしモード搭載

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

視聴者の熱量が、あなたのオーラになる。

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

[For English Users]

Turn your viewers' reactions into a glowing aura around your avatar!

"Haiku Aura" is an OBS overlay tool that visualizes YouTube Live reactions

as real-time SVG aura effects behind your VTuber avatar or game screen.

▼ 5 AURA TYPES

- FLAME: Organic, turbulence-distorted fire aura

- DIGITAL: Hexagonal ripple wave aura

- MYSTIC: Drifting glow orb aura

- HEART WALL: Honeycomb hexagonal barrier aura

- MAGIC CIRCLE: Rotating rune + pentagram aura

▼ FEATURES

- Real-time reaction visualization (energy rises & decays naturally)

- FULL POWER burst effect when all 5 slots peak simultaneously

- Themed ending result screen with radar chart & diagnosis text

- 5 transition effects matching each aura type

- Works with Wankome (OneComme)

- Single HTML file, no server or image assets needed

- Built-in test mode for demo without Wankome

▼ REQUIREMENTS

- OBS Studio

- Wankome (OneComme) — https://onecomme.com/

- YouTube Live

If you have any questions, feel free to message me on BOOTH.

Enjoy your stream!