UNPKG

spritesheet-templates

Version:

Convert spritesheet data into CSS or CSS pre-processor data

github.com/twolfson/spritesheet-templates

twolfson/spritesheet-templates

68 lines • 1.76 kB
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
{ "sprite-dash-case": { "x": 0, "y": 0, "width": 10, "height": 20, "image": "nested/dir/spritesheet.png", "escaped_image": "nested/dir/spritesheet.png", "total_width": 80, "total_height": 100, "offset_x": 0, "offset_y": 0, "px": { "x": "0px", "y": "0px", "offset_x": "0px", "offset_y": "0px", "height": "20px", "width": "10px", "total_height": "100px", "total_width": "80px" } }, "sprite_snake_case": { "x": 10, "y": 20, "width": 20, "height": 30, "image": "nested/dir/spritesheet.png", "escaped_image": "nested/dir/spritesheet.png", "total_width": 80, "total_height": 100, "offset_x": -10, "offset_y": -20, "px": { "x": "10px", "y": "20px", "offset_x": "-10px", "offset_y": "-20px", "height": "30px", "width": "20px", "total_height": "100px", "total_width": "80px" } }, "spriteCamelCase": { "x": 30, "y": 50, "width": 50, "height": 50, "image": "nested/dir/spritesheet.png", "escaped_image": "nested/dir/spritesheet.png", "total_width": 80, "total_height": 100, "offset_x": -30, "offset_y": -50, "px": { "x": "30px", "y": "50px", "offset_x": "-30px", "offset_y": "-50px", "height": "50px", "width": "50px", "total_height": "100px", "total_width": "80px" } } }