【OBS/HTML】七夕の願い事メーカー🎋✨ | 揺れる短冊・フォント選択・風に飛ぶ動態エフェクト【配信素材】
- Digital580 JPY



配信画面に七夕の願い事を飾ろう! OBS操作パネルから願い事を打ち込むだけで、配信画面の「笹(竹)」に可愛い短冊がリアルタイムで舞い降りる、互動式七夕短冊メーカー(HTMLソース型配信素材)です。 毎年の七夕イベント配信、和風雑談枠、記念配信、または季節感を出したい作業配信など、いつもの画面が一気に情緒あふれるファンタジー空間に生まれ変わります。 ━━━━━━━━━━━━━━━━━ ✨ 主な機能・ポイント ✨ ━━━━━━━━━━━━━━━━━ ① 配信画面へ即時反映!「笹に飾る」動態エフェクト OBSドック(操作パネル)から願い事を入力してボタンを押すと、短冊がアニメーションと共に配信画面内の笹へ軽やかに飛んでいき、風に揺れるまで自動で完結します。 ② 自由自在なデザインカスタマイズ ・フォント選択:筆文字、手書き風、ポップ、丸ゴシックの4種類から選択可能。 ・カラー設定:七夕らしい6色(桜、水、菜の花、若緑、藤、白)の短冊色を切り替え可能。 ・サイズ調整:スライダーで短冊の大きさを自由に微調整できます。 ③ 画面をスッキリ保つ「風で飛んでいく(自動削除)」機能 願い事が増えすぎて画面が埋もれてしまうのを防ぐため、指定した時間が経過すると、短冊が風に乗って画面外へひらひらと飛んでいく自動削除機能を搭載しています。 ④ OBSドック対応!裏画面で楽々操作 OBSの「カスタムブラウザドック」に対応。配信画面を隠すことなく、裏で短冊の追加・削除・フォント設定などがすべて完結します。 ⑤ リアルタイム同期・自動保存 配信中に入力した短冊データは自動でブラウザ(localStorage)に保存されます。一度OBSを閉じたり配信を再開しても、前回の状態を維持してスムーズに続きから再開できます。 ━━━━━━━━━━━━━━━━━ 📦 商品内容 ━━━━━━━━━━━━━━━━━ ・index.html ━━━━━━━━━━━━━━━━━ 🧷 導入方法・設定手順 ━━━━━━━━━━━━━━━━━ 外部サーバーは不要!1つのファイルをOBSの「操作画面(ドック)」と「表示画面(ブラウザソース)」に分流して設定します。 ※以下の手順は純文字で記載しております。 【STEP 1:表示用画面の追加(OBSの配信画面用)】 1. OBSの「ソース」の一覧の下にある[+]ボタンから「ブラウザ」を追加します。 2. 🚨 ※【重要】プロパティ画面が開いたら、「ローカルファイル」のチェックは必ず【外した状態(OFF)】にしてください。 3. 「URL」欄に、ダウンロードした【 tanzaku.html 】のファイルパス( file:///〜 )を貼り付け、末尾に半角で「 ?obs=1 」を追記してください。 ➔ (URLの末尾例:.../index.html?obs=1 ) 4. 推奨サイズとして、幅:1920 / 高さ:1080 (画面全体サイズ)に設定して「OK」を押します。 【STEP 2:操作用パネルの追加(OBSのドック用)】 1. OBSの上部メニューバーから「表示」>「ドック」>「カスタムブラウザドック」を選択します。 2. ドック名に「短冊メーカー」など分かりやすい名前を入力します。 3. 「URL」欄に、先ほどと同じファイルのパスを貼り付けます。 4. 🚨 ※【重要】こちらのURLの末尾には半角で「 ?dock=1 」を追記して「適用」を押してください。 ➔ (URLの末尾例:.../index.html?dock=1 ) 5. 出現したコントロールパネルを、OBS内の使いやすい場所に配置してください。 あとは、OBSに埋め込んだ手元の操作パネルから願い事を入力して「笹に飾る」を押すだけです! ━━━━━━━━━━━━━━━━━ 📜 利用規約・注意事項 ━━━━━━━━━━━━━━━━━ 【許可していること】 ✅ 商用利用(収益化済みのYouTube、Twitch等の配信活動・動画制作) ✅ サムネイル、配信アーカイブ、切り抜き動画への映り込み ✅ 配信画面やオーバーレイに合わせたサイズ、配置の自由な変更・コードの微調整 【禁止事項】 ❌ 素材データ(ソースコード)そのもの、または加工・改変済データの再配布・転売・譲渡・自作発言 ❌ デザインの原型を留めない過度な改変、商標登録、公序良俗に反する目的での利用 ※著作権は放棄しておりません。 ━━━━━━━━━━━━━━━━━ 🎨 セミオーダー(カラー・デザインカスタム) ━━━━━━━━━━━━━━━━━ 販売中の素材を、活動スタイルやイメージカラーに合わせてカスタマイズ可能です✨ 基本料金システム:【 BOOTHの商品代金 】+【 下記 of カスタム料金 】 ① カラー変更+¥500 〜 全体の配色をご指定 of カラーに変更します。 ② ロゴ・お名前挿入 +¥1,000 〜 ロゴやお名前を素材内に配置します。 ③ レイアウト微調整・パーツ分け +¥1,500 〜 配置変更や、OBSで動かしやすいようにパーツ分解します。 ※詳細やご依頼の流れは、こちらの【カスタム専用ページ】を確認してください。 🔗 https://sakuramii.booth.pm/items/8483503 ━━━━━━━━━━━━━━━━━ 🌐 配信活動に役立つ無料ツール公開中! ━━━━━━━━━━━━━━━━━ ブラウザ上でカンタンに高画質アセットが作れる、実用的な無料ジェネレーターツールを多数公開しています。日々の活動や枠作りにぜひ役立ててください。 🎨 ゆめかわ カスタム時計ジェネレーター 📅 週間配信スケジュールメーカー 🖼️ 配信サムネイル背景ジェネレーター 🔗 https://sakuramisozaiya.vercel.app/ ━━━━━━━━━━━━━━━━━ 💌 お問い合わせ ━━━━━━━━━━━━━━━━━ ご不明な点や動作に関するご相談、カスタムのご依頼は、BOOTHのメッセージ、または X(旧Twitter)のDM(@skrm_sozaiya)よりお気軽にご連絡ください🧸💬


