• ホーム
  • ブログ
  • ギャラリー
  • 料金
  • ホーム
  • ブログ
  • ギャラリー
  • 料金
制作を始める

創る。遊ぶ。

クリエイターブログ

ホーム/ブログ/インタラクティブ映画ゲームのナラティブデザイン

遠くの目標がすぐ近くに見えるとき――インタラクティブ映画ゲームで移動距離を誤解させない画面設計

目標が大きく映ることは、注目すべき対象であることを示しても、時間内に到達できることまでは示しません。架空の波止場の選択場面を使い、選択前に経路、スケールの手がかり、通行を阻むものを伝える方法を解説し、再利用できる距離の読み取りやすさを確認する絵コンテシートを埋めていきます。

D
DramaFork Editorial Teamインタラクティブ物語とAI制作
2026.10.13読了目安:9分
映画的な雰囲気の記事用イラスト。前景では大人が対岸の目立つロープの輪を見ながら手を伸ばし、中景には水面と折れ曲がった桟橋がはっきり見える。見た目の近さと実際の経路の遠さを強調。文字、アルファベット、数字、ロゴ、透かし、ブランド要素、インターフェースのスクリーンショットは含まない。
目次
クリエイターブログ
  1. 01はじめに
  2. 021. その選択で何を判断してもらうのかを決める
  3. 032. 空間の略図で「見える」と「たどり着ける」を分ける
  4. 043. 距離の読み取りやすさを確認する絵コンテシートを埋める
  5. 054. 時間的な切迫度と空間的な距離を別々に確認する
  6. 065. 選択肢が出た画面で止め、足りない情報を確認する
記事上部へ

はじめに

移動距離の誤解を防ぐには、目標をはっきり映すだけでなく、キャラクターから目標までの道のりを選択前に見せる必要があります。ロープの輪の寄りのショットは残してかまいません。ただし、出発地点、通れる経路、通り抜けられない障害を補う必要があります。物語が「時間内に到達すること」も求めるなら、時間的な切迫度を判断する根拠も別に示します。画面内で目標がどれほど大きく見えるかでは、これらの情報を代替できません。

以下では、オリジナルの架空の教材事例を使って絵コンテシートを埋めます。大人が波止場の手前側の岸に立ち、対岸のロープの輪が大きく映っています。しかし、そこへ行くには閉鎖された桟橋を迂回しなければなりません。この事例は設計方法を説明するためだけのものです。実在のユーザー、実測結果、筆者自身によるテスト、DramaForkの製品機能を示すものではありません。

1. その選択で何を判断してもらうのかを決める

この場面の行動は「対岸へ回り込んでロープの輪をほどく」で、もう一つの選択肢は「その場にとどまり、対岸の人に呼びかける」です。前者には移動時間がかかり、後者は相手の応答に左右されます。絵コンテが支えるべきなのは、二つの行動の負担についての判断であり、どちらかの成功を保証することではありません。

問題のある版には、差し出した手の寄り、ロープの輪の寄り、選択肢ボタンしかありません。見る側にはキャラクターが何に触れたいかはわかりますが、手とロープの間に水面があるのかはわからず、目の前の桟橋がすでに閉鎖されていることも伝わりません。選択後に初めて迂回路を映し、せりふで「間に合わない」と説明するなら、選択前に伝えていない条件を使って失敗を決めることになります。

まず、脚本上の制約を確認可能な文にします。ロープの輪は対岸にある。両岸の間を直接歩いて渡ることはできない。水面をまっすぐ横切る橋は閉鎖されている。通れる経路は岸沿いに進み、横手の橋へ回る道である。それぞれに対応する画面を探します。見つからなければ、プレイヤーの不注意と決めつけず、まず情報の欠落として記録します。

2. 空間の略図で「見える」と「たどり着ける」を分ける

ショットサイズを決める前に、位置関係を描きます。次のオリジナルの文字による略図は、つながりだけを示し、縮尺は表していません。プレイヤーに読ませる文字地図でもありません。

手前の岸の出発地点 → 岸沿いの歩道 → 倉庫小屋の外側の角 → 横手の橋 → 対岸のロープの輪。

出発地点とロープの輪は水を隔てて向かい合っています。両者を直接結ぶ橋は閉鎖され、迂回路の一部は倉庫小屋に隠れています。

出発地点からロープを見る視線は、短くまっすぐに通ります。一方、歩いて行くには目標へまっすぐ向かう方向からいったん外れ、角を曲がって橋を渡る必要があります。この違いこそ、絵コンテで最も伝えるべき点です。ロープを小さく映すだけでは、直通の橋を渡れるかどうかはわかりません。水面のショットを足すだけでも、迂回路の入口があるとは伝わりません。

スケールの手がかりには、同じ空間の中で位置関係を把握できるものを優先します。この例では、大人の全身、手前の岸の手すり、対岸の支柱を同じ画面に収め、続いてキャラクターが連続する手すりの区画を歩いて通り過ぎます。これにより、メートル数を計算しなくても、身体と周囲の相対的な大きさを理解できます。ロープの輪だけのアップには共通の比較対象がなく、それだけで距離を説明することはできません。

見えない部分の意味も明確にします。倉庫小屋で道の細部が隠れていても、小屋の外側へ道が続く位置と、横手の橋が対岸につながる位置は読み取れる必要があります。そうでなければ、見る側は隠れた部分を行き止まりと受け取ったり、もっと短い通路を想像したりするかもしれません。

3. 距離の読み取りやすさを確認する絵コンテシートを埋める

このシートは、移動に関する一回の選択を単位とします。再利用するときは対象物とカット番号を置き換え、五つの項目を残します。どこか一欄でも「後で説明する」としか書けないなら、今の選択には判断材料が足りません。

項目 この例での記入内容 選択前に見せるカット・タイミング
目標 対岸の支柱にあるロープの輪。到達してからほどく カット1の寄りで対象を示し、カット2で両岸の関係に戻す
経路 手前の岸の歩道から小屋の外側へ進み、横手の橋へ曲がって対岸へ カット3でキャラクターの視線に沿って入口、角、横手の橋を見せる
スケールの手がかり 大人の全身、手前の岸の手すり、対岸の支柱。キャラクターが隣り合う手すりの区画を歩いて通り過ぎる カット2で相対的な大きさを示し、カット3で移動による手がかりを補う
通行を阻むもの 両岸を隔てる水面と、直通の橋の入口を連続して塞ぐ遮断物。小屋は迂回路の中間部分を視界から隠すだけ カット2で水面と遮断物を同時に示し、カット3で隠れた区間の両端を見せる
選択前に見せるカット・タイミング 目標を示し、両岸と閉鎖された橋を見せ、最後に迂回路の入口を示す カット3の終わりに選択肢を出し、経路の関係が見える状態を保つ

具体的な編集は次のとおりです。カット1はロープの輪の寄りで、注目する対象を示します。カット2はキャラクターの全身を含む横からのロングショットに切り替えます。差し出した手は手前の岸の手すりの内側で止まり、水面、直通の橋の遮断物、ロープの輪が同じ画面に入ります。カット3はキャラクターが振り向くのに合わせて少し移動し、岸沿いの入口、小屋の角、横手の橋と岸の接続部分を見せてから、選択肢を提示します。

ここで追加したのは、行動に必要な位置関係です。元の版が答えるのは「何を処理するのか」だけでした。補足した版では「どこから出発するのか」「なぜ直進できないのか」「迂回はどこから始まるのか」にも答えられます。道のりをすべて歩いて見せる必要も、無関係な波止場の設備を一つずつ映す必要もありません。

4. 時間的な切迫度と空間的な距離を別々に確認する

迂回が必要だとわかっても、必ず間に合わないとわかるわけではありません。この例で期限を決める出来事を示していなければ、道が曲がっているだけの理由で、結末になって「時間が足りないとわかるはずだった」と断定することはできません。その場合は移動を続けられるようにするか、結果が不確かな試みとして選択肢を表現します。

仮に脚本に、まもなく岸を離れる小舟を加えるなら、選択前に舟とロープの輪の関係、離岸の動作がどこまで進んでいるかを示す必要があります。対岸の人が乗船用の渡し板を引き上げている様子を映し、その動きと迂回路を一続きの状況の中で見せる方法が考えられます。これは事態が進行していることを示しますが、それだけで到着の正確な期限が証明されるわけではありません。

物語上、迂回を必ず失敗させる必要があるなら、移動の過程と舟が離岸する過程がその結果を裏づけるか、さらに確認します。根拠を示せなければ、結果や選択のタイミングを調整します。緊迫した音楽を空間の根拠の代わりにしてはいけません。また「向こうへ行ってロープをほどく」を、クリックした後でキャラクターが突然全力疾走したり、よじ登ったり、水に飛び込んだりする行動にすり替えてはいけません。

位置関係を補うショットには尺が必要で、寄りの画が生む近さの感覚を弱める可能性もあります。まず寄りを残して衝動を生み、選択を確定する前に周囲の空間を見せる方法もあります。感情の変化を保ちながら、プレイヤーに第一印象を修正する機会を与えられます。

5. 選択肢が出た画面で止め、足りない情報を確認する

絵コンテのレビューでは、選択肢が出るところで資料を止め、その後の結果を隠します。設計に関わっていない人に、出発地点、目標、通れる入口、直通経路が塞がれている場所を指してもらい、想定する移動の流れを説明してもらいます。これは確認方法の提案です。本例でテストを実施したわけではなく、報告できる合格率もありません。

それでも手を伸ばせばロープに届くと思われるなら、両岸が本当に同じ画面に入っているかを確認します。水で隔てられているとわかっていても直通の橋を渡れると思われるなら、遮断物が全体まで見えているかを確認します。小屋の向こうに道がないと思われるなら、道が隠れる位置と再び現れる位置のつながりを補います。各修正は具体的に欠けている根拠に対応させ、目的なく引きの画を追加しないようにします。

最終的なトリミングと、選択肢が重なる範囲も確認します。経路を説明する横手の橋が切れていたり、遮断物がボタンで隠れていたりすれば、シートに記入していても提示したことにはなりません。ここで確認するのは根拠が画面に残っているかどうかであり、インターフェース全体の規則を定めることではありません。

このシートは、既知の空間をもとに移動方法を選ぶ場面に適しています。未知の道をキャラクターが探ること自体を意図した遊びなら、事前に「経路はまだわからない」と伝え、探索のリスクを選択に含めます。合否の基準は、なぜ迂回する必要があり、何がまだ不明なのかをプレイヤーが理解できることです。正確な距離の推定は求めず、映像だけですべての行動結果を予測できると約束するものでもありません。

プロダクト機能を見る 作品を体験
PLAY / DISCOVER

記事のテーマを遊ぶ

作品索引を見る
キャラクター IP

ボタン

すべての文を完成させたいのに、沈黙が意図的なものだと分からない。

インタラクティブ映像

残された一床

集中治療室に残されたベッドは一つ。複数の患者が必要とするなか、すべての医療判断に人の代償が伴う。

キャラクター IP

シエ・リン

本当に便利な部屋を作りたいのに、あらゆる異論を故障として扱う。

キャラクター IP

サーシャ・キム

双方に理解を望みながら、流暢な言葉で本当の対立を覆い隠す。

続きを読む

他の記事を見る
映画的な雰囲気のエディトリアルイラスト。同じ成人の登場人物を表す2つの歩行シルエットが、中庭と階段からそれぞれ明るい廊下へ入る。窓辺の鉢植えを共通の目印に、映画のような構図で移動方向の合流を強調する。
インタラクティブ映画ゲームのナラティブデザイン2026.10.13 · 8分

インタラクティブ映画ゲームの分岐合流後、引き返して見えるときの画面内の移動方向チェック

どちらのルートも温室へ向かうからといって、同じ廊下のショットにそのままつながるとは限りません。移動方向のつながり表で、物語上の経路、フレームへの出入りの方向、目印を分けて記録し、方向転換が必要なルートには、その根拠となる空間情報を補います。

映画的な雰囲気のエディトリアルイラスト。成人の主人公が未開封の古い手紙を握り、ガラス越しのぼんやりした空間には仲間が席を立つ想像が映っている。一方、現実のテーブルの席にはまだ人が座っている。夢と現実を異なる光の質で区別する。
インタラクティブ映画ゲームの物語設計2026.10.13 · 9分

インタラクティブ映画ゲームで、選択前の想像を起きた事実と誤解させないために

選択前の想像シーンでは、誰が何を根拠に思い描いているのか、どの結果が未確定なのかを示し、最後に現在の場面へ明確に戻す必要があります。古い手紙と仲間の退席を描く架空の絵コンテを使い、ほかの場面にも使える「想像シーン境界カード」を記入します。

「人物相関図だけでは足りない:誰が何を知り、隠し、誤解しているのか」ブログ記事のカバー
インタラクティブ物語2026.08.21 · 6分

人物相関図だけでは足りない:誰が何を知り、隠し、誤解しているのか

相関図が示せるのは誰と誰が関係しているかだけで、なぜサスペンスが成立するのかは説明できない。インタラクティブな物語には、情報格差のマトリクスも必要だ。各人物がどの事実を知っているのか、どこから知ったのか、何を意図的に隠しているのか、何を誤って信じているのか、どのような条件なら話す気になるのか。プレイヤーの選択は、多くの場合、出来事ではなく情報の流れを変える。

ひとつの物語から、遊べる世界へ。

ひとつの物語のアイデアから、脚本、キャラクター、ショット、分岐をまとめ、遊べる最初のバージョンを作れます。

コンテンツ目録

  • クリエイターブログ
  • テーマ特集
  • 記事アーカイブ
  • 作品索引

探索

  • 作品ギャラリー
  • テキストゲーム
  • キャラクター IP

法的情報

  • プライバシー
  • 利用規約
  • Cookieポリシー
© 2026 DramaFork/AIインタラクティブストーリースタジオ
Press Enter to send, or drag away and release.