【無料】OBS用 QUEST LOG オーバーレイ｜HTML/CSS｜ゲームUI風メモ

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

🎮【無料】OBS用 QUEST LOG オーバーレイ

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

RPGのクエスト画面をイメージした、OBS用メモオーバーレイです。

配信中のやることリストや進行メモをゲームUI風に表示できます。

HTMLとCSSのみで制作しているため、JavaScriptは不要！

OBSのブラウザソースでそのままご利用いただけます。

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

📦 収録内容

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

・Quest_Log_UI_OBS.html

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

✨ 主な機能

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

🎮 RPG風「QUEST LOG」デザイン

💙 ネオンカラーUI

❤️ HPバー・MPバー・CLEAR RATEバー搭載

⚔ クエストリスト表示

📜 スクロール対応

（項目を増やしてもレイアウトが崩れません）

✨ ネオン発光・バーアニメーション・カーソル点滅などのCSSアニメーション付き

🖥 OBSブラウザソース対応

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

📝 使い方

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

① HTMLファイルを保存します。

② OBSで

「ソース」→「＋」→「ブラウザ」

を追加します。

③ 「ローカルファイル」にチェックを入れ、

Quest_Log_UI_OBS.html を選択します。

④ 幅・高さを設定します。

（推奨：幅450px・高さ700px）

⑤ メモ内容を変更したい場合は、

HTML内の

<div class="item">ゲーム</div>

の部分を書き換えるだけでOKです。

項目を追加してもスクロール対応のため、

表示が崩れることはありません。

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

📜 利用規約

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

【OK】

〇 配信での利用

〇 動画での利用

〇 商用利用

〇 色・文字・レイアウトなどのカスタマイズ

【NG】

✕ データの再配布

✕ 自作発言

✕ データそのものの販売

✕ 二次配布

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

💖 クレジット表記

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

クレジット表記は不要です。

もしSNSなどでご紹介いただける場合は、

とても励みになります！