第04回 ビジュアルノベル1

1 / 4 会話画面を配置する

このステップの目的

Canvas上へ背景、立ち絵、会話ウィンドウを配置し、画面の責任範囲を決める

UIの階層を作る

DialogueCanvas
├─ Background
├─ CharacterLayer
├─ DialogueWindow
│  ├─ SpeakerName
│  └─ BodyText
└─ ContinueMark

AnchorとCanvas Scalerを設定し、画面比率を変えても会話ウィンドウが意図した位置に残ることを確認します。

表示データを分ける

背景、立ち絵、話者名、本文は、後の台本からも差し替えられるように個別の参照として扱います。

チェックリスト

• Canvasの階層を説明できる
• 画面比率を変えても主要UIが崩れない
• 背景、立ち絵、話者名、本文を別々に変更できる