⚠️ AUTHORIZED USE ONLY — This skill is intended for authorized security professionals only. Use only against systems you own or have explicit written permission to test. Unauthorized use may violate applicable laws.
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.
🏰 Rei Skills — Curated by Rootcastle Engineering & Innovation | Batuhan Ayrıbaş
Engineering Beyond Boundaries | admin@rootcastle.com
1---2name: game-art3description: Game art principles. Visual style selection, asset pipeline, animation workflow.4---56> ⚠️ **AUTHORIZED USE ONLY** — This skill is intended for authorized security professionals only. Use only against systems you own or have explicit written permission to test. Unauthorized use may violate applicable laws.789# Game Art Principles1011> Visual design thinking for games - style selection, asset pipelines, and art direction.1213---1415## 1. Art Style Selection1617### Decision Tree1819```20What feeling should the game evoke?21│22├── Nostalgic / Retro23│ ├── Limited palette? → Pixel Art24│ └── Hand-drawn feel? → Vector / Flash style25│26├── Realistic / Immersive27│ ├── High budget? → PBR 3D28│ └── Stylized realism? → Hand-painted textures29│30├── Approachable / Casual31│ ├── Clean shapes? → Flat / Minimalist32│ └── Soft feel? → Gradient / Soft shadows33│34└── Unique / Experimental35 └── Define custom style guide36```3738### Style Comparison Matrix3940| Style | Production Speed | Skill Floor | Scalability | Best For |41|-------|------------------|-------------|-------------|----------|42| **Pixel Art** | Medium | Medium | Hard to hire | Indie, retro |43| **Vector/Flat** | Fast | Low | Easy | Mobile, casual |44| **Hand-painted** | Slow | High | Medium | Fantasy, stylized |45| **PBR 3D** | Slow | High | AAA pipeline | Realistic games |46| **Low-poly** | Fast | Medium | Easy | Indie 3D |47| **Cel-shaded** | Medium | Medium | Medium | Anime, cartoon |4849---5051## 2. Asset Pipeline Decisions5253### 2D Pipeline5455| Phase | Tool Options | Output |56|-------|--------------|--------|57| **Concept** | Paper, Procreate, Photoshop | Reference sheet |58| **Creation** | Aseprite, Photoshop, Krita | Individual sprites |59| **Atlas** | TexturePacker, Aseprite | Spritesheet |60| **Animation** | Spine, DragonBones, Frame-by-frame | Animation data |61| **Integration** | Engine import | Game-ready assets |6263### 3D Pipeline6465| Phase | Tool Options | Output |66|-------|--------------|--------|67| **Concept** | 2D art, Blockout | Reference |68| **Modeling** | Blender, Maya, 3ds Max | High-poly mesh |69| **Retopology** | Blender, ZBrush | Game-ready mesh |70| **UV/Texturing** | Substance Painter, Blender | Texture maps |71| **Rigging** | Blender, Maya | Skeletal rig |72| **Animation** | Blender, Maya, Mixamo | Animation clips |73| **Export** | FBX, glTF | Engine-ready |7475---7677## 3. Color Theory Decisions7879### Palette Selection8081| Goal | Strategy | Example |82|------|----------|---------|83| **Harmony** | Complementary or analogous | Nature games |84| **Contrast** | High saturation differences | Action games |85| **Mood** | Warm/cool temperature | Horror, cozy |86| **Readability** | Value contrast over hue | Gameplay clarity |8788### Color Principles8990- **Hierarchy:** Important elements should pop91- **Consistency:** Same object = same color family92- **Context:** Colors read differently on backgrounds93- **Accessibility:** Don't rely only on color9495---9697## 4. Animation Principles9899### The 12 Principles (Applied to Games)100101| Principle | Game Application |102|-----------|------------------|103| **Squash & Stretch** | Jump arcs, impacts |104| **Anticipation** | Wind-up before attack |105| **Staging** | Clear silhouettes |106| **Follow-through** | Hair, capes after movement |107| **Slow in/out** | Easing on transitions |108| **Arcs** | Natural movement paths |109| **Secondary Action** | Breathing, blinking |110| **Timing** | Frame count = weight/speed |111| **Exaggeration** | Readable from distance |112| **Appeal** | Memorable design |113114### Frame Count Guidelines115116| Action Type | Typical Frames | Feel |117|-------------|----------------|------|118| Idle breathing | 4-8 | Subtle |119| Walk cycle | 6-12 | Smooth |120| Run cycle | 4-8 | Energetic |121| Attack | 3-6 | Snappy |122| Death | 8-16 | Dramatic |123124---125126## 5. Resolution & Scale Decisions127128### 2D Resolution by Platform129130| Platform | Base Resolution | Sprite Scale |131|----------|-----------------|--------------|132| Mobile | 1080p | 64-128px characters |133| Desktop | 1080p-4K | 128-256px characters |134| Pixel art | 320x180 to 640x360 | 16-32px characters |135136### Consistency Rule137138Choose a base unit and stick to it:139- Pixel art: Work at 1x, scale up (never down)140- HD art: Define DPI, maintain ratio141- 3D: 1 unit = 1 meter (industry standard)142143---144145## 6. Asset Organization146147### Naming Convention148149```150[type]_[object]_[variant]_[state].[ext]151152Examples:153spr_player_idle_01.png154tex_stone_wall_normal.png155mesh_tree_oak_lod2.fbx156```157158### Folder Structure Principle159160```161assets/162├── characters/163│ ├── player/164│ └── enemies/165├── environment/166│ ├── props/167│ └── tiles/168├── ui/169├── effects/170└── audio/171```172173---174175## 7. Anti-Patterns176177| Don't | Do |178|-------|-----|179| Mix art styles randomly | Define and follow style guide |180| Work at final resolution only | Create at source resolution |181| Ignore silhouette readability | Test at gameplay distance |182| Over-detail background | Focus detail on player area |183| Skip color testing | Test on target display |184185---186187> **Remember:** Art serves gameplay. If it doesn't help the player, it's decoration.188189## When to Use190This skill is applicable to execute the workflow or actions described in the overview.191192---193194> 🏰 **Rei Skills** — Curated by [Rootcastle Engineering & Innovation](https://www.rootcastle.com) | Batuhan Ayrıbaş 195> Engineering Beyond Boundaries | admin@rootcastle.com
rootcastleco