Game Art Principles
Visual design thinking for games - style selection, asset pipelines, and art direction.
1. Art Style Selection
Decision Tree
What feeling should the game evoke?
│
├── Nostalgic / Retro
│ ├── Limited palette? → Pixel Art
│ └── Hand-drawn feel? → Vector / Flash style
│
├── Realistic / Immersive
│ ├── High budget? → PBR 3D
│ └── Stylized realism? → Hand-painted textures
│
├── Approachable / Casual
│ ├── Clean shapes? → Flat / Minimalist
│ └── Soft feel? → Gradient / Soft shadows
│
└── Unique / Experimental
└── Define custom style guide
Style Comparison Matrix
| Style |
Production Speed |
Skill Floor |
Scalability |
Best For |
| Pixel Art |
Medium |
Medium |
Hard to hire |
Indie, retro |
| Vector/Flat |
Fast |
Low |
Easy |
Mobile, casual |
| Hand-painted |
Slow |
High |
Medium |
Fantasy, stylized |
| PBR 3D |
Slow |
High |
AAA pipeline |
Realistic games |
| Low-poly |
Fast |
Medium |
Easy |
Indie 3D |
| Cel-shaded |
Medium |
Medium |
Medium |
Anime, cartoon |
2. Asset Pipeline Decisions
2D Pipeline
| Phase |
Tool Options |
Output |
| Concept |
Paper, Procreate, Photoshop |
Reference sheet |
| Creation |
Aseprite, Photoshop, Krita |
Individual sprites |
| Atlas |
TexturePacker, Aseprite |
Spritesheet |
| Animation |
Spine, DragonBones, Frame-by-frame |
Animation data |
| Integration |
Engine import |
Game-ready assets |
3D Pipeline
| Phase |
Tool Options |
Output |
| Concept |
2D art, Blockout |
Reference |
| Modeling |
Blender, Maya, 3ds Max |
High-poly mesh |
| Retopology |
Blender, ZBrush |
Game-ready mesh |
| UV/Texturing |
Substance Painter, Blender |
Texture maps |
| Rigging |
Blender, Maya |
Skeletal rig |
| Animation |
Blender, Maya, Mixamo |
Animation clips |
| Export |
FBX, glTF |
Engine-ready |
3. Color Theory Decisions
Palette Selection
| Goal |
Strategy |
Example |
| Harmony |
Complementary or analogous |
Nature games |
| Contrast |
High saturation differences |
Action games |
| Mood |
Warm/cool temperature |
Horror, cozy |
| Readability |
Value contrast over hue |
Gameplay clarity |
Color Principles
- Hierarchy: Important elements should pop
- Consistency: Same object = same color family
- Context: Colors read differently on backgrounds
- Accessibility: Don't rely only on color
4. Animation Principles
The 12 Principles (Applied to Games)
| Principle |
Game Application |
| Squash & Stretch |
Jump arcs, impacts |
| Anticipation |
Wind-up before attack |
| Staging |
Clear silhouettes |
| Follow-through |
Hair, capes after movement |
| Slow in/out |
Easing on transitions |
| Arcs |
Natural movement paths |
| Secondary Action |
Breathing, blinking |
| Timing |
Frame count = weight/speed |
| Exaggeration |
Readable from distance |
| Appeal |
Memorable design |
Frame Count Guidelines
| Action Type |
Typical Frames |
Feel |
| Idle breathing |
4-8 |
Subtle |
| Walk cycle |
6-12 |
Smooth |
| Run cycle |
4-8 |
Energetic |
| Attack |
3-6 |
Snappy |
| Death |
8-16 |
Dramatic |
5. Resolution & Scale Decisions
2D Resolution by Platform
| Platform |
Base Resolution |
Sprite Scale |
| Mobile |
1080p |
64-128px characters |
| Desktop |
1080p-4K |
128-256px characters |
| Pixel art |
320x180 to 640x360 |
16-32px characters |
Consistency Rule
Choose a base unit and stick to it:
- Pixel art: Work at 1x, scale up (never down)
- HD art: Define DPI, maintain ratio
- 3D: 1 unit = 1 meter (industry standard)
6. Asset Organization
Naming Convention
[type]_[object]_[variant]_[state].[ext]
Examples:
spr_player_idle_01.png
tex_stone_wall_normal.png
mesh_tree_oak_lod2.fbx
Folder Structure Principle
assets/
├── characters/
│ ├── player/
│ └── enemies/
├── environment/
│ ├── props/
│ └── tiles/
├── ui/
├── effects/
└── audio/
7. Anti-Patterns
| Don't |
Do |
| Mix art styles randomly |
Define and follow style guide |
| Work at final resolution only |
Create at source resolution |
| Ignore silhouette readability |
Test at gameplay distance |
| Over-detail background |
Focus detail on player area |
| Skip color testing |
Test on target display |
Remember: Art serves gameplay. If it doesn't help the player, it's decoration.
When to Use
This skill is applicable to execute the workflow or actions described in the overview.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
1---2name: game-art3description: Game art principles. Visual style selection, asset pipeline, animation workflow.4---5
6# Game Art Principles
7
8> Visual design thinking for games - style selection, asset pipelines, and art direction.
9
10---
11
12## 1. Art Style Selection
13
14### Decision Tree
15
16```
17What feeling should the game evoke?
18│
19├── Nostalgic / Retro
20│ ├── Limited palette? → Pixel Art
21│ └── Hand-drawn feel? → Vector / Flash style
22│
23├── Realistic / Immersive
24│ ├── High budget? → PBR 3D
25│ └── Stylized realism? → Hand-painted textures
26│
27├── Approachable / Casual
28│ ├── Clean shapes? → Flat / Minimalist
29│ └── Soft feel? → Gradient / Soft shadows
30│
31└── Unique / Experimental
32 └── Define custom style guide
33```
34
35### Style Comparison Matrix
36
37| Style | Production Speed | Skill Floor | Scalability | Best For |
38|-------|------------------|-------------|-------------|----------|
39| **Pixel Art** | Medium | Medium | Hard to hire | Indie, retro |
40| **Vector/Flat** | Fast | Low | Easy | Mobile, casual |
41| **Hand-painted** | Slow | High | Medium | Fantasy, stylized |
42| **PBR 3D** | Slow | High | AAA pipeline | Realistic games |
43| **Low-poly** | Fast | Medium | Easy | Indie 3D |
44| **Cel-shaded** | Medium | Medium | Medium | Anime, cartoon |
45
46---
47
48## 2. Asset Pipeline Decisions
49
50### 2D Pipeline
51
52| Phase | Tool Options | Output |
53|-------|--------------|--------|
54| **Concept** | Paper, Procreate, Photoshop | Reference sheet |
55| **Creation** | Aseprite, Photoshop, Krita | Individual sprites |
56| **Atlas** | TexturePacker, Aseprite | Spritesheet |
57| **Animation** | Spine, DragonBones, Frame-by-frame | Animation data |
58| **Integration** | Engine import | Game-ready assets |
59
60### 3D Pipeline
61
62| Phase | Tool Options | Output |
63|-------|--------------|--------|
64| **Concept** | 2D art, Blockout | Reference |
65| **Modeling** | Blender, Maya, 3ds Max | High-poly mesh |
66| **Retopology** | Blender, ZBrush | Game-ready mesh |
67| **UV/Texturing** | Substance Painter, Blender | Texture maps |
68| **Rigging** | Blender, Maya | Skeletal rig |
69| **Animation** | Blender, Maya, Mixamo | Animation clips |
70| **Export** | FBX, glTF | Engine-ready |
71
72---
73
74## 3. Color Theory Decisions
75
76### Palette Selection
77
78| Goal | Strategy | Example |
79|------|----------|---------|
80| **Harmony** | Complementary or analogous | Nature games |
81| **Contrast** | High saturation differences | Action games |
82| **Mood** | Warm/cool temperature | Horror, cozy |
83| **Readability** | Value contrast over hue | Gameplay clarity |
84
85### Color Principles
86
87- **Hierarchy:** Important elements should pop
88- **Consistency:** Same object = same color family
89- **Context:** Colors read differently on backgrounds
90- **Accessibility:** Don't rely only on color
91
92---
93
94## 4. Animation Principles
95
96### The 12 Principles (Applied to Games)
97
98| Principle | Game Application |
99|-----------|------------------|
100| **Squash & Stretch** | Jump arcs, impacts |
101| **Anticipation** | Wind-up before attack |
102| **Staging** | Clear silhouettes |
103| **Follow-through** | Hair, capes after movement |
104| **Slow in/out** | Easing on transitions |
105| **Arcs** | Natural movement paths |
106| **Secondary Action** | Breathing, blinking |
107| **Timing** | Frame count = weight/speed |
108| **Exaggeration** | Readable from distance |
109| **Appeal** | Memorable design |
110
111### Frame Count Guidelines
112
113| Action Type | Typical Frames | Feel |
114|-------------|----------------|------|
115| Idle breathing | 4-8 | Subtle |
116| Walk cycle | 6-12 | Smooth |
117| Run cycle | 4-8 | Energetic |
118| Attack | 3-6 | Snappy |
119| Death | 8-16 | Dramatic |
120
121---
122
123## 5. Resolution & Scale Decisions
124
125### 2D Resolution by Platform
126
127| Platform | Base Resolution | Sprite Scale |
128|----------|-----------------|--------------|
129| Mobile | 1080p | 64-128px characters |
130| Desktop | 1080p-4K | 128-256px characters |
131| Pixel art | 320x180 to 640x360 | 16-32px characters |
132
133### Consistency Rule
134
135Choose a base unit and stick to it:
136- Pixel art: Work at 1x, scale up (never down)
137- HD art: Define DPI, maintain ratio
138- 3D: 1 unit = 1 meter (industry standard)
139
140---
141
142## 6. Asset Organization
143
144### Naming Convention
145
146```
147[type]_[object]_[variant]_[state].[ext]
148
149Examples:
150spr_player_idle_01.png
151tex_stone_wall_normal.png
152mesh_tree_oak_lod2.fbx
153```
154
155### Folder Structure Principle
156
157```
158assets/
159├── characters/
160│ ├── player/
161│ └── enemies/
162├── environment/
163│ ├── props/
164│ └── tiles/
165├── ui/
166├── effects/
167└── audio/
168```
169
170---
171
172## 7. Anti-Patterns
173
174| Don't | Do |
175|-------|-----|
176| Mix art styles randomly | Define and follow style guide |
177| Work at final resolution only | Create at source resolution |
178| Ignore silhouette readability | Test at gameplay distance |
179| Over-detail background | Focus detail on player area |
180| Skip color testing | Test on target display |
181
182---
183
184> **Remember:** Art serves gameplay. If it doesn't help the player, it's decoration.
185
186## When to Use
187This skill is applicable to execute the workflow or actions described in the overview.
188
189## Limitations
190- Use this skill only when the task clearly matches the scope described above.
191- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
192- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
bouclem