シーンボタンを押すと、実物のトランジションが再生されて画面が切り替わります。下の画面は実物と同じHTMLがそのまま動いています（背景の地図がゆっくり流れ、時計とコメントも動きます）。

地図と等高線をモチーフにした、落ち着いた配信画面一式です。等高線は画像ではなくプログラムで描いているため、設定の数字をひとつ変えるだけで山や谷の形がまるごと変わります。

メイン画面画面キャプチャの枠＋コメント欄＋凡例パネル＋時計

待機画面「まもなく出発」。図郭・方位・スケールバー付き

休憩「小休止」。地形の形も画面ごとに変えられます

終了「下山しました」

※ プレビューは透かし入りの縮小版です。販売版はフルHD・透かしなしで、地図がゆっくり流れ、時計も動きます。

マウスを乗せると再生されます。等高線の輪が中心から広がり、地図の紙面が画面を覆います。

• オーバーレイ 4シーン（HTML）待機・メイン画面・休憩・終了
• スティンガートランジション等高線が広がる透過webm（1.5秒）
• OBSシーンコレクションインポートするだけで全シーン・トランジション設定済み
• 等高線の自動生成数字を変えるだけで地形が変わります。同じ数字なら毎回同じ地形
• ゆっくり流れる背景止めることもできます（クラス名をひとつ消すだけ）
• 地図らしい飾り三角点・標高点・方位記号・スケールバー・凡例パネル・図郭
• カラーテーマ変更対応CSSの先頭で等高線・紙・道路の色をまとめて変更できます
• セットアップ手順書インポート＋キャプチャ選択だけの簡単導入

※ 表示される等高線・地名・座標はすべて架空のもので、実在の場所の地図ではありません。実際の地図データは一切使用していません。

※ 決済はBOOTH上で行われます。このサイトが個人情報を収集することはありません。

1. zipを解凍して置き場所を決める

   解凍して出てきたフォルダを C:\OBS素材\nanja-obs-topo-theme01 に置くと、設定済みのパスがそのまま使えます。

2. OBSにシーンコレクションを取り込む

   「シーンコレクション」→「インポート」で nanja-obs-topo-theme01.json を選び、「地形図配信セット」に切り替えます。

3. 映したい画面をつなぐ

   「メイン画面」シーンの画面キャプチャをダブルクリックして、映したい画面やゲームを選択します。

4. 地形の形を変える（任意）

   overlays のHTMLを開き、MAP_SEED の数字を変えると、山や谷の形がまるごと変わります。文言や座標もここで編集できます。

5. 色を変える（任意）

   overlays/_map.css の先頭 :root で、等高線・紙の色・道路の色をまとめて変更できます。