Add a new winter theme

This commit is contained in:
Lonami Exo 2017-09-09 13:32:25 +02:00
parent e58c0e1a67
commit bb008d9982
11 changed files with 169 additions and 8 deletions

View file

@ -1,6 +1,7 @@
default default
dark dark
darcula darcula
winter
solarized-light solarized-light
solarized-dark solarized-dark
underwater underwater

View file

@ -0,0 +1,26 @@
{
"name": "Winter",
"price": 50,
"colors": {
"background": "81b9b7ff",
"foreground": "ffffffff",
"buttons": [
"1e9dc8ff",
"00e0ffff",
"2fdbdbff",
"51a0e9ff"
],
"empty_cell": "4085bfff",
"cells": [
"d0defbff", "bddedcff", "d9ecf8ff",
"d9f7fcff", "cbe6f1ff", "dfeff2ff", "d9eaf0ff",
"c1dfeaff", "ccdeeaff"
],
"current_score": "165456ff",
"high_score": "633ad2ff",
"bonus": "103caaff",
"band": "0c2e3cff",
"text": "ffffffff"
},
"cell_texture": "snowflake.png"
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 811 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

View file

@ -15,7 +15,7 @@
viewBox="0 0 500.00001 500.00001" viewBox="0 0 500.00001 500.00001"
id="svg2" id="svg2"
version="1.1" version="1.1"
inkscape:version="0.92.1 r" inkscape:version="0.92.2 5c3e80d, 2017-08-06"
sodipodi:docname="buttons.svg"> sodipodi:docname="buttons.svg">
<defs <defs
id="defs4"> id="defs4">
@ -152,9 +152,9 @@
borderopacity="1" borderopacity="1"
inkscape:pageopacity="0" inkscape:pageopacity="0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="0.5" inkscape:zoom="0.70710678"
inkscape:cx="-85.026722" inkscape:cx="262.74365"
inkscape:cy="8.3628693" inkscape:cy="334.23276"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
@ -1241,5 +1241,137 @@
inkscape:connector-curvature="0" /> inkscape:connector-curvature="0" />
</g> </g>
</g> </g>
<g
id="snowflake"
transform="translate(0,-6.5625004)">
<rect
style="opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:0.30000588;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect1007"
width="48.000942"
height="48.000942"
x="0"
y="651.3902"
ry="0" />
<g
transform="matrix(1.0543929,0,0,1.0543929,-1.2610197,-36.71511)"
id="g4745">
<rect
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.84594142;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect1024"
width="5.9662137"
height="43.089325"
x="20.200449"
y="653.45447"
ry="2.9831069" />
<g
id="g4735"
transform="translate(0,-0.05611343)">
<g
transform="translate(0,-0.66291265)"
id="g4721">
<rect
ry="2.9831069"
y="474.94293"
x="-458.59396"
height="14.252625"
width="5.9662137"
id="rect4715"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.48652244;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
transform="rotate(-45)" />
<rect
transform="matrix(-0.70710678,-0.70710678,-0.70710678,0.70710678,0,0)"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.48652244;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4717"
width="5.9662137"
height="14.252625"
x="-491.38046"
y="442.15643"
ry="2.9831069" />
</g>
<g
transform="matrix(1,0,0,-1,0,1350.7734)"
id="g4727">
<rect
transform="rotate(-45)"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.48652244;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4723"
width="5.9662137"
height="14.252625"
x="-458.59396"
y="474.94293"
ry="2.9831069" />
<rect
ry="2.9831069"
y="442.15643"
x="-491.38046"
height="14.252625"
width="5.9662137"
id="rect4725"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.48652244;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
transform="matrix(-0.70710678,-0.70710678,-0.70710678,0.70710678,0,0)" />
</g>
</g>
</g>
<g
transform="matrix(0,1.0543929,-1.0543929,0,734.8978,650.55456)"
id="g4763">
<rect
ry="2.9831069"
y="653.45447"
x="20.200449"
height="43.089325"
width="5.9662137"
id="rect4747"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.84594142;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<g
transform="translate(0,-0.05611343)"
id="g4761">
<g
id="g4753"
transform="translate(0,-0.66291265)">
<rect
transform="rotate(-45)"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.48652244;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4749"
width="5.9662137"
height="14.252625"
x="-458.59396"
y="474.94293"
ry="2.9831069" />
<rect
ry="2.9831069"
y="442.15643"
x="-491.38046"
height="14.252625"
width="5.9662137"
id="rect4751"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.48652244;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
transform="matrix(-0.70710678,-0.70710678,-0.70710678,0.70710678,0,0)" />
</g>
<g
id="g4759"
transform="matrix(1,0,0,-1,0,1350.7734)">
<rect
ry="2.9831069"
y="474.94293"
x="-458.59396"
height="14.252625"
width="5.9662137"
id="rect4755"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.48652244;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
transform="rotate(-45)" />
<rect
transform="matrix(-0.70710678,-0.70710678,-0.70710678,0.70710678,0,0)"
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.48652244;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4757"
width="5.9662137"
height="14.252625"
x="-491.38046"
y="442.15643"
ry="2.9831069" />
</g>
</g>
</g>
</g>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 87 KiB

View file

@ -43,7 +43,8 @@ cells = [
'basic', 'basic',
'bubble', 'bubble',
'ghost', 'ghost',
'drop' 'drop',
'snowflake'
] ]
inkscape_default_dpi = 90 inkscape_default_dpi = 90
@ -54,7 +55,7 @@ gen_only = sys.argv[1:]
for multiplier in multipliers: for multiplier in multipliers:
folder = os.path.join(root, f'x{multiplier}') folder = os.path.join(root, f'x{multiplier}')
os.makedirs(folder, exist_ok=True) os.makedirs(folder, exist_ok=True)
dpi = int(inkscape_default_dpi * multiplier) dpi = int(inkscape_default_dpi * multiplier)
print('Generating assets for', folder) print('Generating assets for', folder)
for objectid in ids: for objectid in ids:
@ -68,7 +69,7 @@ for multiplier in multipliers:
# -d to specify the DPI # -d to specify the DPI
run(f'inkscape -z -i{objectid} -j -e{filename} -d{dpi} {svg}', run(f'inkscape -z -i{objectid} -j -e{filename} -d{dpi} {svg}',
shell=True, stdout=DEVNULL) shell=True, stdout=DEVNULL)
folder = os.path.join(folder, 'cells') folder = os.path.join(folder, 'cells')
os.makedirs(folder, exist_ok=True) os.makedirs(folder, exist_ok=True)
for cellid in cells: for cellid in cells:

View file

@ -56,9 +56,10 @@ code {
<br /> <br />
<label for="cellTexture">Cell texture:</label> <label for="cellTexture">Cell texture:</label>
<select id="cellTexture" onchange="updateJson()"> <select id="cellTexture" onchange="updateJson()">
<option value="default.png">Default</option> <option value="basic.png">Basic</option>
<option value="circle.png">Circle</option> <option value="circle.png">Circle</option>
<option value="bubble.png">Bubble</option> <option value="bubble.png">Bubble</option>
<option value="snowflake.png">Snowflake</option>
</select> </select>
<br /> <br />
<label for="pieceColor">Piece color:</label> <label for="pieceColor">Piece color:</label>