# ⚡ 光が駆け巡る、近未来のコメントインターフェース。 鮮やかに発光するネオン回路、精密なクローム金属、漆黒のダークガラス。 まるでSF映画やサイバーパンクの世界に登場する電子インターフェースのような、スタイリッシュで高級感あふれるコメント吹き出しテンプレートです。 **「CYBER NEON – CHROMA CIRCUIT（サイバーネオン・クロマサーキット）」** 細部まで描き込まれた電子回路、六角形のメカニカルフレーム、透明感のあるダークガラス、鮮やかなネオンの輝き。 コメントが届くと、吹き出しが浮かび上がり、電子回路に電流が流れるような光のアニメーションが発生します。 まるで近未来のコンピューターシステムが起動するような、幻想的でクールなコメント表示を演出します。 **最大の特徴は、精密なサイバー装飾を吹き出しそのものに組み込んでいること。** 大きな外付け装置や独立したパネルを設置せず、発光する配線やクロームパーツを吹き出しの輪郭に一体化しています。 配信画面のスペースを圧迫しにくく、豪華なデザインとコメントの読みやすさを両立したテンプレートです。 --- ## ✨ 主な特徴 ### ⚡ 精密なサイバー回路とクロームの装飾 - 鮮やかなネオンが輝く電子回路フレーム - 金属の反射を表現したクロームパーツ - 近未来的な六角形のプロフィールアイコンリング - 上下に伸びる精密な発光配線 - 吹き出しの角に配置されたメカニカルな装飾 - ダークガラスをイメージした半透明風の質感 - 右端に組み込まれた電子モジュール風のアクセント - コメント受信時のネオン走光アニメーション - OBS向け背景透過対応 装飾は吹き出し本体と一体化しており、中央には名前とコメント本文を表示するためのスペースを確保しています。 ## 🎨 選べる4種類のサイバーネオンカラー **🩵 ① Cyan Pulse（シアン・パルス）** 鮮やかなシアンブルーとダーククロームを組み合わせた、爽快感のある近未来デザイン。 青白く輝く電子回路が、SF映画のコンピューターシステムを思わせるクールな雰囲気を演出します。 サイバー系・SF系・ゲーミング配信におすすめです。 **🩷 ② Magenta Rift（マゼンタ・リフト）** 鮮烈なネオンピンクと紫色の陰影を組み合わせた、華やかで刺激的なデザイン。 サイバーパンクの繁華街やネオン街を思わせる、幻想的で存在感のある配色です。 個性的な雑談配信や、ピンク系のゲーミング環境にぴったり。 **💜 ③ Violet Shift（バイオレット・シフト）** 深いバイオレットと青い反射光を組み合わせた、神秘的で洗練されたデザイン。 紫色の電流が流れるような光の表現が、先進的なテクノロジーの世界観を演出します。 SF・宇宙・近未来ファンタジー系の配信におすすめです。 **🧡 ④ Amber Drive（アンバー・ドライブ）** 鮮やかなアンバーオレンジと温かみのある金属光沢を組み合わせた、力強いデザイン。 機械の内部を流れるエネルギーのような発光表現が特徴です。 メカ・ロボット・工業系の世界観にもよくなじみます。 **4種類の配色は、好きな1色に固定することも、コメントごとに順番に切り替えることも可能です！** --- ## ✨ 電子回路を駆け巡るネオンアニメーション コメントを受信すると、吹き出しが柔らかく登場し、発光する電子回路に沿って光が流れます。 - 吹き出しの登場アニメーション - 電子回路を流れるネオンの走光演出 - クロームパーツの光沢表現 - 小さな光点や電子チップ風の装飾 - 登場速度の3段階切り替え - 登場アニメーションのON/OFF - ネオン走光演出のON/OFF - 動きを抑えるモード サイバーらしい鮮やかな発光を表現しながらも、コメント本文を読む際の邪魔にならないように設計しています。 ## ⚙️ 15項目のカスタマイズ機能 同梱のデモ＆設定画面から、お好みに合わせて調整できます。 **🎨 デザイン設定** - 4種類の配色切り替え・順番表示 - プロフィールアイコン表示ON/OFF - プロフィールアイコンサイズ（48～88px） - ネオン回路フレーム表示ON/OFF - 小さな光点・電子チップ装飾ON/OFF - 回路フレームの濃さ（0～100%） **💬 コメント表示設定** - 最大表示コメント数（1～5件） - 本文の文字サイズ（18～34px） - 名前の文字サイズ（14～26px） **✨ アニメーション設定** - 登場アニメーションON/OFF - ネオン走光演出ON/OFF - 登場速度（ゆっくり／標準／速い） - 長文スクロールON/OFF - 長文スクロール速度（20～110px/秒） - 動きを抑えるモード 変更した設定は `settings.js` として保存し、実配信用テンプレートに反映できます。 ## 💬 コメント表示機能 名前と本文を別行で表示する、読みやすい縦積みタイプのコメント吹き出しです。 - 新しいコメントが下から追加される縦積み表示 - 最大5件のコメント表示 - 名前と本文を別行で表示 - プロフィール画像の表示に対応 - プロフィール画像が取得できない場合は幾何学的な装飾アイコンを表示 - 長文コメントの横スクロールに対応 - 絵文字・コメント内画像・ステッカー相当の画像表示に対応 - Super Chatなどのギフト情報に応じた専用装飾 - 連続コメントへの対応 - 背景透過対応 - 時間経過による自動削除なし - 表示数や画面の高さを超えた場合、古いコメントから押し出し ※長文コメントや大きな画像が含まれる場合、画面内に収めるため表示件数が少なくなることがあります。 --- ## 🎮 こんな方におすすめ！ - サイバーパンク・近未来・SFの世界観が好きな方 - ゲーミング配信やゲーム実況をしている方 - ネオンカラーや発光する電子回路が好きな方 - メカ・ロボット・テクノロジー系の配信画面を作りたい方 - 高級感のあるサイバー系コメント欄を探している方 - 鮮やかな発光演出で配信を華やかにしたい方 - 配信画面のスペースを圧迫せず、個性的なデザインを取り入れたい方 ## 📦 商品内容 - わんコメ導入用テンプレートZIP - 実配信用HTML・CSS・JavaScript - 4種類の専用サイバーネオン装飾PNG - デモ＆設定変更用HTML - 設定ファイル（settings.js） - 実際のHTMLを使用したプレビュー画像 - 日本語導入マニュアル - 設定ガイド - 英語ガイド - トラブルシューティング - 利用規約 ## 🖥️ 対応環境 - OBS Studio - わんコメ9系（OneSDK使用を想定） - YouTubeコメント向け - Windows環境での利用を想定 ※OBS・わんコメ本体は付属しません。 ## 🔧 導入方法 1. ダウンロードした商品ZIPを解凍します。 2. `install` フォルダ内の `Cyber_Neon_Chroma_Circuit_OneComme_v1.0.0.zip` を、わんコメのカスタムテンプレートに追加します。 3. 追加したテンプレートをOBSへ配置します。 4. わんコメのコメントテスターで表示を確認してください。 OBSのブラウザソースは1920×1080を推奨します。 ### 🎨 デザインを変更したい場合 同梱の `obs_demo/index.html` をChromeまたはEdgeで開いてください。 配色・文字サイズ・装飾の濃さ・最大表示数・アニメーション速度などを変更できます。 設定後に「settings.js を保存」から設定ファイルを書き出し、実配信用テンプレート内の同名ファイルと置き換えてください。 すでにわんコメへ追加している場合は、インストール先の `settings.js` も更新し、OBSブラウザソースを再読み込みしてください。 ※ `editor_schema.json` 単体では、わんコメ標準の編集画面に設定項目は自動追加されません。付属デモ画面をご利用ください。 --- ## ⚠️ ご注意 - 本商品はダウンロード形式のデジタル商品です。 - ネオン・電子回路・クローム金属・ガラスなどの質感は、専用画像とHTMLによる視覚表現です。 - 効果音・BGM・配信背景・人物アバター素材は付属しません。 - 本商品はわんコメ・OBSの公式商品ではありません。 - 絵文字・画像・ギフト情報の表示は、受信データや画像URLに依存します。 - ブラウザ描画と模擬OneSDK受信による検証は実施していますが、実際のわんコメ・OBSを接続した実機テストは未実施です。ご利用前にコメントテスターで動作をご確認ください。 ## 📜 利用規約 ✅ 個人・法人の収益化配信・録画動画での使用OK ✅ ご自身の配信用途での設定・コードの改変OK ✅ クレジット表記は任意 ❌ 商品データ・装飾画像の再配布・再販売は禁止 ❌ 改変したテンプレートの再配布・再販売は禁止 ❌ 第三者が素材を抽出・再利用できる状態での公開は禁止 詳細は同梱の `LICENSE.txt` をご確認ください。 --- 制作：たっくん