Giving Shadowfall's battlefield room to breathe
Nitrogen Studios ·
Shadowfall, the real-time strategy game in development within the Phantom Dark universe, needs room for both the battle and the decisions that shape it. Its latest interface work starts with a practical problem: too much information was covering the map.
The earlier overlay kept the briefing, help, status messages, commands and production menu on screen together. Each served a purpose, but their combined footprint competed with the units and terrain the player needed to see. The revised layout brings essential controls closer together and reveals more detail when it becomes useful.
Keep the essentials visible
Resources and population now share a compact readout at the top left. The first-assault countdown and battle controls sit at the top right. Briefing text, gesture help and the latest feedback message are available through Battle info.
The minimap stays small until the player expands it. That expansion provides a larger view of the same map; it does not introduce minimap camera navigation.
Army, Workers and Build remain accessible. Selecting mobile units reveals Move, Hold and Stop, while Attack appears when the selection includes a mobile combat unit. The player sees commands that apply to the current selection, with room for controls to wrap on narrow screens.
Make construction a focused decision
Build opens a compact drawer for training and construction. Choosing a structure closes the drawer so the player can pick its location on the battlefield. A targeting prompt and Cancel control remain visible until placement is completed or cancelled.
Training keeps the drawer open for repeated purchases. Its feedback stays inside the drawer rather than adding another permanent banner over the battle. Routine messages elsewhere disappear after four seconds, while an active targeting prompt stays visible.
Reducing screen coverage did not mean reducing touch targets: controls retain a minimum 44-point hit area. The goal is to show less at once while keeping the available actions easy to reach.
Bring the interface into the Phantom Dark visual family
The current finish draws from the Phantom Dark mobile app and newer website styling: bright cyan emphasis, dark slate surfaces, rounded controls and clear sans-serif command labels. Active controls use cyan fills to make their state easier to distinguish.
This is an adaptation for the game's battlefield. It preserves the compact layout instead of copying the spacing of a larger reading or marketing screen. The website still contains older styling in some areas, so this work should not be read as a completed, identical theme across every platform.
What has been checked
The current HUD has been rendered using actual SwiftUI views on Mac over an archived battlefield image, including narrow, tablet, selection, construction and targeting layouts. The recorded iOS simulator build also passed.
Those previews show how the controls fit together. Live simulator interaction and physical-device acceptance remain pending for this HUD revision. Frame rate, battery use and touch behavior need their own measurements; a cleaner layout alone does not establish an improvement in those areas.
The next check is to use the revised controls in a live battle, particularly while placing structures on a narrow screen. The design will need to prove that the player can see the map, reach the commands and understand what happens after each action.