Mission Loading Screen

1. Summary

The mission loading screen displays an antique parchment map of Japan with the current mission location marked by a red X pin and mission label. A bottom-center loading bar with an animated red progress indicator shows load status, accompanied by contextual gameplay tips and a first-load warning panel. Once loading completes, the loading bar is replaced by a Continue button that transitions the player into the mission intro cutscene or gameplay.

Overview

Mission Loading Screen (ui_4)

The mission loading screen is a non-diegetic shell screen displayed while a mission is being loaded. It features a full-screen antique parchment map of Japan as the background, with the current mission location marked by a red X pin and a mission label. The screen provides visual feedback about loading progress, displays contextual gameplay tips, and shows a warning about initial load times. Once loading completes, the loading bar transforms into a Continue button that transitions the player into the mission’s introductory cutscene or gameplay.

Full Screen Context

Background Map

The background is a detailed antique-style parchment map of Japan, rendered in sepia and earth tones with topographic details including mountain ranges, coastlines, and calligraphic text blocks in the corners. The map fills the entire screen and has a slightly vignetted dark border.

Mission Location Marker

The current mission’s location is highlighted on the map with a red X-shaped pin marker and a dark label banner displaying the mission name, such as “Osaka Castle”. The marker is positioned over the approximate geographic location on the map.

Loading Progress Indicator

A horizontal loading bar is positioned at the bottom center of the screen. It features:

• A dark rectangular background bar
• The text “Loading” in white
• A red animated progress indicator that sweeps across the bar
• Subtle red glow/particle effects around the bar

Gameplay Tip

Below the loading bar, a text area displays rotating gameplay tips and tutorial hints relevant to the upcoming mission or game mechanics. The text is white/cream colored and centered. Example observed text: “Press W to center the camera on your selected character and reset the camera rotation to default.”

Warning Panel

On the right side of the screen, a dark rectangular panel with a decorative frame contains:

• A small hourglass icon at the top-left
• Warning text in white explaining that loading a level for the first time may take up to a minute and the game might appear frozen
• Observed text: “Please stand by. Loading a level for the first time might take up to a minute and the game might appear to be frozen.”

Continue Button

Once loading is complete, the loading bar is replaced by a clickable button labeled “CONTINUE” in yellow/gold text on a dark background. Clicking this button transitions the player into the mission intro cutscene or directly into gameplay.

Job Story

When I select a mission to play, I want to see an immersive loading screen that shows where the mission takes place on the map and provides helpful tips while I wait, so that I can transition smoothly into gameplay with context and patience for load times.

Classification

• diegesis: Non-diegetic
• functional_type: Frontend shell
• component_type: Progress bar/slider

Wireframe

┌─────────────────────────────────────────────────────────┐
│  [Japanese calligraphy scroll art]                      │
│                                                         │
│              ┌──────────────┐                           │
│              │ Osaka Castle │ ← Mission marker          │
│              └──────────────┘                           │
│                    X  ← Red pin marker                  │
│                                                         │
│         [Antique parchment map of Japan background]     │
│                                                         │
│                                                         │
│              ┌─────────────────────┐                    │
│              │      Loading        │ ← Loading bar      │
│              │ [====red glow====]  │                    │
│              └─────────────────────┘                    │
│                                                         │
│   Press W to center the camera...  ← Gameplay tip       │
│                                                         │
│                                  ┌─────────────────┐    │
│                                  │ [hourglass]     │    │
│                                  │ Please stand    │    │
│                                  │ by...           │    │
│                                  │ First-load      │    │
│                                  │ warning         │    │
│                                  └─────────────────┘    │
│                                                         │
│  [After load completes:]                                │
│              ┌───────────┐                              │
│              │ CONTINUE  │  ← Continue button           │
│              └───────────┘                              │
└─────────────────────────────────────────────────────────┘

Components

• Background Map — Full-screen antique parchment map of Japan in sepia/earth tones with topographic details, mountain ranges, coastlines, and calligraphic text blocks. Vignetted dark border edges.
• Japanese Calligraphy Scroll — Decorative vertical scroll with Japanese/Chinese characters positioned in the upper-left area of the map.
• Mission Location Marker — Red X-shaped pin marker with a dark rectangular label banner showing the mission name, such as "Osaka Castle". Positioned over the mission's approximate geographic location on the map.
• Loading Progress Bar — Horizontal bar at bottom center containing:
• Dark rectangular background
• White text "Loading"
• Red animated progress indicator with glow/particle effects
• Disappears after loading completes
• Gameplay Tip Text Area — Centered text block below the loading bar displaying rotating tutorial hints and gameplay advice in white/cream text. Content changes per mission or randomly from a tip pool.
• Warning Panel — Dark rectangular panel on the right side with decorative frame containing:
• Hourglass icon at top-left
• Warning text about first-time level load duration, up to one minute
• Observed text: "Please stand by. Loading a level for the first time might take up to a minute and the game might appear to be frozen."
• Continue Button — Appears after loading completes, replacing the loading bar. Dark background with yellow/gold text "CONTINUE". Click transitions to the mission intro.

Parameters & Audio

Navigation

• Entry points to Mission Loading Screen:
• Main Menu → New Game → Difficulty selection → Mission Loading Screen
• Main Menu → Load Game → Select save slot → Mission Loading Screen
• Post-mission flow → Next mission → Mission Loading Screen
• In-game pause → Restart mission → Mission Loading Screen
• Exit points from Mission Loading Screen:
• Continue button clicked → Mission introductory cutscene → Gameplay
• Loading complete (auto) — Some versions may auto-transition after a brief delay, but player must typically click Continue
• Navigation notes:
• The screen is non-interactive during loading (only the Continue button becomes clickable after load completes)
• No back/cancel button visible on this screen; to abort, player must use system-level controls (Alt+F4, etc.)

Dependencies & Logic

• Mission data: Requires the mission identifier, localized name, and geographic location to position the marker on the map
• Loading progress: The loading bar animation and Continue button visibility depend on the engine's level loading progress (0% to 100%)
• Tip pool: Gameplay tips require a configured pool of localized tutorial strings relevant to available game mechanics
• First-load detection: The warning panel should only appear on the first level load (or first load after game installation) to avoid annoying repeat players
• Save data (for loads): When loading from a save, the screen must restore the correct mission context and state
• Localization: All text elements (mission name, tips, warning, Continue button) must support all configured languages
• Cutscene readiness: The Continue button should only appear once both the level geometry and the introductory cutscene assets are fully loaded

BDD Scenarios

Edge Cases

• Loading fails or hangs: If loading exceeds a timeout threshold, the game should show an error message or offer to return to the main menu rather than remaining on the loading screen indefinitely
• Missing mission data: If the mission identifier is invalid or corrupted, the marker should display a fallback label or hide the marker rather than crash
• Empty tip pool: If no gameplay tips are configured, the tip text area should be hidden or show a default message
• Localization missing: If a localized string is missing for the current language, fall back to English or the default language rather than showing empty text
• Rapid Continue clicks: If the player clicks Continue multiple times rapidly, the transition should only trigger once and ignore subsequent clicks
• Cutscene asset missing: If the intro cutscene fails to load, the game should skip the cutscene and transition directly to gameplay
• Low memory during load: The game should handle out-of-memory conditions gracefully, potentially showing a system-level error rather than a silent hang
• Resolution changes during load: If the display resolution changes while on the loading screen, the UI elements should reposition correctly

QA Notes

Mechanic Links

• Mission Objective Variety - test

References

1. 1.

   Let's Play Shadow Tactics Blades Of The Shogun - Ep. 1 - Silent Gameplay & Death! (1:37-2:47) Mission loading screen sequence showing the Osaka Castle marker, loading bar, gameplay tip, first-load warning panel, and Continue button after loading completes.