Added sprites

master
Mark 2024-01-26 22:57:46 -08:00
parent 45a6c5bc02
commit 481c1071a5
Signed by: Mark
GPG Key ID: C6D63995FE72FD80
3 changed files with 469 additions and 0 deletions

BIN
render/ui/outfit-bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
render/ui/shop-sep-bar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

469
sources/ui/outfit-bg.svg Normal file
View File

@ -0,0 +1,469 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
id="svg2"
version="1.1"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
sodipodi:docname="outfit-bg.svg"
inkscape:export-filename="../sprite.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
viewBox="0 0 512 512"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs4">
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5380"
id="linearGradient5409-1-3"
gradientUnits="userSpaceOnUse"
x1="54.403843"
y1="557.36218"
x2="195.5"
y2="557.36218" />
<linearGradient
id="linearGradient5380">
<stop
style="stop-color:#1e1e1e;stop-opacity:1;"
offset="0"
id="stop5382" />
<stop
style="stop-color:#646464;stop-opacity:1;"
offset="1"
id="stop5384" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5380"
id="linearGradient5411-3-7"
gradientUnits="userSpaceOnUse"
gradientTransform="rotate(-90,245,557.36218)"
x1="54.403843"
y1="557.36218"
x2="195.5"
y2="557.36218" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5380"
id="linearGradient5413-2-8"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0,1,1,0,-552.36218,552.45834)"
x1="54.403843"
y1="557.36218"
x2="195.5"
y2="557.36218" />
<rect
x="-48.760735"
y="-279.70926"
width="98.818863"
height="56.239605"
id="rect10-0-9" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#1a1a1a"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.0579687"
inkscape:cx="237.24709"
inkscape:cy="437.15848"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1280"
inkscape:window-height="1384"
inkscape:window-x="1280"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:showpageshadow="true"
inkscape:pagecheckerboard="false"
inkscape:deskcolor="#292929"
labelstyle="default"
shape-rendering="auto"
inkscape:clip-to-page="false"
borderlayer="true"
showborder="true">
<inkscape:grid
type="xygrid"
id="grid2985"
empspacing="5"
visible="false"
enabled="true"
snapvisiblegridlinesonly="true"
originx="0"
originy="0"
spacingy="1"
spacingx="1"
units="px" />
</sodipodi:namedview>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-792.36218)">
<g
id="g10-1"
transform="matrix(11.227098,0,0,11.227098,-2274.4283,-11101.667)">
<g
inkscape:label="Layer 1"
id="layer1-6-6-5"
transform="matrix(0.189228,0,0,0.189228,201.8269,906.62814)">
<g
transform="translate(0,500)"
id="g4039-1-4">
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3949-5-9"
d="M 120,240 V 40"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path3951-5-2"
d="m 130,522.36218 v -190"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path3953-4-5"
d="m 140,352.36218 v 150"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3955-7-7"
d="M 150,50 V 230"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path3957-6-4"
d="m 160,522.36218 v -190"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3959-5-9"
d="M 170,70 V 190"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3961-6-9"
d="M 180,40 V 200"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3963-9-4"
d="M 190,220 V 90"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3965-3-5"
d="M 200,40 V 190"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3969-7-9"
d="M 220,190 V 60"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3971-4-3"
d="m 230,80 v 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path3973-5-57"
d="m 110,352.36218 v 150"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3975-2-0"
d="M 100,230 V 40"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3977-5-8"
d="M 90,50 V 200"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3979-4-1"
d="M 80,230 V 30"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3981-7-9"
d="M 70,50 V 190"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3983-4-9"
d="M 60,210 V 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3985-4-7"
d="M 50,40 V 170"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3987-3-8"
d="M 40,200 V 50"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3991-0-2"
d="M 20,160 V 80"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3995-7-5"
d="m 70,30 h 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3997-8-3"
d="M 200,40 H 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3999-6-4"
d="M 40,50 H 150"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4001-8-9"
d="M 50,60 H 210"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4005-8-0"
d="M 220,70 H 30"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4007-4-2"
d="M 50,80 H 170"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4009-3-01"
d="M 230,90 H 80"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4011-1-96"
d="M 20,100 H 190"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4013-4-2"
d="M 240,110 H 10"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4015-9-1"
d="M 20,120 H 180"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4017-2-2"
d="M 230,130 H 60"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4019-0-0"
d="M 20,140 H 220"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4021-6-7"
d="M 240,150 H 60"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4023-8-3"
d="M 20,160 H 170"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4025-9-11"
d="M 220,170 H 60"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4027-2-9"
d="M 40,180 H 180"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4029-6-0"
d="M 220,190 H 80"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4031-6-5"
d="M 50,200 H 180"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4033-4-6"
d="M 200,210 H 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4037-9-7"
d="M 170,230 H 80"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
<g
id="g5396-5-7"
transform="translate(-0.5,250.5)">
<path
sodipodi:open="true"
sodipodi:end="6.2831853"
sodipodi:start="4.712389"
transform="matrix(1.4285714,0,0,1.4285714,-104.99999,200.21933)"
d="m 210,250 a 35,35 0 0 1 35,35"
sodipodi:ry="35"
sodipodi:rx="35"
sodipodi:cy="285"
sodipodi:cx="210"
id="path3925-0-4"
style="fill:none;stroke:#646464;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
sodipodi:type="arc"
sodipodi:arc-type="arc" />
<path
inkscape:connector-curvature="0"
id="path3927-4-0"
d="M 195,557.36218 H 54.903843"
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient5409-1-3);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
sodipodi:type="arc"
style="fill:none;stroke:#1e1e1e;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path3929-8-6"
sodipodi:cx="210"
sodipodi:cy="285"
sodipodi:rx="35"
sodipodi:ry="35"
d="m 210,250 a 35,35 0 0 1 35,35"
transform="matrix(-1.4285714,0,0,1.4285714,354.99999,200.21933)"
sodipodi:start="4.712389"
sodipodi:end="6.2831853"
sodipodi:open="true"
sodipodi:arc-type="arc" />
<path
sodipodi:type="arc"
style="fill:none;stroke:#1e1e1e;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path3935-7-47"
sodipodi:cx="210"
sodipodi:cy="285"
sodipodi:rx="35"
sodipodi:ry="35"
d="M 223.95622,252.9029 A 35,35 0 0 1 245,285"
transform="matrix(1.4285714,0,0,-1.4285714,-104.99999,1154.505)"
sodipodi:start="5.1225414"
sodipodi:end="6.2831853"
sodipodi:open="true"
sodipodi:arc-type="arc" />
<path
sodipodi:open="true"
sodipodi:end="6.2831853"
sodipodi:start="5.1225414"
transform="matrix(-1.4285714,0,0,-1.4285714,354.99999,1154.505)"
d="M 223.95622,252.9029 A 35,35 0 0 1 245,285"
sodipodi:ry="35"
sodipodi:rx="35"
sodipodi:cy="285"
sodipodi:cx="210"
id="path3945-7-2"
style="fill:none;stroke:#646464;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
sodipodi:type="arc"
sodipodi:arc-type="arc" />
<path
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient5411-3-7);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="M 245,607.36218 V 747.45834"
id="path5388-2-6"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
id="path5392-6-6"
d="M 5,747.45834 V 607.36218"
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient5413-2-8);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 21 KiB