Ship designer UX requirements - barsandcat/HMS-Sunflower GitHub Wiki

High level functionality:

• Save and load ship directly from designer
• One click launch select and launch different types of test flights from designer
• Hover over stats display both in menu and over placed parts
• You can see detailed statistics of your ship all the time
• When you dragging part, or selected part for painting - context panel is shown nearby that shows short cuts for actions you can do with it.
• Zoom in/zoom out panel buttons with keyboard shortcuts listed.

Part browsing:

• Click on the part to select it for painting - you can place as many of this parts in ship designer as you want
• Hierarchical filtering - you can select all offensive modules, or just guns
• Perk filtering - you can toggle turrets/fixed/any, manned/unmanned/any
• Start sorting - mass, cost, and module specific parameters

Ship editor:

• Click and hold mouse to grab part of the ship and detach it. You can drop it to reattach at new place.
• Grabbed or selected part (or group of parts) is displayed as snapped to grid ghost image, showing you preview of what it will look like when you place it, including changes to the modules that are already placed.
• Grabbed or selected part can be rotated and flipped
• Multiselect: box select or shift+click, ctrl+click, or double click on group of connected parts.
• Selection can be "copied" - so you can paint using them
• You can place parts (snap them to the grid), even if not attached to other parts. You can drop part between two separate parts and they will connect.
• You can drop parts on top of other parts, the will be rendered as not attached.
• You can place parts even if you are out of budget
• Zoom in, zoom out and pan both with mouse wheel and right mouse, or keys, but no edge-scrolling. Keys for panning shown at the edges of ship editor.
• When dragging or painting parts you can see status of all edges of placed modules - if it will connect, what kind of connections are there.