ビジュアルノベルの背景をパン・ズームインする前に、どこまで描き足すべきか

背景をパンしたりズームインしたりする場合は、まず予定した経路に沿って表示枠が通る範囲を描き、そこから描き足す境界を決めます。同時に、移動中に見えてよいものと、移動が終わるまで見せてはいけないものも指定します。発注内容は「右側を少し広く描く」だけでは不十分です。開始時の表示範囲、移動経路、終了時の表示範囲、描き足す領域、見せる条件まで示す必要があります。

以下では、オリジナルの架空の教材例を使います。画面は温室の作業台から脇の扉へ移動し、扉の向こうにある空の植木鉢は、移動が終わってから初めて見えるものとします。実際のユーザー事例、実測結果、DramaFork の製品機能を示すものではありません。座標も、構図の関係を説明するために独自に定めた単位です。

空の植木鉢を同じ背景に直接描き込み、右へのパンだけで画面内に入れるとします。終点の画面で鉢にある程度の幅がある以上、通常は終点に着く前から少しずつ見え始めます。鉢をさらに右へ置けば登場を遅らせることはできますが、「移動中はまったく見えない」と「止まった瞬間には全体が見える」を同時には保証できません。

そこで、まず条件を正確に書き分けます。移動の終盤に輪郭が見え始め、停止後に空の鉢だと分かればよいのか。それとも鉢の縁さえ先に見えてはいけないのか。本例では後者を選び、演出を明確に変更します。移動中は扉を閉めておき、表示枠が停止してから扉を開け、鉢を見せます。背景美術には、扉の向こうの領域をすべて描いた素材と、そこを隠す独立した扉の素材が必要です。具体的な表示方法は別途実装します。

この選択では、扉とその奥の素材の分だけ納品物が増え、鉢を見せる役割を扉を開く動作が担います。物語上、扉を開けられないなら、終点に着いてから画面を切り替えるか、終盤に少しずつ見せてよいかをシナリオ担当者と合意する必要があります。矛盾する条件を、静止背景一枚で満たそうとしてはいけません。

ラフの左上を原点とし、横方向は右へ、縦方向は下へ値が増えるようにします。表示枠は幅100、高さ60とし、途中で回転も拡大縮小もせず、水平の直線上を右へ60移動させます。ここで動かしているのは、背景上のどこを見るかという範囲です。実際の演出で背景素材をどう動かすかは、プロジェクトの表示方式に応じて換算してください。

開始枠は横0〜100、終了枠は横60〜160で、縦はどちらも0〜60です。本例では等速でも変速でも水平の直線上を両端の位置を越えずに移動するため、すべての表示枠の和集合は横0〜160、縦0〜60になります。速度で変わるのは各部分が見えている時間であり、この経路がカバーする範囲ではありません。

次の内容を同じ背景ラフに直接書き込むと、本例の移動範囲図になります。

さらに、点線枠で作画の外周を示します。本例では横−4〜164、縦−4〜64とし、周囲の4単位を、後で妥当性を確認する余裕分として確保します。これは汎用的な安全値ではなく、この例で小さな調整の余地を残すためのものです。後から移動距離を延ばすなら、改めて計算する必要があります。

開始時には作業台と隣の植物だけが見え、脇の扉は見えません。元絵で作業台の端が切れていないか、開始枠の中に透明な抜けがないかを確認します。元絵の外側が今は見えないからといって、単色の壁を帯状に塗るだけでは済みません。表示範囲が移動したとき、床の継ぎ目、植物の輪郭、光の当たり方がつながる必要があります。

左端が15に来ると右端は115となり、描き足した壁と植物が見え始めます。この区間では「作業台の隣には通路がある」と伝えて構いません。ただし、こぼれた培養土や鉢の映り込みなど、扉の奥を先に示唆する細部は出せません。本例では「ネタバレしないように」という解釈を美術担当者に任せず、こうした手掛かりを追加禁止の項目として明記します。

左端が30、右端が130になると、扉の端が見え始めます。左端が45、右端が145になると、鉢のある領域が一部、表示範囲に入ります。この時点でも、そこに見えるのは閉じた扉だけでなければなりません。図上で扉素材の実際の輪郭を照合し、扉の隙間、ガラス、透明部分から鉢の縁が見えないことを確認します。

終了枠は60〜160をカバーし、扉はまだ閉じています。停止後に扉を開け、そこで初めて空の鉢が見えます。扉の奥には、開いたときに実際に露出する壁と床を十分に描き、鉢の周囲だけを小さく描いて済ませないようにします。扉を回転させて開く場合は、その動きと遮蔽も別途設計が必要です。「扉が独立素材になっている」だけで、開くアニメーションまで解決したことにはなりません。

この検討から分かるのは、右側の描き足しで表示範囲の不足は補えても、それだけでは早すぎる情報提示を防げないということです。移動中に識別できた細部は、すでに読者に渡した情報として扱います。「一瞬で通り過ぎる」ことを理由に、物語上の働きをなかったことにはできません。

中心を固定してズームインすると、背景上の表示範囲は徐々に小さくなります。本例の終点の中心を保ち、100×60の範囲を80×48に縮めるとします。後の枠は前の枠に収まるため、通常は外側を新たに描き足す必要はありません。その代わり、拡大された質感や細部が鑑賞に耐えられるかが課題になります。

ただし、ズームインが常に画面の中心を基準にするとは限りません。ドアノブへ移動しながら寄るなら、枠は縮小すると同時に位置も変わり、一部の角が元絵の外へ出る可能性があります。同じ座標上に変化後の枠を描き、全行程のカバー範囲を求めてください。「寄るだけなら端は出ない」という思い込みで検収してはいけません。

弧を描く経路、揺り戻し、終点を越えてから戻る動きでも、途中の範囲が開始枠と終了枠の外へ出ることがあります。その場合は、方向が変わる位置と最も遠い位置にも枠を描きます。数か所の確認枠は問題の位置を探すために使い、最終的には経路全体に沿って枠を動かし、連続して通過する領域を確認する必要があります。

演出編集担当は表示枠、経路、情報を見せるタイミングを提出し、美術担当は完成背景、描き足し範囲、遮蔽素材を提出します。双方で同じ版の座標を使い、画面比率、トリミング方式、調整を許容する幅を明記します。経路を変更したら、以前の範囲図がそのまま有効とは限りません。

表示範囲の確認では、どの時点でも枠内に欠けのない絵があり、継ぎ目、植物、壁が連続しているかだけを見ます。情報提示の確認では、停止前に鉢の縁や映り込み、関連する手掛かりが漏れていないか、停止後に扉を開けると確かに空の鉢が見えるかを別に調べます。両方を満たして初めて、この描き足し条件が合意した前提のもとで成立すると判断できます。

この図は、一枚の平面背景をトリミング・拡大縮小する場合に適用します。手前の植物、扉、奥の壁が別々に動くなら、レイヤーごとの経路でカバー範囲を計算し、レイヤー間の隙間も確認してください。画面比率の変更や視差の追加でも、範囲図を描き直す必要があります。今回の水平パンの結論を、あらゆる背景の動きへそのまま当てはめることはできません。