bszlrd
commented
1 year ago HUD & UI mockups
@Web-eWorks and @Gliese852: I've moved the useful parts of the imgur mockup album along with some descriptions.
Load game window
The color of the box, and the accent on the left indicates the type of save:
- Blue is compatible save, lighter for quicksave and autosave
- Darker, with red accent indicates saves made with previous versions of Pioneer. These could go to the save recovery window, which then would pop a dialog:
Docking Aid Reticule
A reticule docking aid mode. Not sure how it should be activated, but I suspect it could be tied to the landing gear and later to the docking collar extension/collar targeting. For landing all data is displayed relative to the ship, and shows as if looking down. For external docking the display is relative to the active docking port. I suspect in that case it would be useful to tie controls relative to the active docking collar to avoid confusion due to collars can be placed in multiple positions and orientations. Likely they would also need docking cameras, and this UI could show only on those cameras for docking.
Features:
- **Rotation alignment display:** (at the top-right of the explanation image) A blue cross inside the reticule showing the angle of the ship relative to the landing pad/docking collar.
- If it is at the edge of the reticule, it means 45° rotation on the given axis. At the center means the ship aligned to the target.
- When rotation is larger than 45°, then a small blue cross indicates at the edge of the reticule indicates its direction.
- When landing on a landing pad, it indicates pitch and roll alignment
- When docking to an external docking collar, then it indicates pitch and yaw alignment
- I think the alignments in degrees could be shown in yellow next to where the orientation indicators are already at, but they aren't really necessary:
- **Pad positioin and orientation:** shows the relative position of the landing pad or docking collar. For landing pads, its rotation show yaw alignment, for docking collar it shows roll alignment.
- Size and concentric circles indicate distance to landing pad. Each circle represents 10m (or so) of distance, and ship is at the given distance when the circle is the same size as the reticule circle. When the indicator itself is the same size as the reticule, the ship reached the pad/collar. (calculated from the landing tag)
- When out of the 45° cone of the reticule, an icon indicates its direction. The icon still shows rotation.
- The indicator should not be smaller than the icon size when it is at a greater distance.
- A faint line is projected forward (where the icon also points) to help with orientation.
- **Speed indicator:** visually represents closing speed with a bar.
- The gauge fills up and down depending on closing speed. (Up and down, so it is visually distinct from the brake distance gauge it replaces in this mode)
- Only a dot at the center when stationary
- Fully filled gauge means the upper safe speed
- It fills up with red from the top and bottom when speed is larger than safety margin
- Not sure about the safety margin, but my guess would be around 5m/s, and about 20m/s would likely severly damage the collar.
- There could also be some visual position and speed indicators, but I'm not sure if they worth the clutter (they could look cool though - could be an optional feature, or could be shown in the cockpit on a screen which shows a docking camera)
- The Prograde marker could be a bit smaller, and could be connected with the crosshair with a faint line to aid the position alignment process. (I kinda think that the same could be done to the prograde marker in general as an option)
UI idea for rough alignment:
https://github.com/pioneerspacesim/pioneer/assets/4182678/3918102a-b7ad-4370-81e2-6b4905b5646a
Station landing guides:
https://github.com/pioneerspacesim/pioneer/assets/4182678/d0d3ae4a-3dc7-43ac-b45f-43ff7d6b1f87
Landing aid
A similar aid for landings, shown on the scanner:
https://github.com/pioneerspacesim/pioneer/assets/4182678/4671cce9-5458-4428-adf3-ccce8db13566
In-flight orbit display:
Transfer / orbit planner:
Additional HUD panels:
Local and currently experienced gravity display:
Compact/hidden reticule
Compact orbit display and Orbital MFD and other panels:
Additional panels:
Panels for mission list, compact and expanded contact list, target info and hyperspace route:
Equipment market
##### Newer mockups:
##### Older mockups
Fuel system
Other mockups:
In-flight orbit display with more elaborate comms and contact list:
Notification and warning style mockups (also, collapsed contact list):
Atmospheric scooping aid:
Scanning HUD:
Orbital map ideas:
Ship overview/engineering:
Cargo hold mockups and ideas
**Jettison:**
**Hidden hold:**
Jump button on the Sector Map
fluffyfreak
Web-eWorks
impaktor
This issue collects future roadmap goals for the UI beyond the initial implementation or port to PiGui. All developers are welcome to add roadmap goals based on mockups or planned work, but please discuss them on IRC first!
See the 1st pass project Mockup album. Old mockups.
World View UI
FlightUI (reticle)
Comms Window
Info Screen
Mission Display
Station Screen
Bulletin Board System
Commodity Market
Ship Market
Equipment Market
Sector Map
System Map
Issues