縦型配信（1080×1920）用の、ゲーム画面とカメラの窓枠、タイトル帯、情報バー（今日の予定・SNS・時計）を、テーマごとにそろえたセットです。 窓の部分は透明に抜けているので、OBSのブラウザソースを一番上に置き、下にゲーム画面とカメラを重ねて使います。 ブラウザで開いて設定するだけで動き、外部のサーバーとは通信しません。 まずは試したい方向けの無料版です。テーマは2つ入っています。 ━━━━━━━━━━━━━━━━━━━━ この無料版で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ テーマ2つ（ネオンサイバー、ゆめかわパステル） ◆ 枠の形2種（四角、角丸） ◆ 配置1種（ゲームの窓とカメラの窓を、上下に並べた形） ◆ 配信タイトル、サブタイトル、バッジ、今日の予定、SNS表示を入力でき、ブラウザに保存されます ◆ 時計の表示（24時間、秒まで、12時間） ◆ OBSのURLに入れる文字列の作成 ━━━━━━━━━━━━━━━━━━━━ 有料版（500円）で増えるもの ━━━━━━━━━━━━━━━━━━━━ ◆ テーマが6つに（和風 朱と藍、レトロゲーム ドット、ナチュラル手帳、宇宙 ミッドナイトが加わります） ◆ 枠の形が5種に（面取り、大きな丸み、チケットが加わります） ◆ 配置がもう1つ（ゲーム画面を大きく、カメラを小窓にした形） ◆ メイン色とサブ色の変更、背景なし（枠と帯だけ）の切り替え 有料版はこちらです。https://mall-aibou.booth.pm/items/8983821 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. vertical-stream-frame-set-free.html をダブルクリックして、ブラウザで開き、テーマ・枠の形・文言を決める 2. 画面左の「OBSで使うとき」の文字列を、このファイルのURLのうしろにつけて、OBSのブラウザソース（幅1080、高さ1920）のURLに貼る 3. ゲーム画面とカメラのソースを、ブラウザソースの下に置き、窓の位置に合わせる ━━━━━━━━━━━━━━━━━━━━ 窓の位置と大きさ（1080×1920） ━━━━━━━━━━━━━━━━━━━━ 上下2段　　ゲーム 左上(60, 252) 960×600 ／ カメラ 左上(60, 902) 960×650 タイトル帯 左上(60, 56) 960×150 ／ 情報バー 左上(60, 1600) 960×260 ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版（OBSのブラウザソース） ・ネット接続は不要です ・外部の画像・フォント・サーバーは使いません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・ゲーム画面やカメラの映像は含まれません（窓の部分は透明です） ・OBSの設定ファイルの書き出しはありません ・テーマの追加や、窓の大きさの自由変更はできません ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ ・動作の確認は Chrome と OBS Studio 32.2.2（macOS版）で行いました。Windows、Edge、Safariでの確認はしていません ・背景の透明は、URLの「obs=1」でCSSを透明にする作りです。OBS側で背景色が入っている場合は、外してください ・文字は、お使いのパソコンに入っている日本語フォントで表示されます。環境により、太さや幅が少し変わります ・OBSのブラウザソースは、ブラウザと保存場所が別です。文言はURLの文字列に入ります ■ 使ってよい範囲 　配信や制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　vertical-stream-frame-set-free.html ／ README.txt TOOL BOX