README.md
1This is a simple guide to making sprites that will fit in the style of C-Dogs. Consistency is the most important thing; it doesn't matter how good an individual sprite looks, if it looks different from the rest it will stick out and make the whole thing look bad!
2
3## Summary
4
5![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/barrel_blue.png)
6![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/wall/plasteel/o.png)
7![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/plant.png)
8![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/box.png)
9![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/rocket.png)
10
11C-Dogs sprites are:
12
13 - Pixel art
14 - Somewhat limited palette
15 - Lit from the top-left, with a secondary light from the bottom-left
16 - Some objects, like pickups, cast a 1px full black shadow along its bottom-right
17
18### Colours
19
20Try to use the limited palette that original C-Dogs uses. Not all current sprites are like this (https://github.com/cxong/cdogs-sdl/issues/388).
21
22![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/palette.png)
23
24If you use GIMP, you can also import this palette using
25 - Windows > Palettes
26 - Right click the list > Import Palette... > find palette.png
27 - Open an image you want to palettise
28 - Image > Mode > Indexed... > Use custom palette > select the imported C-Dogs palette
29
30### Lighting
31
32The primary light is from the top-left. This means that:
33
34 - Top and left edges are brightest
35 - The top surface is brighter than the front surface
36
37Take these examples:
38
39![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/box.png)
40![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/wall/plasteel/o.png)
41
42There are up to 7 shades used for the various surfaces and edges. Here they are in an ASCII diagram, from brightest (1) to darkest (7):
43
44 +---+---------+---+
45 | 1 | 2 | 3 |
46 +---+---------+---+
47 | | | |
48 | 2 | 3 | 4 |
49 | | | |
50 +---+---------+---+
51 | 3 | 4 | 5 |
52 +---+---------+---+
53 | | | |
54 | 4 | 5 | 6 |
55 | | | |
56 +---+---------+---+
57 | 5 | 6 | 7 |
58 +---+---------+---+
59
60For round objects in particular, there is a secondary light from the bottom-left. This is just to make the object look nice, and accentuate the roundness.
61
62![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/barrel_blue.png)
63![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/rocket.png)
64
65### Shadows
66
67For tall objects and pickups, there's a drop shadow to the bottom-right, 1px thick (unless the object is taller), pure black.
68
69![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/keys/dungeon/blue.png)
70![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/bottle.png)
71![](https://github.com/cxong/cdogs-sdl/blob/master/graphics/disk1.png)
72