ゲーム・雑談の配信枠を、自分の色と名前に。 ブラウザで編集し、保存したHTMLをOBSへ重ねるツールです。 無料版0円／Pro 980円。まずFreeで、お使いのPCでの表示を試せます。 Neon Glass Overlay Studioは、配信枠・時計・メッセージなどを組み合わせ、OBSのブラウザソース用HTMLを作るツールです。 まず無料版で、手元のPCへの導入と表示をお試しください。色や配置、ロゴまで自分仕様にしたい方にはPro版をご用意しています。 ■ こんな方へ ・OBSで横型のゲーム・雑談配信をしていて、画面の枠を整えたい方。 ・自分の色やロゴに合わせたい方。Proでは配色・配置・画像を調整できます。 ・最初に無料版で導入を試してから、有料版を選びたい方。 ■ ダウンロード内容 ・無料版｜0円：NEON配色・バランス配置。名前／メッセージ編集、5パーツの表示切替、時計、OBS用HTML保存。 ・Pro版｜980円・買い切り：3配色＋色の自由変更、3レイアウト＋寸法調整、各パーツのスタイル、画像、時計設定、複数メッセージ、設定JSON保存・復元。 どちらも配信画面内の透かし・広告はありません。利用規約の範囲で収益化配信に使えます。 ■ Pro版の主な機能 ・NEON / CYBER / MATCHAの3配色を起点に、メイン色・サブ色を変更。 ・ゲーム配信 / 雑談・カフェ / シンプル / サイバーの4つの開始テンプレート。 ・ゲーム最大 / バランス / コメント重視の3レイアウト。ゲーム枠幅、コメント枠幅・高さ、枠の太さを調整。 ・ゲーム枠 / LIVE表示 / 時計 / コメント枠 / アバター枠 / メッセージ帯の6パーツを個別に表示切替。各3スタイル。 ・ロゴとアバター画像の読込み、サイズ・位置調整。画像はOBS用HTMLへ埋め込み。 ・PCのローカル時刻を表示する時計。12/24時間、秒、日付の切替。 ・最大12件のメッセージを3～30秒間隔で切替。1件につき100文字まで。 ・軽量モードと標準モード。標準ではNeon Breathe / Cyber Scanの枠演出を選択。 ・設定JSONの保存・復元、Undo/Redo、出力前の確認、OBS用HTML保存。 ゲーム枠の内部は透明です。ゲーム映像や背景はOBSの別ソースで重ねてください。 コメント枠は装飾のみです。コメントの取得・表示機能は含みません。実コメントは、わんコメ等で作成した別のブラウザソースを枠内へ重ねて使います。 ■ 無料版との違い 無料版でも、通常の横型配信に使える1構成を作成できます。試用期限や配信画面への透かしはありません。 配色：FreeはNEON固定 / Proは3配色＋色の自由変更 配置：Freeはバランス固定 / Proは3レイアウト＋寸法調整 枠：Freeは5パーツの表示切替 / Proはアバター枠を加えた6パーツ・各3スタイル 枠の動き：Freeは静止 / Proは軽量・標準を選択 画像編集：Freeなし / Proはロゴ・アバターの埋込み 時計：Freeは24時間・秒あり / Proは12/24時間・秒・日付を切替 メッセージ：Freeは1件 / Proは最大12件の切替 編集用設定JSON：Freeなし / Proは保存・復元 商用配信・透かし：両版とも利用可・透かしなし 色・配置・ロゴなどを自分仕様にしたくなったら、Freeを入手したこの商品ページへ戻り、「Pro版｜Pro v2.0.0」（980円）をお選びください。 FreeからProへの設定の自動移行はありません。名前とメッセージをコピーしてお使いください。 ■ 同梱ファイル Pro版：編集用HTML、OBS用サンプルHTML、3種類の設定JSON、パーツ別HTML4種、README、初心者向け導入ガイド、利用規約、更新履歴、問い合わせテンプレート。 無料版：編集用HTML、OBS用サンプルHTML、入力値サンプル、README、導入ガイド、利用規約、更新履歴、問い合わせテンプレート。 導入ガイドにOBSへの追加方法、推奨設定、トラブルシューティングをまとめています。 ■ 対象環境 ・Windows 11 ・編集：ChromeまたはEdge ・配信：OBS Studio 32系のブラウザソース ・素材サイズ：1920×1080固定（横型） Node.js・Python・外部APIキー・専用アカウント登録は不要です。 本体と出力HTMLは外部スクリプトやWebフォントを読み込まず、ローカルで使用します。 表示・文字幅・負荷はPC、ブラウザ、フォント、OBS構成で変わるため、購入前に無料版でご確認ください。 macOS/Linux、スマートフォン、他の配信ソフト、縦型キャンバスは初回サポート対象外です。 ■ OBSへの追加：3ステップ 1. ZIPを「すべて展開」し、最初にGuide.htmlをChrome/Edgeで開きます。ガイド内のリンクからStudio_Pro.htmlまたはStudio_Free.htmlへ進んで編集します。 2. Proは「OBS用HTMLを書き出す」、Freeは「OBS用HTMLを保存」で配信用HTMLを保存し、今後移動しない素材フォルダへ置きます。 3. OBSのソース「＋ → ブラウザ」でローカルファイルをON。出力したHTMLを選び、幅1920・高さ1080・30fpsから試します。ゲーム映像より上に重ねてください。 編集用のStudio_Pro.html / Studio_Free.htmlをOBSへ指定しないでください。 出力ファイル名：Proはneon-glass-overlay-obs.html、Freeはneon-glass-free-obs.html。 すぐに試す場合は、付属のOBS_Sample.htmlを指定できます。 ■ 購入前の注意 ・ダウンロード形式のHTMLツールです。動画素材・アプリのインストーラー・OBSの自動設定ツールではありません。 ・ゲーム映像、背景画像、キャラクター素材、実コメント、OBS本体は付属しません。 ・Now Playing、通知・外部サービス連携、待機動画、トランジション、動画ファイル書き出しはありません。 ・自由なドラッグ配置ではなく、用意された配置と寸法・位置の設定項目を調整する方式です。 ・Proの画像はPNG/JPEG/WebP/GIF、1ファイル8MB以下・一辺8192px以下。SVGと動画は非対応です。 ・自動保存はブラウザや容量によって使えない場合があります。Proは設定JSONを別途保存してください。 ・編集後は再度HTMLを書き出し、OBSで参照先を確認・再読込みしてください。 ■ 利用規約の概要 個人・法人を問わず、自分が運営する収益化配信、動画、アーカイブ、切り抜きで利用できます。自分用の設定変更・加工も可能です。 クレジット表記・SNSフォローは任意です。 配布ファイル、出力HTML、付属設定を素材やツールとして再配布・転売・共有することは禁止です。顧客への素材データ納品や、チームへの本体配布は購入前にご相談ください。 追加する画像・ゲーム映像等は各権利者の条件に従ってください。 詳細は同梱のLICENSE.txtをご確認ください。返金等は個別の状況、BOOTHの規約および適用法令に従って対応します。 ■ FAQ Q. ダウンロードしたら最初に何を開きますか？ A. ZIPをすべて展開し、Guide.htmlをChrome/Edgeで開きます。ガイドから編集本体へ進めます。OBSに指定するのは編集本体ではなく、保存した配信用HTMLです。 Q. 無料版を収益化配信で使えますか？ A. はい。利用規約の範囲で使えます。透かし・SNSフォロー義務もありません。 Q. わんコメのコメントは表示できますか？ A. 本商品はコメントの外枠を用意するものです。わんコメ等のコメント表示は別のOBSソースで追加してください。CSS生成はありません。 Q. ロゴや立ち絵は付いていますか？ A. 付属しません。Proでは使用権のある画像を読み込めます。無料版でもOBSの画像ソースとして別途重ねることは可能です。 Q. 枠を動かさずに使えますか？ A. はい。Proの軽量モードは枠アニメーションと発光影を停止します。無料版の枠も静止です。時計は更新されます。 Q. すぐにOBSで試せますか？ A. 展開したフォルダのOBS_Sample.htmlを、幅1920・高さ1080のローカルブラウザソースへ指定して試せます。 Q. 設定や画像は外部へ送信されますか？ A. 本体に設定・画像の送信機能はありません。Proの読込み画像は出力HTMLと設定JSONへ入るため、他人へ送る際は内容にご注意ください。 Q. 困った場合の問い合わせ先は？ A. このBOOTHショップのメッセージへ、版・バージョン、OS、ブラウザ、OBSのバージョン、再現手順をお送りください。同梱のSUPPORT.txtを利用できます。 ■ アップデート方針 初回版は現在の機能を完成させ、不具合修正と導入性の改善を優先します。 将来の新機能・更新頻度・永続的なOS対応は保証しません。更新時は商品ページと同梱CHANGELOG.txtで内容をご案内します。 制作：えとせな（ETOSENA） / SENA Neon Glass Overlay Studio v2.0.0