0ad/binaries/data/mods/public/gui/session/sprites.xml
Vantha 52b40aaa4f Add a tutorial panel for explaining the GUI
This patch adds a new type of tutorial steps called "GUI explanation",
with a corresponding GUI panel. The purpose of it is to explain what a
certain GUI element does. To make use of it the trigger script has to
specify the target GUI object's name as well as the side on which to
place the explanation panel relative to the target itself. The panel
then highlights the target object by fading everything else out with
black and also uses an arrow to point to it. Whilever the target GUI
object is hidden, the panel hides the background fade too and shows a
warning message.
Unlike for the other steps, the TutorialManager does not hide the
previously active panel when showing a GUI explanation, but instead
only disables it, since it could contain relevant information and the
GUI explanation panel is visibly placed "above" all other panels (in the
Z axis).
2026-07-22 23:51:49 +02:00

618 lines
16 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<sprites>
<sprite name="groupsIcon">
<image
texture="session/icons/groups.png"
size="0 0 100% 100%"
/>
</sprite>
<!-- ================================ ================================ -->
<!-- Menu -->
<!-- ================================ ================================ -->
<sprite name="horizontalThinBorder">
<image
texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
/>
</sprite>
<!-- ================================ ================================ -->
<!-- Panel Backgrounds -->
<!-- ================================ ================================ -->
<!-- Generic Panel -->
<sprite name="genericPanel">
<image
texture="global/modern/background.png"
texture_size="0 0 100% 100%"
size="0 0 100% 100%"
/>
<!-- sides -->
<image
texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 0 100%-4 4"
/>
<image
texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="100%-4 4 100% 100%-4"
/>
<image
texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 100%-4 100%-4 100%"
/>
<image
texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="0 4 4 100%-4"
/>
<!-- corners -->
<image
texture="global/border/line_corner_top_right.png"
texture_size="0 0 4 4"
size="100%-4 0 100% 4"
/>
<image
texture="global/border/line_corner_bottom_right.png"
texture_size="0 0 4 4"
size="100%-4 100%-4 100% 100%"
/>
<image
texture="global/border/line_corner_bottom_left.png"
texture_size="0 0 4 4"
size="0 100%-4 4 100%"
/>
<image
texture="global/border/line_corner_top_left.png"
texture_size="0 0 4 4"
size="0 0 4 4"
/>
</sprite>
<!-- Top Panel -->
<sprite name="topPanel">
<image
texture="session/ribbon_bg.png"
real_texture_placement="0 0 2048 32"
size="0 0 100% 100%"
/>
<!-- sides -->
<image
texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 0 100%-4 4"
/>
<image
texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 100%-4 100%-4 100%"
/>
</sprite>
<sprite name="CivIconOver">
<image
texture="session/portraits/emblems/states/hover.png"
size="0 0 100% 100%"
/>
</sprite>
<!-- Map Panel -->
<sprite name="mapPanel">
<image backcolor="0 0 0"
size="0 0 100% 100%"
/>
<!-- sides -->
<image
texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 0 100%-4 4"
/>
<image
texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="100%-4 4 100% 100%-4"
/>
<image
texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 100%-4 100%-4 100%"
/>
<image
texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="0 4 4 100%-4"
/>
<!-- corners -->
<image
texture="global/border/line_corner_top_right.png"
texture_size="0 0 4 4"
size="100%-4 0 100% 4"
/>
<image
texture="global/border/line_corner_bottom_right.png"
texture_size="0 0 4 4"
size="100%-4 100%-4 100% 100%"
/>
<image
texture="global/border/line_corner_bottom_left.png"
texture_size="0 0 4 4"
size="0 100%-4 4 100%"
/>
<image
texture="global/border/line_corner_top_left.png"
texture_size="0 0 4 4"
size="0 0 4 4"
/>
</sprite>
<!-- Bottom Left Panel -->
<sprite name="supplementalDetailsPanel">
<!-- sides -->
<image texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 0 100%-4 4"
/>
<image texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="100%-4 4 100% 100%-4"
/>
<image texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 100%-4 100%-4 100%"
/>
<image texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="0 4 4 100%-4"
/>
<!-- corners -->
<image texture="global/border/line_corner_middle_left.png"
texture_size="0 0 4 4"
size="100%-4 0 100% 4"
/>
<image texture="global/border/line_corner_bottom_middle.png"
texture_size="0 0 4 4"
size="100%-4 100%-4 100% 100%"
/>
<image texture="global/border/line_corner_bottom_middle.png"
texture_size="0 0 4 4"
size="0 100%-4 4 100%"
/>
<image texture="global/border/line_corner_middle_right.png"
texture_size="0 0 4 4"
size="0 0 4 4"
/>
<!-- background -->
<image texture="session/hud_panels.png"
real_texture_placement="314 98 512 256"
texture_size="0 0 100% 100%"
size="4 4 100%-4 100%-4"
/>
</sprite>
<!-- Bottom Middle Panel -->
<sprite name="selectionDetailsPanel">
<!-- background -->
<image texture="session/hud_panels.png"
real_texture_placement="0 0 220 192"
texture_size="0 0 100% 100%"
size="0 0 100% 100%"
/>
<!-- sides -->
<image texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 0 100%-4 4"
/>
<image texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="100%-4 4 100% 100%-4"
/>
<image texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 100%-4 100%-4 100%"
/>
<image texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="0 4 4 100%-4"
/>
<!-- corners -->
<image texture="global/border/line_corner_top_right.png"
texture_size="0 0 4 4"
size="100%-4 0 100% 4"
/>
<image texture="global/border/line_corner_bottom_right.png"
texture_size="0 0 4 4"
size="100%-4 100%-4 100% 100%"
/>
<image texture="global/border/line_corner_bottom_left.png"
texture_size="0 0 4 4"
size="0 100%-4 4 100%"
/>
<image texture="global/border/line_corner_top_left.png"
texture_size="0 0 4 4"
size="0 0 4 4"
/>
</sprite>
<!-- Bottom Right Panel -->
<sprite name="unitCommandsPanel">
<!-- sides -->
<image texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 0 100%-4 4"
/>
<image texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="100%-4 4 100% 100%-4"
/>
<image texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 100%-4 100%-4 100%"
/>
<image texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="0 4 4 100%-4"
/>
<!-- corners -->
<image texture="global/border/line_corner_top_right.png"
texture_size="0 0 4 4"
size="100%-4 0 100% 4"
/>
<image texture="global/border/line_corner_bottom_right.png"
texture_size="0 0 4 4"
size="100%-4 100%-4 100% 100%"
/>
<image texture="global/border/line_corner_bottom_middle.png"
texture_size="0 0 4 4"
size="0 100%-4 4 100%"
/>
<image texture="global/border/line_corner_middle_right.png"
texture_size="0 0 4 4"
size="0 0 4 4"
/>
<!-- background -->
<image texture="session/hud_panels.png"
real_texture_placement="75 64 469 222"
texture_size="0 0 100% 100%"
size="4 4 100%-4 100%-4"
/>
</sprite>
<!-- ================================ ================================ -->
<!-- Shading -->
<!-- ================================ ================================ -->
<sprite name="panelShader">
<image texture="session/panel_shader.png"
size="0 0 100% 100%"
/>
</sprite>
<sprite name="edgedPanelShader">
<image texture="session/panel_shader_top_edge.png"
real_texture_placement="0 0 256 1"
size="0 0 100% 1"
/>
<image texture="session/panel_shader.png"
size="0 0 100% 100%-5"
/>
<image texture="session/panel_shader_bottom_edge.png"
real_texture_placement="0 0 256 5"
size="0 100%-5 100% 100%"
/>
</sprite>
<sprite name="bottomEdgedPanelShader">
<image texture="session/panel_shader_top_edge.png"
real_texture_placement="0 0 256 1"
size="0 0 100% 1"
/>
<image texture="session/panel_shader.png"
size="0 0 100% 100%"
/>
</sprite>
<sprite name="topEdgedPanelShader">
<image texture="session/panel_shader.png"
size="0 0 100% 100%-5"
/>
<image texture="session/panel_shader_bottom_edge.png"
real_texture_placement="0 0 256 5"
size="0 100%-5 100% 100%"
/>
</sprite>
<sprite name="queuePanelShader">
<image texture="session/panel_shader.png"
size="4 4 100%-4 100%-4"
/>
<!-- sides -->
<image
texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 0 100%-4 4"
/>
<image
texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="100%-4 4 100% 100%-4"
/>
<image
texture="global/border/line_horiz.png"
texture_size="0 0 64 4"
size="4 100%-4 100%-4 100%"
/>
<image
texture="global/border/line_vert.png"
texture_size="0 0 4 64"
size="0 4 4 100%-4"
/>
<!-- corners -->
<image
texture="global/border/line_corner_top_right.png"
texture_size="0 0 4 4"
size="100%-4 0 100% 4"
/>
<image
texture="global/border/line_corner_bottom_right.png"
texture_size="0 0 4 4"
size="100%-4 100%-4 100% 100%"
/>
<image
texture="global/border/line_corner_bottom_left.png"
texture_size="0 0 4 4"
size="0 100%-4 4 100%"
/>
<image
texture="global/border/line_corner_top_left.png"
texture_size="0 0 4 4"
size="0 0 4 4"
/>
</sprite>
<sprite name="glassSquareMap">
<image backcolor="255 255 255 56" size="0 0 100% 1"/>
<image backcolor="255 255 255 56" size="100%-1 1 100% 100%"/>
<image backcolor="255 255 255 56" size="0 100%-1 100% 100%"/>
<image backcolor="255 255 255 56" size="0 1 1 100%-1"/>
<image backcolor="255 255 255 44" size="1 1 100%-1 2"/>
<image backcolor="255 255 255 44" size="100%-2 2 100%-1 100%-1"/>
<image backcolor="255 255 255 44" size="1 100%-2 100%-1 100%-1"/>
<image backcolor="255 255 255 44" size="1 2 2 100%-2"/>
<image backcolor="255 255 255 32" size="2 2 100%-2 3"/>
<image backcolor="255 255 255 32" size="100%-3 3 100%-2 100%-2"/>
<image backcolor="255 255 255 32" size="2 100%-3 100%-2 100%-2"/>
<image backcolor="255 255 255 32" size="2 3 3 100%-3"/>
</sprite>
<sprite name="iconBorder">
<image backcolor="gold" size="0 0 100% 1"/>
<image backcolor="gold" size="100%-1 1 100% 100%"/>
<image backcolor="gold" size="0 100%-1 100% 100%"/>
<image backcolor="gold" size="0 1 1 100%-1"/>
</sprite>
<sprite name="statsBarShaderHorizontal">
<image texture="session/bar_lighting_horizontal.png"
real_texture_placement="0 0 150 7"
size="0 0 100% 100%"
/>
</sprite>
<sprite name="statsBarShaderVertical">
<image texture="session/bar_lighting_vertical.png"
real_texture_placement="0 0 7 150"
size="0 0 100% 100%"
/>
</sprite>
<!-- ================================ ================================ -->
<!-- Colored Stats Bars -->
<!-- ================================ ================================ -->
<sprite name="playerColorBackground">
<image backcolor="255 255 255 128"/>
</sprite>
<sprite name="barBorder">
<image backcolor="0 0 0 128"/>
</sprite>
<sprite name="queueProgressSlider">
<image backcolor="0 255 0 128"/>
</sprite>
<sprite name="healthBackground">
<image backcolor="red"/>
</sprite>
<sprite name="healthForeground">
<image backcolor="green"/>
</sprite>
<sprite name="resourceBackground">
<image backcolor="darkgray"/>
</sprite>
<sprite name="resourceForeground">
<image backcolor="orange"/>
</sprite>
<sprite name="experienceBackground">
<image backcolor="darkgray"/>
</sprite>
<sprite name="experienceForeground">
<image backcolor="white"/>
</sprite>
<!-- ================================ ================================ -->
<!-- Chat -->
<!-- ================================ ================================ -->
<sprite name="chatInput">
<image backcolor="255 255 255 192" size="0 0 100% 1"/>
<image backcolor="255 255 255 192" size="100%-1 1 100% 100%-1"/>
<image backcolor="255 255 255 192" size="0 100%-1 100% 100%"/>
<image backcolor="255 255 255 192" size="0 1 1 100%-1"/>
<image backcolor="255 255 255 128" size="0 1 100% 2"/>
<image backcolor="255 255 255 128" size="100%-2 2 100%-1 100%-2"/>
<image backcolor="255 255 255 128" size="0 100%-2 100% 100%-1"/>
<image backcolor="255 255 255 128" size="1 2 2 100%-2"/>
<image backcolor="255 255 255 64" size="0 2 100% 3"/>
<image backcolor="255 255 255 64" size="100%-3 3 100%-2 100%-3"/>
<image backcolor="255 255 255 64" size="0 100%-3 100% 100%-2"/>
<image backcolor="255 255 255 64" size="2 3 3 100%-3"/>
<image backcolor="0 0 0 144" size="3 3 100%-3 100%-3"/>
</sprite>
<sprite name="chatInputHighlight">
<image backcolor="255 165 0 192" size="-2 1 100% 100%+1"/>
</sprite>
<!-- ================================ ================================ -->
<!-- Tooltips -->
<!-- ================================ ================================ -->
<sprite name="BackgroundSessionTooltip">
<image
backcolor="darkbrown"
size="0 0 100% 100%"
/>
<image backcolor="gold" size="0 0 100% 1"/>
<image backcolor="gold" size="0 100%-1 100% 100%"/>
<image backcolor="gold" size="0 0 1 100%"/>
<image backcolor="gold" size="100%-1 0 100% 100%"/>
</sprite>
<sprite name="BackgroundInformationTooltip">
<image
backcolor="0 0 0 192"
size="0 0 100% 100%"
/>
<image backcolor="white" size="0 0 100% 1"/>
<image backcolor="white" size="0 100%-1 100% 100%"/>
<image backcolor="white" size="0 0 1 100%"/>
<image backcolor="white" size="100%-1 0 100% 100%"/>
</sprite>
<sprite name="BackgroundErrorTooltip">
<image
backcolor="0 0 0 192"
size="0 0 100% 100%"
/>
<image backcolor="red" size="0 0 100% 1"/>
<image backcolor="red" size="0 100%-1 100% 100%"/>
<image backcolor="red" size="0 0 1 100%"/>
<image backcolor="red" size="100%-1 0 100% 100%"/>
</sprite>
<!-- ================================ ================================ -->
<!-- Tutorial -->
<!-- ================================ ================================ -->
<sprite name="GuiExplanationPanel">
<image texture="session/hud_panels.png"/>
<!-- top edge -->
<image backcolor="41 32 11" size="0 0 100% 4"/>
<image backcolor="164 133 57" size="2 2 100%-2 3"/>
<image backcolor="221 180 87" size="1 1 100%-1 2"/>
<!-- bottom edge -->
<image backcolor="41 32 11" size="0 100%-4 100% 100%"/>
<image backcolor="164 133 57" size="2 100%-3 100%-2 100%-2"/>
<image backcolor="221 180 87" size="1 100%-2 100%-1 100%-1"/>
<!-- left edge -->
<image backcolor="41 32 11" size="0 4 4 100%-4"/>
<image backcolor="164 133 57" size="2 3 3 100%-3"/>
<image backcolor="221 180 87" size="1 2 2 100%-2"/>
<!-- right edge -->
<image backcolor="41 32 11" size="100%-4 4 100% 100%-4"/>
<image backcolor="164 133 57" size="100%-3 3 100%-2 100%-3"/>
<image backcolor="221 180 87" size="100%-2 2 100%-1 100%-2"/>
</sprite>
<sprite name="GoldenArrowDown">
<image texture="session/golden-arrow_down.png"/>
</sprite>
<sprite name="GoldenArrowUp">
<image texture="session/golden-arrow_down.png" texture_size="0 100% 100% 0"/>
</sprite>
<sprite name="GoldenArrowLeft">
<image texture="session/golden-arrow_left.png"/>
</sprite>
<sprite name="GoldernArrowRight">
<image texture="session/golden-arrow_left.png" texture_size="100% 0 0 100%"/>
</sprite>
<!-- ================================ ================================ -->
<!-- Misc -->
<!-- ================================ ================================ -->
<sprite name="bandbox">
<image backcolor="black" size="0 0 100% 1"/>
<image backcolor="black" size="100%-1 0 100% 100%"/>
<image backcolor="black" size="0 100%-1 100% 100%"/>
<image backcolor="black" size="0 0 1 100%"/>
<image backcolor="white" size="1 1 100%-1 2"/>
<image backcolor="white" size="100%-2 1 100%-1 100%-1"/>
<image backcolor="white" size="1 100%-2 100%-1 100%-1"/>
<image backcolor="white" size="1 1 2 100%-1"/>
</sprite>
<sprite name="sessionOverlayBackground">
<image backcolor="0 0 0 185"/>
</sprite>
<sprite name="ResearchPanelSeparator">
<image backcolor="57 55 30"/>
<image backcolor="89 77 23" size="0 1 100% 2"/>
</sprite>
<!-- ================================ ================================ -->
<!-- Unit portrait -->
<!-- ================================ ================================ -->
<sprite name="snIconPortrait">
<image texture="session/icons/bkg/portrait_black.dds" size="0 0 100% 100%"/>
</sprite>
<sprite name="snIconPortraitOver">
<effect add_color="42 42 42 0"/>
<image texture="session/icons/bkg/portrait_black.dds" size="0 0 100% 100%"/>
</sprite>
<sprite name="snIconPortraitDisabled">
<effect grayscale=""/>
<image texture="session/icons/bkg/portrait_black.dds" size="0 0 100% 100%"/>
</sprite>
</sprites>