# 💎 黄金の幾何学模様と、宝石が織りなす優雅な輝き。 1920年代の高級ホテルやアールデコ建築をモチーフにした、クラシカルで洗練されたコメント吹き出しテンプレートです。 **「ART DECO EMERALD（アールデコ・エメラルド）」** 艶やかな黒エナメルを思わせる背景、繊細なゴールドの幾何学模様、色鮮やかに輝くカット宝石。 扇形のラインや左右対称の金属装飾が、華やかでありながら落ち着いた高級感を演出します。 コメントが届くと、吹き出しが柔らかく現れ、金属の表面を光が走るようなアニメーションが発生。 まるで高級ホテルのラウンジや、クラシックなジュエリーボックスを思わせる美しいコメント欄に仕上げました。 **最大の特徴は、豪華なアールデコ装飾を吹き出しそのものに組み込んでいること。** 大きな外付け装飾や装置を使用せず、吹き出しの輪郭に幾何学模様や宝石を配置しています。 配信画面のスペースを圧迫しにくく、コメントの読みやすさとデザイン性を両立したテンプレートです。 --- ## ✨ 主な特徴 ### 🏛️ アールデコの美しさを再現した豪華なデザイン - 黒エナメルをイメージした艶やかな背景 - 繊細な金属の幾何学模様 - 扇形に広がるアールデコ特有の装飾ライン - 八角形にカットされた宝石風のアクセント - 金属の質感を引き立てる光の反射 - 吹き出しの輪郭に組み込まれた省スペース設計 - OBS配信向けの背景透過対応 装飾は吹き出し本体と一体化しており、中央にはコメントを表示するためのスペースを確保しています。 ## 🎨 選べる4種類のアールデコカラー **💚 ① Emerald Noir（エメラルド・ノワール）** 深みのあるエメラルドグリーンとゴールドを組み合わせた、気品あふれるデザイン。 クラシックな高級ホテルをイメージした、シリーズのメインカラーです。 **🖤 ② Imperial Onyx（インペリアル・オニキス）** 漆黒とシャンパンゴールドを組み合わせた、重厚で洗練されたデザイン。 シックな雑談配信や大人っぽい世界観におすすめです。 **💙 ③ Sapphire Jazz（サファイア・ジャズ）** 深い群青色とシルバーを組み合わせた、クールで知的なデザイン。 ジャズバーや夜のラウンジを思わせる、落ち着いた雰囲気を演出します。 **❤️ ④ Garnet Lounge（ガーネット・ラウンジ）** 深紅と温かみのある銅金色を組み合わせた、華やかで優雅なデザイン。 レトロな劇場やクラシックなラウンジをイメージした配色です。 **4種類のデザインは、好きな1色に固定することも、コメントごとに順番に切り替えることもできます！** --- ## ✨ 金属の輝きを演出するアニメーション コメントを受信すると、吹き出しが柔らかく登場し、金属フレームに光の反射が走ります。 - 吹き出しの登場アニメーション - 金属表面を流れる反射光 - 宝石や小さな光点の装飾 - 登場速度の3段階切り替え - 登場アニメーションのON/OFF - 反射光アニメーションのON/OFF - 動きを抑えるモード 豪華なデザインを引き立てながらも、コメント本文の視認性を大切にした演出です。 ## ⚙️ 15項目のカスタマイズ機能 付属のデモ＆設定画面から、好みに合わせて変更できます。 **🎨 デザイン設定** - 4種類の配色切り替え・順番表示 - プロフィールアイコン表示ON/OFF - プロフィールアイコンサイズ - 金細工フレーム表示ON/OFF - 宝石・小さな光点の装飾ON/OFF - 金細工フレームの濃さ（0～100%） **💬 コメント表示設定** - 最大表示コメント数（1～5件） - 本文の文字サイズ（18～34px） - 名前の文字サイズ（14～26px） **✨ アニメーション設定** - 登場アニメーションON/OFF - 金属の反射光ON/OFF - 登場演出速度（3段階） - 長文スクロールON/OFF - 長文スクロール速度 - 動きを抑えるモード 設定内容は `settings.js` として保存し、実配信用テンプレートに反映できます。 ## 💬 コメント表示機能 名前と本文を別行で表示する、読みやすい縦積みタイプのコメント吹き出しです。 - 新しいコメントが下から追加される縦積み表示 - 名前と本文を別行で表示 - プロフィール画像の表示に対応 - プロフィール画像がない場合はテーマ別の装飾紋章を表示 - 長文コメントの横スクロール - 絵文字・コメント内画像・ステッカー画像に対応 - Super Chatなどのギフト情報に応じた装飾 - 連続コメントへの対応 - 時間経過による自動削除なし - 表示数や画面の高さを超えた場合は古いコメントから押し出し ※長文コメントや大きな画像がある場合、画面内に収めるため表示件数が少なくなることがあります。 --- ## 🎩 こんな方におすすめ！ - 高級感のある配信画面を作りたい方 - アールデコやアンティークなデザインが好きな方 - 黒・金・深緑を基調とした世界観で配信している方 - ジャズバーやホテルラウンジのような雰囲気が好きな方 - レトロでクラシカルなコメント欄を探している方 - 派手すぎず、上品で個性的なデザインを使いたい方 - 吹き出し以外の装飾で配信画面を圧迫したくない方 ## 📦 商品内容 - わんコメ導入用テンプレートZIP - 実配信用HTML・CSS・JavaScript - 4種類のアールデコ装飾PNG素材 - デモ＆設定変更用HTML - 設定ファイル（settings.js） - 実際のHTML描画を使用したプレビュー画像 - 日本語導入マニュアル - 設定ガイド - 英語ガイド - トラブルシューティング - 利用規約 ## 🖥️ 対応環境 - OBS Studio - わんコメ9系（OneSDK使用を想定） - YouTubeコメント向け ※OBS・わんコメ本体は付属しません。 ## 🔧 導入方法 1. ダウンロードした商品ZIPを解凍します。 2. `install` フォルダ内の `Art_Deco_Emerald_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` をご確認ください。 --- 制作：たっくん