본문으로 건너뛰기
cccskills
무료GitHub에 공개

game-art

Game art principles. Visual style selection, asset pipeline, animation workflow.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

연동 도구Blender

실행 점수 미검증

설치 방법 보기

포함된 파일(1)

  • SKILL.md4.9 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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

StyleProduction SpeedSkill FloorScalabilityBest For
Pixel ArtMediumMediumHard to hireIndie, retro
Vector/FlatFastLowEasyMobile, casual
Hand-paintedSlowHighMediumFantasy, stylized
PBR 3DSlowHighAAA pipelineRealistic games
Low-polyFastMediumEasyIndie 3D
Cel-shadedMediumMediumMediumAnime, cartoon

2. Asset Pipeline Decisions

2D Pipeline

PhaseTool OptionsOutput
ConceptPaper, Procreate, PhotoshopReference sheet
CreationAseprite, Photoshop, KritaIndividual sprites
AtlasTexturePacker, AsepriteSpritesheet
AnimationSpine, DragonBones, Frame-by-frameAnimation data
IntegrationEngine importGame-ready assets

3D Pipeline

PhaseTool OptionsOutput
Concept2D art, BlockoutReference
ModelingBlender, Maya, 3ds MaxHigh-poly mesh
RetopologyBlender, ZBrushGame-ready mesh
UV/TexturingSubstance Painter, BlenderTexture maps
RiggingBlender, MayaSkeletal rig
AnimationBlender, Maya, MixamoAnimation clips
ExportFBX, glTFEngine-ready

3. Color Theory Decisions

Palette Selection

GoalStrategyExample
HarmonyComplementary or analogousNature games
ContrastHigh saturation differencesAction games
MoodWarm/cool temperatureHorror, cozy
ReadabilityValue contrast over hueGameplay 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)

PrincipleGame Application
Squash & StretchJump arcs, impacts
AnticipationWind-up before attack
StagingClear silhouettes
Follow-throughHair, capes after movement
Slow in/outEasing on transitions
ArcsNatural movement paths
Secondary ActionBreathing, blinking
TimingFrame count = weight/speed
ExaggerationReadable from distance
AppealMemorable design

Frame Count Guidelines

Action TypeTypical FramesFeel
Idle breathing4-8Subtle
Walk cycle6-12Smooth
Run cycle4-8Energetic
Attack3-6Snappy
Death8-16Dramatic

5. Resolution & Scale Decisions

2D Resolution by Platform

PlatformBase ResolutionSprite Scale
Mobile1080p64-128px characters
Desktop1080p-4K128-256px characters
Pixel art320x180 to 640x36016-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'tDo
Mix art styles randomlyDefine and follow style guide
Work at final resolution onlyCreate at source resolution
Ignore silhouette readabilityTest at gameplay distance
Over-detail backgroundFocus detail on player area
Skip color testingTest on target display

Remember: Art serves gameplay. If it doesn't help the player, it's decoration.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

2d-games

무료

2D game development principles. Sprites, tilemaps, physics, camera.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

umairinayat/Specter-AI192026년 9월 29일 업데이트

3d-games

무료

3D game development principles. Rendering, shaders, physics, cameras.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

umairinayat/Specter-AI192026년 9월 29일 업데이트

API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

umairinayat/Specter-AI192026년 9월 29일 업데이트

Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

umairinayat/Specter-AI192026년 9월 29일 업데이트

Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

umairinayat/Specter-AI192026년 9월 29일 업데이트

Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting. Use when working on macOS or Linux systems.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

umairinayat/Specter-AI192026년 9월 29일 업데이트

umairinayat의 스킬 모두 보기

이 스킬의 문제 신고