1
0
Fork 0
mirror of https://github.com/tonytins/dressupzack synced 2025-06-27 09:04:42 -04:00

Modular character design (#12)

Legs, shirt and the head are now independent sprites that can be changed separately. New clothes can be made from a template instead of having to work within a blank space. This removes the need for extra layers and placeholders while opening the door to creating new scenes and migrating over to new styles.

This wasn't always possible until the SVG port removed the Adobe Animate dependency. The layers and placeholders were there because the original Flash game was based around a drag-and-drop design. Tony's Dress Up was initially intended to be a 1:1 port of the Flash game which is why it wasn't done sooner.

New Emoji-based shirts based on Twemoji because the idea sounded fun. Credits will eventually be added in-game but for now it's in the README. For the time being, a few of the ZC's Dress Up-era shirts have pulled because they were never properly ported over during the remaster.
This commit is contained in:
Anthony Leland 2020-07-15 13:26:20 -04:00 committed by GitHub
parent cc051276d4
commit c406ed56d2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
134 changed files with 3044 additions and 1963 deletions

View file

@ -1,6 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
@ -9,13 +7,13 @@
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg1568"
width="106"
height="112"
viewBox="0 0 106 112"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="fundosi.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
viewBox="0 0 110.95358 129.13097"
height="129.13097"
width="110.95358"
id="svg1568"
version="1.1">
<metadata
id="metadata1574">
<rdf:RDF>
@ -31,72 +29,109 @@
<defs
id="defs1572" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1001"
id="namedview1570"
showgrid="false"
inkscape:pagecheckerboard="true"
inkscape:zoom="11.9198"
inkscape:cx="77.040608"
inkscape:cy="75.892047"
inkscape:window-x="-9"
inkscape:window-y="-9"
inkscape:window-maximized="1"
inkscape:current-layer="layer3"
fit-margin-top="0"
fit-margin-left="0"
inkscape:document-rotation="0"
fit-margin-bottom="0"
fit-margin-right="0"
fit-margin-bottom="0" />
fit-margin-left="0"
fit-margin-top="0"
inkscape:current-layer="layer3"
inkscape:window-maximized="1"
inkscape:window-y="-9"
inkscape:window-x="-9"
inkscape:cy="21.411065"
inkscape:cx="78.237963"
inkscape:zoom="11.9198"
inkscape:pagecheckerboard="true"
showgrid="false"
id="namedview1570"
inkscape:window-height="1001"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
inkscape:groupmode="layer"
id="layer4"
inkscape:label="Color"
sodipodi:insensitive="true">
<path
style="fill:#005500;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 55.95731,16.444706 11.99685,27.349452 15.604289,-10.067283 2.013456,-3.523549 -0.922834,-5.453112 4.949748,-9.060555 0.41947,-1.090622 -14.429772,3.020185 -19.631207,-1.174516"
id="path5859"
inkscape:connector-curvature="0" />
transform="translate(1.1973547,-7.5003284)"
sodipodi:insensitive="true"
inkscape:label="Base"
id="layer2"
inkscape:groupmode="layer">
<g
transform="matrix(3.7795276,0,0,3.7795276,-1.1973547,2.4649935)"
id="g4521">
<g
style="display:inline"
transform="translate(-81.705925,-154.45556)"
id="layer1"
inkscape:label="Layer 1" />
<g
transform="translate(-5.1279453,-51.149461)"
inkscape:label="Color"
id="layer3-6">
<path
sodipodi:nodetypes="cccccccc"
inkscape:connector-curvature="0"
id="path831-5"
d="m 31.277528,52.54814 c 0.123737,9.510183 1.595727,14.061304 0.897694,24.75744 5.989076,7.622458 -5.466142,9.257207 -8.457219,1.795388 0,-4.946536 0.06144,-10.808711 0.04725,-15.73326 -3.051778,4.577667 -6.271659,11.54185 -7.843006,17.103423 6.066786,9.10018 -9.274496,5.51039 -10.15811,0.18899 5.089364,-6.263833 7.053048,-18.83034 9.506101,-26.36384 5.531825,-0.758534 10.854887,-0.961768 16.00729,-1.748141 z"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
sodipodi:nodetypes="zczczzcczscz"
inkscape:connector-curvature="0"
id="path857"
d="m 15.270238,54.296281 c -0.52762,2.533268 6.446629,6.5124 8.920238,7.984749 4.741466,-1.55146 7.056167,-4.214834 7.606771,-7.654018 0.550604,-3.439184 0.377976,22.678568 0.377976,22.678568 0,0 2.67882,4.233216 0.566965,5.76414 -2.111855,1.530924 -7.638158,-0.210531 -9.024185,-3.968752 -1.386027,-3.758221 0.472473,-16.819938 0.472473,-16.819938 l -8.268229,18.1901 c 0,0 2.807966,4.177084 0.330729,5.764141 -2.477237,1.587057 -11.6490399,-3.641913 -10.488839,-5.57515 2.8840394,-4.80566 7.654018,-18.520832 7.654018,-18.520832 0,0 2.379703,-10.376276 1.852083,-7.843008 z"
style="fill:#0276b1;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
<g
transform="translate(-5.1279453,-51.149461)"
style="display:inline"
inkscape:label="Re-ink"
id="layer2-9">
<path
sodipodi:nodetypes="ccccccc"
inkscape:connector-curvature="0"
id="path831"
d="m 31.277528,52.54814 c 1.05918,9.510183 1.595725,14.061303 0.897695,24.75744 5.989074,7.622458 -5.466143,9.257205 -8.45722,1.795387 0,-4.946535 0.06144,-10.808709 0.04725,-15.733259 -3.051778,4.577668 -6.271659,11.541849 -7.843006,17.103422 6.066786,9.10018 -9.2744956,5.510391 -10.1581101,0.188989 C 10.853501,74.396286 12.817185,61.82978 15.270238,54.296281"
style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer3"
transform="translate(1.1973547,-7.5003284)"
inkscape:label="Color"
id="layer4"
inkscape:groupmode="layer">
<path
sodipodi:nodetypes="cccccc"
inkscape:connector-curvature="0"
id="path5859"
d="M 55.95731,16.444706 67.95416,43.794158 C 80.013679,37.232834 84.637888,32.21308 89.598819,15.689659 l 0.41947,-1.090622 -14.429772,3.020185 -19.631207,-1.174516"
style="fill:#005500;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
<g
transform="translate(198.94311,97.381032)"
inkscape:label="Re-ink"
transform="translate(197.74576,104.88136)">
id="layer3"
inkscape:groupmode="layer">
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m -162.51027,-90.450111 c 0,0 25.48557,3.882332 38.25568,3.104079 9.28979,-0.566151 27.34945,-5.6209 27.34945,-5.6209"
sodipodi:nodetypes="cac"
inkscape:connector-curvature="0"
id="path2137"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cac" />
d="m -162.51027,-90.450111 c 0,0 25.48378,3.852316 38.25568,3.104079 9.08292,-0.532119 26.762192,-5.369218 26.762192,-5.369218"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m -106.63685,-90.617899 c 0,0 -7.16482,7.287267 -6.29205,13.255256 0.87277,5.967989 -0.23772,6.332477 -16.10765,15.855971 -2.73984,0.292841 -12.7519,-26.929982 -12.7519,-26.929982 l -0.75504,-3.439655"
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path2139"
d="m -106.63685,-90.617899 c -7.98941,19.930049 -12.63986,23.196015 -22.3997,29.111227 -2.73984,0.292841 -12.7519,-26.929982 -12.7519,-26.929982"
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
sodipodi:nodetypes="cczc" />
<path
style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -129.87549,-77.698219 c 1.73092,-1.189006 3.51247,-1.655985 5.78868,-1.845669"
id="path2141"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -110.57987,-90.030641 0.33558,-2.013457"
id="path2143"
inkscape:connector-curvature="0" />
<path
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -131.38559,-64.610751 0.75505,8.808872 4.86585,-7.71825 -3.27186,2.013457 z"
id="path2145"
inkscape:connector-curvature="0" />
d="m -131.38559,-64.610751 0.75505,8.808872 4.86585,-7.71825 -3.27186,2.013457 z"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

Before After
Before After