1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
|
#!/usr/bin/env python
"""
Builds all flags into a single sprite image (along with some css).
"""
import os
import re
from typing import IO
from PIL import Image
re_flag_file = re.compile(r"[a-z]{2}.gif$")
FLAG_X, FLAG_Y = 16, 11
def main() -> None:
flag_path = os.path.join(os.path.dirname(__file__), "static", "flags")
files = os.listdir(flag_path)
img = Image.new("RGBA", (26 * FLAG_X, 26 * FLAG_Y))
for name in files:
if not re_flag_file.match(name):
continue
x = (ord(name[0]) - 97) * FLAG_X
y = (ord(name[1]) - 97) * FLAG_Y
flag_img = Image.open(os.path.join(flag_path, name))
img.paste(flag_img, (x, y))
img.save(os.path.join(flag_path, "sprite-hq.png"))
img = img.quantize(method=2, kmeans=1)
img.save(os.path.join(flag_path, "sprite.png"))
css_file = open(os.path.join(flag_path, "sprite.css"), "w")
css_hq_file = open(os.path.join(flag_path, "sprite-hq.css"), "w")
initial_css = (
".flag-sprite {display: inline-block;width:%(x)spx;height:%(y)spx;"
"image-rendering:-moz-crisp-edges;image-rendering:pixelated;"
"image-rendering:-o-crisp-edges;"
"-ms-interpolation-mode:nearest-neighbor;"
"background-image:url('%%s')}" % {"x": FLAG_X, "y": FLAG_Y}
)
css_file.write(initial_css % "sprite.png")
write_coords(css_file, FLAG_X, FLAG_Y)
css_hq_file.write(initial_css % "sprite-hq.png")
write_coords(css_hq_file, FLAG_X, FLAG_Y)
for mult in range(2, 5):
css_hq_file.write(
"\n.flag%sx {background-size:%spx %spx}"
"\n.flag%sx.flag-sprite {width:%spx;height:%spx;}"
% (
mult,
26 * FLAG_X * mult,
26 * FLAG_Y * mult,
mult,
FLAG_X * mult,
FLAG_Y * mult,
)
)
write_coords(
css_hq_file, FLAG_X * mult, FLAG_Y * mult, prefix=".flag%sx" % mult
)
def write_coords(css_file: IO[str], width: int, height: int, prefix: str = "") -> None:
for i in range(26):
x, y = i * width, i * height
code = chr(i + 97)
css_file.write(
"\n{}.flag-{} {{background-position-x:{}}}".format(
prefix, code, x and f"-{x}px"
)
)
css_file.write(
"\n{}.flag-_{} {{background-position-y:{}}}".format(
prefix, code, y and f"-{y}px"
)
)
if __name__ == "__main__":
main()
|
