概要
ゾーンエディターは Staged の中核です。仮想ディスプレイ上にアプリを配置するゾーンを作成できます。ゾーンとは指定された領域のことで、各ゾーンには 1 つのアプリを配置でき、アプリは割り当てられたゾーンに自動でスナップします。
ゾーンエディターの機能
- ドラッグ&ドロップでゾーンを作成
- ゾーンのサイズ変更・再配置
- 識別しやすい色分け
- 再利用可能なプリセットとして保存
- グリッドへのスナップ整列
- 組み込みのプリセットライブラリ
ゾーンエディターを開く
ゾーンエディターを開くには:
- システムトレイまたはスタートメニューから Staged を開きます
- メインウィンドウで Zone Editor
- またはキーボードショートカットを使います:Ctrl + E
ゾーンエディターには、既存のゾーンを含むディスプレイのプレビューが表示されます。Game Stage(ゲームが実行される場所)は中央の領域として表示されます。
ゾーンの作成
ドラッグして作成
ゾーンを作成する最も簡単な方法はドラッグです:
- プレビュー領域(Game Stage の外側)の任意の場所をクリックして押し続けます
- ドラッグしてゾーンのサイズを決めます
- 離してゾーンを作成します
- 「Zone 1」のような既定の名前で新しいゾーンが表示されます
「ゾーンを追加」ボタン
ツールバーの + ゾーンを追加 ボタンをクリックすることもできます。既定サイズで新しいゾーンが作成され、その後サイズ変更や再配置ができます。
クイックプリセット
よく使うレイアウトには、クイックプリセット機能を使います:
- 左 + 右 - Game Stage の両側に 2 つのゾーン
- 左のみ - 左側に 1 つのゾーン
- 右のみ - 右側に 1 つのゾーン
- 下部バー - Game Stage の下に横長のゾーン
- L 字型 - 左のゾーン + 下のゾーン
- 囲み - 四辺すべてにゾーン
ゾーンの編集
ゾーンの選択
任意のゾーンをクリックして選択します。選択したゾーンにはサイズ変更ハンドルとプロパティパネルが表示されます。Shift を押しながらクリックすると、複数のゾーンを選択できます。
ゾーンのサイズ変更
ゾーンのサイズを変更するには:
- ゾーンを選択します
- 角または辺のハンドルをドラッグします
- ドラッグ中に Shift を押し続けると縦横比を維持できます
- Ctrl を押し続けると、グリッドへのスナップを一時的に無効にできます
ゾーンの移動
ゾーンを移動するには:
- ゾーンを選択します
- 中央からドラッグします(ハンドルではなく)
- ゾーンはグリッド線や他のゾーンの端にスナップします
- 矢印キーでピクセル単位の正確な位置調整ができます
ゾーンのプロパティ
各ゾーンには設定可能なプロパティがあります:
| プロパティ | 説明 |
|---|---|
| 名前 | 「Discord」や「OBS プレビュー」のような分かりやすい名前 |
| 色 | エディターで識別するための表示色 |
| 割り当てアプリ | このゾーンにスナップするアプリ |
| ブラウザ URL | ブラウザゾーンで開く任意の URL |
| 暗転レベル | Game Mode でこのゾーンをどの程度暗くするか(0〜100%) |
| 自動起動 | アプリを自動的に起動するかどうか |
ゾーンの削除
ゾーンを削除するには:
- ゾーンを選択して Delete または Backspace を押します
- またはゾーンを右クリックして「ゾーンを削除」を選びます
- またはゾーンのプロパティパネルで ボタンをクリックします
プリセットの活用
プリセットの保存
気に入ったゾーンレイアウトを作成したら、プリセットとして保存します:
- ツールバーの プリセットを保存 をクリックします
- プリセットの名前を入力します(例:「配信セットアップ」「カジュアルゲーム」)
- 必要に応じて説明を追加します
- 保存 をクリックします
プリセットの読み込み
保存したプリセットを読み込むには:
- ツールバーの プリセットを読み込む をクリックします
- 保存したプリセットまたは組み込みライブラリを参照します
- プリセットをクリックしてプレビューします
- 適用 をクリックして使用します
プリセット vs 現在のレイアウト
プリセットを読み込むと、現在のゾーンレイアウトが置き換えられます。未保存の変更がある場合、Staged は先に保存するかどうかを確認します。
組み込みプリセット
Staged には、よくある用途に最適化されたプリセットが含まれています:
Gamer Standard
左に Discord、右に YouTube。4K テレビや大型モニターに最適。
Streamer Pro
左に OBS プレビュー + チャット、右に Twitch チャット。ウルトラワイド向けに最適化。
ミニマル
右に 1 つのゾーンでちらっと確認用。ゲーム領域を最大化します。
レトロ 4:3
中央に 4:3 のGame Stage、両側にゾーン。クラシックゲームに最適。
ヒントとコツ
グリッドスナップを使う
よりきれいなレイアウトのためにグリッドスナップを有効のままにしておきましょう。ゾーン同士やディスプレイの端にぴったり整列します。グリッドサイズは設定で調整できます。
ゾーンを色分けする
アプリに合った色を使いましょう - Discord は青、Twitch は紫、YouTube は赤。これでゾーンを一目で識別できます。
ブラウザ URL を設定する
ブラウザゾーンには、Twitch チャットのポップアウトや YouTube のプレイリストなど特定の URL を設定します。これらはゲーム開始時に自動で開きます。
ゲーム別プリセットを作成する
ゲームによって必要なレイアウトは異なります。競技性の高いゲーム(気を散らすものを最小限に)、カジュアルゲーム(より多くのアプリを表示)、配信用にプリセットを作りましょう。
ゾーンを複製する
似たゾーンを作るには、ゾーンを選択して Ctrl + D を押して複製します。新しいゾーンは位置以外のすべてのプロパティをコピーします。
キーボードショートカット
| ショートカット | 操作 |
|---|---|
| Ctrl + E | ゾーンエディターを開く |
| Ctrl + N | 新しいゾーン |
| Ctrl + D | 選択したゾーンを複製 |
| Delete | 選択したゾーンを削除 |
| Ctrl + S | プリセットを保存 |
| Ctrl + Z | 元に戻す |
| Ctrl + Y | やり直し |
| 矢印キー | 選択したゾーンを 1px 移動 |
| Shift + 矢印キー | 選択したゾーンを 10px 移動 |
次のステップ
ゾーンの作成方法が分かったので、次は Game Mode について学び、ゲーム中に Staged がカーソルロックや暗転をどのように扱うか理解しましょう: