Add a new button style: 'BrownButton'

Each sprite is comprised of dynamically scaled 9 slices stored in a designated directory.
Base, over, pressed, and disabled variants are combined into a button style called
'BrownButton'.

The sprites have a native/maximum total resolution of 266 x 74 pixels.
(which is larger than any other button sprites)

Brightness of the base sprite is kept neutral so that it fits on both
light and dark backgrounds.

Disable compression and mipmapping as they don't work well with sliced
sprites.
This commit is contained in:
Vantha 2025-04-22 16:24:56 +02:00 committed by Nicolas Auvray
parent 18ef4b6a1a
commit f65e839ac5
30 changed files with 230 additions and 0 deletions

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:cb9a3f9882398071852320e656a09ead90965ae23a3276fccf2e513cd0b4ba5f
size 2160

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:25f1df0feea566a54c78e20fec625e93139755d4e2ffdcfc971961f839f75d23
size 319

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:554d9251467d6d92871f8faf8c341e1e42f90162487453494f7ab1417f1e4b51
size 298

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:a1d0eec5cec736ea185bbaaed747d4694eb248fdc558a2720407ad11c5ecb300
size 22541

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:9fcef85093b8a4f21aa47c6b22a0fa8dba53d4781b58e5aad2abd28497400c56
size 1215

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:847e654f315d29d3c37ef71b2664d10c7e6c520573664eeaac84e922aef7c72f
size 887

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:63367968f48d4ee58d42c03627376b3684acc8107fb84ba8645963b68f675ef2
size 2293

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:06d8aa9f9e85a3904d724c60a6d5c3201ab681063b3f3156509b47c7d93de965
size 363

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:17fa214e6809adfed4c31a242380a318d92ab2ba70b874efd26a4de61c6fda23
size 344

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:8e887cd7925b1a92b5d36da8478252d105de317d08ecb3bd8c36a79ec2051bc3
size 2812

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:f686247e167746cd3f9f9755081ac36ab5c085c6622a152ede7f07591f5694c3
size 322

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:cd13cb0b803532c0c9767786778f0c41eb6d9e98b0a68954244fbea3592f5c4f
size 309

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:03eb0c16391bcaf2abfa44b3fa840c04e0144a9edbb334de591c8825ab319bd3
size 29535

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:079d97cbdce00e5ccf894cd843714fc03cb44855b7c511e6b145a6643057cbc8
size 1173

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:902c9df7360b032d7ef90868616b9fb12aa39a9aa10becc8d84bb98d83fa72c2
size 1085

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:12c2180133d812e2e52ab22649a7d009a3a6af999305901b66db754a7c5c26a7
size 2990

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:a48436e1f5231fd220a4e9978bcf9161a7853e13633acb1975ab815117594b39
size 362

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:ac92ccc6a7eaa6af419441760aba07919ce82403cbfb7883f924082245f8ebe4
size 356

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:004812922aed86ce65ab91527c69f595c2ff1ddc964bdb74a60732f59b295868
size 2888

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:bb2e763c9f84c9a0b9c424dbcd3b49a94c3aea353386a3952de57ae6e08514c4
size 327

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:446aac570e6b026c50c46bad732911f1e1223f400daaa15a23705fbe7ffca6f7
size 311

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:94adc5ac9d10a479d1092442f3647f56e6da3cbe7242aa27fa9f24b10108c320
size 29742

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:c5892737a3758acce121d9f8d94ce18783b70920740abdce0b0108275126b76a
size 1140

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:c46a621fe5e1ec03bb38702b78624b9484ed9daf466ca6bafc3b032da7368100
size 1067

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:fcc21116133951e9db8444373edb7864f7443907bc80b5e9118467616d31cd0d
size 2979

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:8cecec5a47af32f33e48bb394ea99753ac66ade1012b3606d6afff5e9769cb54
size 357

View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:a21be1227db5a913a14446fdc852ed8193da2a559eacd91d18551eddbfe951f0
size 356

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="utf-8"?>
<Textures>
<File pattern="*" format="rgba" mipmap="false"/>
</Textures>

View file

@ -223,6 +223,138 @@
==========================================
-->
<sprite name="BrownButton">
<image texture="global/button/button_brown/base/center.png"
size="5 5 100%-5 100%-5"
/>
<image texture="global/button/button_brown/base/left_edge.png"
size="0 5 8 100%-5"
/>
<image texture="global/button/button_brown/base/top_edge.png"
size="5 0 100%-5 8"
/>
<image texture="global/button/button_brown/base/right_edge.png"
size="100%-8 5 100% 100%-5"
/>
<image texture="global/button/button_brown/base/bottom_edge.png"
size="5 100%-8 100%-5 100%"
/>
<image texture="global/button/button_brown/base/top_left_corner.png"
size="0 0 8 8"
/>
<image texture="global/button/button_brown/base/top_right_corner.png"
size="100%-8 0 100% 8"
/>
<image texture="global/button/button_brown/base/bottom_right_corner.png"
size="100%-8 100%-8 100% 100%"
/>
<image texture="global/button/button_brown/base/bottom_left_corner.png"
size="0 100%-8 8 100%"
/>
</sprite>
<sprite name="BrownButtonOver">
<image texture="global/button/button_brown/over/center.png"
size="5 5 100%-5 100%-5"
/>
<image texture="global/button/button_brown/over/left_edge.png"
size="0 5 8 100%-5"
/>
<image texture="global/button/button_brown/over/top_edge.png"
size="5 0 100%-5 8"
/>
<image texture="global/button/button_brown/over/right_edge.png"
size="100%-8 5 100% 100%-5"
/>
<image texture="global/button/button_brown/over/bottom_edge.png"
size="5 100%-8 100%-5 100%"
/>
<image texture="global/button/button_brown/over/top_left_corner.png"
size="0 0 8 8"
/>
<image texture="global/button/button_brown/over/top_right_corner.png"
size="100%-8 0 100% 8"
/>
<image texture="global/button/button_brown/over/bottom_right_corner.png"
size="100%-8 100%-8 100% 100%"
/>
<image texture="global/button/button_brown/over/bottom_left_corner.png"
size="0 100%-8 8 100%"
/>
</sprite>
<sprite name="BrownButtonPressed">
<image texture="global/button/button_brown/pressed/center.png"
size="5 5 100%-5 100%-5"
/>
<image texture="global/button/button_brown/pressed/left_edge.png"
size="0 5 8 100%-5"
/>
<image texture="global/button/button_brown/pressed/top_edge.png"
size="5 0 100%-5 8"
/>
<image texture="global/button/button_brown/pressed/right_edge.png"
size="100%-8 5 100% 100%-5"
/>
<image texture="global/button/button_brown/pressed/bottom_edge.png"
size="5 100%-8 100%-5 100%"
/>
<image texture="global/button/button_brown/pressed/top_left_corner.png"
size="0 0 8 8"
/>
<image texture="global/button/button_brown/pressed/top_right_corner.png"
size="100%-8 0 100% 8"
/>
<image texture="global/button/button_brown/pressed/bottom_right_corner.png"
size="100%-8 100%-8 100% 100%"
/>
<image texture="global/button/button_brown/pressed/bottom_left_corner.png"
size="0 100%-8 8 100%"
/>
</sprite>
<sprite name="BrownButtonDisabled">
<effect grayscale=""/>
<image texture="global/button/button_brown/base/center.png"
size="5 5 100%-5 100%-5"
/>
<image texture="global/button/button_brown/base/left_edge.png"
size="0 5 8 100%-5"
/>
<image texture="global/button/button_brown/base/top_edge.png"
size="5 0 100%-5 8"
/>
<image texture="global/button/button_brown/base/right_edge.png"
size="100%-8 5 100% 100%-5"
/>
<image texture="global/button/button_brown/base/bottom_edge.png"
size="5 100%-8 100%-5 100%"
/>
<image texture="global/button/button_brown/base/top_left_corner.png"
size="0 0 8 8"
/>
<image texture="global/button/button_brown/base/top_right_corner.png"
size="100%-8 0 100% 8"
/>
<image texture="global/button/button_brown/base/bottom_right_corner.png"
size="100%-8 100%-8 100% 100%"
/>
<image texture="global/button/button_brown/base/bottom_left_corner.png"
size="0 100%-8 8 100%"
/>
<image backcolor="100 100 100 60"/>
</sprite>
<sprite name="StoneButton">
<image texture="global/button/button_stone_unselected.png"
real_texture_placement="0 0 256 28"

View file

@ -58,6 +58,19 @@
==========================================
-->
<style name="BrownButton"
sprite="BrownButton"
sprite_disabled="BrownButtonDisabled"
sprite_over="BrownButtonOver"
sprite_pressed="BrownButtonPressed"
font="sans-bold-stroke-14"
textcolor="white"
textcolor_disabled="210 210 210 160"
text_align="center"
text_valign="center"
sound_pressed="audio/interface/ui/ui_button_click.ogg"
/>
<style name="StoneButtonFancy"
sprite="StoneButton"
sprite_disabled="StoneButtonDisabled"