【OBS/HTML】ゆめかわ魔法の軌跡ローディング待機画面✨ 揺れるオーナメント＆魔法の音色アラーム付き

配信の始まりを、魔法少女の変身シーンみたいにキラキラで可愛く演出！🪄🎀

VTuber・配信者向けの OBSドック連動型・高機能魔法流光ローディング画面（HTMLソース型配信素材）です🕒✨

「配信開始までのカウントダウンを可愛くしたい！」「リスナーをちょっと焦らせる演出で初見さんも巻き込んで盛り上がりたい！」そんな配信者さまの願いをすべて叶える夢の待機アセットが登場しました♡

OBSに1つのHTMLファイルを読み込ませるだけで、いつものオープニングや配信準備画面が、幻想的でエモいハイクオリティなファンタジー空間に生まれ変わります。

通常配信（16:9）はもちろん、近年大流行中の縦型ライブ配信（Shorts/TikTok等）のサイズにも完全対応しています。

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

✨ ここが優秀！6つの神機能ポイント ✨

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

🪄 ① 美しく光を引いて伸びる「魔法の軌跡」＆アイコン着せ替え

ただの退屈なプログレスバー（進捗バー）ではありません！軌跡の先端には「魔法陣のリング」を纏ったアイコンが浮かび、キラキラと眩い光のラインを引いて進みます。先端のアイコンは【十字星芒✨ ／ ハート🤍 ／ 三日月🌙 ／ 五芒星⭐】の4種類から、その日の気分や衣装に合わせてワンクリックで瞬時に着せ替え可能です。

🎐 ② 上部でゆらゆら揺れる「ゆめかわオーナメント」

画面の上部には、星や月のゴールドオーナメントが吊らされ、本物の飾りのように物理演算風にゆっくりと左右に揺らぎます。配信準備画面の「余白」を最高にロマンチックに彩ります（手元のパネルで表示ON/OFFも可能）。

🌠 ③ 没入感を高める「魔法粒子」と「流れ星」エフェクト

画面全体をふわふわと漂う光の粒子に加え、時折サッと斜めに夜空を横切る「流れ星」の動態アニメーションを搭載。配信のオープニングをドラマチックに演出します。

⏳ ④ リスナーを焦らすバラエティ機能！「永遠の 99%（寸止め）」モード

「開始まであと少し…！」と思わせておいて、進捗が「99%」になった瞬間にピタリとカウントが止まるお茶目なトラップ機能を搭載！コメント欄が「はやく！！」「進まないｗｗ」「バグった？笑」と大盛り上がりすること間違いなしです！

🎵 ⑤ 100%達成時に鳴り響く「魔法の音色」ハープ音アラーム

手元のコントロールパネルでタイマーが100%（満タン）に到達すると、画面上の「LOADING」文字が全自動で開始用のテキストに切り替わり、さらに「キラキラキラ…！」という清らかなハープの音が鳴り響きます！（※外部の音声ファイルを用意する必要はありません。ブラウザのコード機能で自動再生されます）

🪟 ⑥ 高級感MAX！「すりガラス（Blur）フィルター」＆カスタム背景

お好みの画像URL（立ち絵や背景、お部屋素材など）を入力すると、その画像の上に「高級すりガラス（ぼかし）エフェクト」が重なり、トレンドの艶っぽい待機背景が1秒で完成します！文字色や発光カラーもカラーピッカーから自由に変更可能です。

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

📦 商品内容

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

・Magic_Loading.html （これひとつで操作パネルも表示画面も完結するオールインワンファイル）

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

🧷 導入方法・設定手順

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

事前の外部サーバー構築などは一切不要！1つのファイルをOBSの「裏操作画面（ドック）」と「表表示画面（ブラウザソース）」にそれぞれ分流して読み込ませるだけの超簡単ステップです。

※コピペ時にエラーが出ないよう、以下の手順は純文字で記載しております。

【ステップ1：操作パネル（裏画面ドック）をOBSに埋め込む】

① OBSの上部メニューから「表示」＞「ドック」＞「カスタムブラウザドック」を開きます。

② 任意のドック名（例：Loading操作）を入力します。

③ URL欄に、ダウンロードした【 Magic_Loading.html 】のファイルパス（ file:///〜 ）を貼り付け、末尾に半角で【 ?dock=1 】と追記して「適用」を押します。

➔ （URLの末尾例：.../Magic_Loading.html?dock=1 ）

④ 現れた可愛いコントロールパネルを、OBSの使いやすい場所（左右の枠など）にドラッグ＆ドロップしてドッキングさせます。

【ステップ2：配信画面（ローディング本体）に表示する】

① OBSの「ソース」の一覧の下にある[＋]ボタンから「ブラウザ」を追加します。

② 🚨 ※【超重要】プロパティ画面が開いたら、「ローカルファイル」のチェックは必ず【外した状態（OFF）】にしてください。

③ 「URL」欄に、先ほどと同じ【 Magic_Loading.html 】のファイルパスを貼り付け、こちらの末尾には半角で【 ?obs=1 】と追記します。

➔ （URLの末尾例：.../Magic_Loading.html?obs=1 ）

④ 🎵 ※【ハープ音を配信に乗せるための必須設定】プロパティ内にある「OBSで音声を制御する」のチェックを必ず【有効（ON）】にしてください。チェックを入れないと、100%達成時の演出チャイム音が配信に流れません。

⑤ サイズを、幅：1920 ／ 高さ：1080 （※ShortsやTikTokなどの縦型配信の場合は 幅：1080 ／ 高さ：1920）に設定して「OK」を押します。

完成！

あとは、OBSに埋め込んだ手元のDockパネルから色やテキスト、タイマー時間を設定してスタートを押すだけ！遅延なくリアルタイムで配信画面の魔法の軌跡が滑らかに連動します。

（※設定内容は自動でセーブされるため、次回の開台時もスムーズに開始できます🧸💌）

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

📜 利用規約

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

【許可していること】

✅ 商用利用（収益化済みのYouTube、Twitch、TikTok等での雑談配信・動画制作・OP待機枠）

✅ サムネイル、配信アーカイブ、切り抜き動画への映り込み

✅ 配信画面やオーバーレイに合わせたサイズ、色、表示テキストの自由な変更・コード微調整

【禁止事項】

❌ 素材データ（ソースコード）そのもの、または加工・改変済データの再配布・転売・譲渡・自作発言

❌ デザインの原型を留めない過度な改変、商標登録、公序良俗に反する目的での利用

※著作権は放棄しておりません。

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

🎨 セミオーダー（カラー・デザインカスタム）

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

販売中の素材を、活動スタイルやイメージカラーに合わせてカスタマイズ可能です✨

💰 基本料金：【 BOOTH商品代金 】＋【 カスタム料金 】

・① カラー変更：＋500円〜

・② ロゴ・お名前・イラスト挿入：＋1,000円

・③ レイアウト微調整・パーツ分け：＋1,500円〜

※詳細やご依頼の流れは、こちらの【カスタム専用ページ】を確認してください。

🔗 https://sakuramii.booth.pm/items/8483503

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

🌐 配信活動に役立つ無料ツール公開中！

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

ブラウザ上でカンタンに高画質アセットが作れる、実用的な無料ジェネレーターツールを多数公開しています。日々の活動や枠作りにぜひ役立ててください。

🎨 ゆめかわ カスタム時計ジェネレーター

📅 週間配信スケジュールメーカー

🖼️ 配信サムネイル背景ジェネレーター

🔗 https://sakuramisozaiya.vercel.app/

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

💌 お問い合わせ

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

ご不明な点や動作に関するご相談、カスタムのご依頼は、BOOTHのメッセージ、または X（旧Twitter）のDM（@skrm_sozaiya）よりお気軽にご連絡ください🧸💬