# 📖 コメントが届くたび、小さな絵本の世界が広がる！ まるで飛び出す絵本のように、紙が開き、かわいらしい切り絵が立ち上がるコメント吹き出しテンプレートです。 コメントを受信すると、折りたたまれた紙が左右に開き、奥から手前へ立体的な紙細工が登場！ 森やお城、星空などの幻想的な風景が、コメントを優しく彩ります。 **最大の特徴は、吹き出しそのものがポップアップ絵本になっていること。** 大きな絵本や舞台を外側に設置するのではなく、吹き出し自体にページの開閉や立体的な切り絵の演出を組み込んでいます。 配信画面のスペースを圧迫しにくく、絵本のような世界観とコメントの読みやすさを両立したデザインです。 ## ✨ 主な特徴 ### 📖 絵本が開くポップアップアニメーション - コメント受信時に紙が左右に開く演出 - 切り絵が奥から手前へ順番に立ち上がる - 重なりのある立体的な紙細工を表現 - ページの折り目や綴じ目も再現 - 開閉アニメーションの速度を変更可能 - アニメーションのON/OFF切り替え対応 ### 🌳 選べる3種類の絵本の世界 **① 森の絵本 🌳** 木々や自然をモチーフにした、優しく温かみのある切り絵。 ナチュラル系・癒やし系の配信におすすめです。 **② お城の絵本 🏰** 小さなお城が立ち上がる、ファンタジーな雰囲気の切り絵。 物語風の配信やファンタジー系の世界観にぴったり！ **③ 星夜の絵本 🌙** 月や星が浮かぶ、幻想的で落ち着いた夜空の切り絵。 夜の雑談配信や、ゆったりした雰囲気の配信におすすめです。 3種類から固定で選択するほか、コメントごとに順番で切り替える設定も可能です。 ### 🎨 16項目のカスタマイズ機能 同梱の設定画面から、お好みに合わせて調整できます。 - 最大表示コメント数（1～6件） - 絵本の情景 - 紙の色 - ページの縁色 - 切り絵のアクセント色 - 本文の文字色 - 名前の文字色 - 本文の文字サイズ - 名前の文字サイズ - ページの開閉速度 - 切り絵の表示ON/OFF - ページの折り目の表示ON/OFF - ポップアップアニメーションON/OFF - 長文スクロールON/OFF - 長文スクロール速度 - 動きを抑えるモード 設定内容は `settings.js` として保存し、実配信用テンプレートに反映できます。 ### 💬 コメント表示機能 - コメントが下から積み上がる縦積み表示 - 名前と本文を別行で表示 - 長文コメントの横スクロールに対応 - 絵文字・画像・ステッカー画像の表示に対応 - Super Chatなどのギフト情報に応じた特別な装飾 - 連続コメントへの対応 - 背景透過対応 - 時間経過による自動削除なし - 表示数や表示領域を超えた場合、古いコメントから押し出し ## 🎮 こんな方におすすめ！ - 絵本や童話のような世界観が好きな方 - ファンタジー系・メルヘン系の配信をしている方 - かわいらしく温かみのあるコメント欄を使いたい方 - 雑談配信や読み聞かせ配信をしている方 - コメントが届くたびに動きのある演出を取り入れたい方 - 配信画面のスペースをできるだけ有効活用したい方 ## 📦 商品内容 - わんコメ導入用テンプレートZIP - 実配信用HTML・CSS・JavaScript - デモ＆設定変更用HTML - 設定ファイル - 導入マニュアル - 設定ガイド - トラブルシューティング - 利用規約 ## 🖥️ 対応環境 - OBS Studio - わんコメ9系を想定 - YouTubeコメント向け - Windows環境での利用を想定 ※OBS・わんコメ本体は付属しません。 ## 🔧 導入方法 1. ダウンロードしたZIPを解凍します。 2. `install` フォルダ内の `Popup_Storybook_OneComme_v1.0.0.zip` をわんコメに追加します。 3. 追加したテンプレートをOBSに配置します。 4. コメントテスターで表示を確認してください。 設定を変更したい場合は、同梱の `obs_demo/index.html` をChromeやEdgeで開いてください。 お好みの色や情景を設定した後、書き出した `settings.js` を実配信用テンプレートに反映することで変更できます。 ※ `editor_schema.json` 単体では、わんコメ標準の編集画面に設定項目は追加されません。 ## ⚠️ ご注意 - 本商品はダウンロード形式のデジタル商品です。 - わんコメの公式商品ではありません。 - 効果音・BGMは付属しません。 - デモ画面の背景や操作ボタンは実配信には表示されません。 - コメント内の画像表示は、配信サービスから受信できるデータに依存します。 - 実際のわんコメ・OBS環境での接続確認は未実施です。アプリのバージョンや環境によって調整が必要になる場合があります。 ## 📜 利用規約 ✅ 収益化された配信・動画での利用OK ✅ ご自身の利用範囲での色や設定、コードの改変OK ✅ クレジット表記は任意 ❌ 商品データの再配布・再販売は禁止 ❌ 改変した商品データの再配布・再販売も禁止 詳細は同梱の利用規約をご確認ください。 --- 制作：たっくん