game-art

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.