Skip to content
2d-games logo

2D Game Development

2d-games

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

SKILL.md

Full skill instructions

2D Game Development

Principles for 2D game systems.


1. Sprite Systems

Sprite Organization

ComponentPurpose
AtlasCombine textures, reduce draw calls
AnimationFrame sequences
PivotRotation/​scale origin
LayeringZ-order control

Animation Principles

  • Frame rate: 8-24 FPS typical
  • Squash and stretch for impact
  • Anticipation before action
  • Follow-through after action

2. Tilemap Design

Tile Considerations

FactorRecommendation
Size16x16, 32x32, 64x64
Auto-tilingUse for terrain
CollisionSimplified shapes

Layers

LayerContent
BackgroundNon-interactive scenery
TerrainWalkable ground
PropsInteractive objects
ForegroundParallax overlay

3. 2D Physics

Collision Shapes

ShapeUse Case
BoxRectangular objects
CircleBalls, rounded
CapsuleCharacters
PolygonComplex shapes

Physics Considerations

  • Pixel-perfect vs physics-based
  • Fixed timestep for consistency
  • Layers for filtering

4. Camera Systems

Camera Types

TypeUse
FollowTrack player
Look-aheadAnticipate movement
Multi-targetTwo-player
Room-basedMetroidvania

Screen Shake

  • Short duration (50-200ms)
  • Diminishing intensity
  • Use sparingly

5. Genre Patterns

Platformer

  • Coyote time (leniency after edge)
  • Jump buffering
  • Variable jump height

Top-down

  • 8-directional or free movement
  • Aim-based or auto-aim
  • Consider rotation or not

6. Anti-Patterns

❌ Don't✅ Do
Separate texturesUse atlases
Complex collision shapesSimplified collision
Jittery cameraSmooth following
Pixel-perfect on physicsChoose one approach

Remember: 2D is about clarity. Every pixel should communicate.

More skills from darthlinuxer

brainstorming logo
darthlinuxer/Agentic-Skills

brainstorming

Socratic questioning protocol + user communication. MANDATORY for complex

1 0
View
app-builder logo
darthlinuxer/Agentic-Skills

app-builder

Main application building orchestrator. Creates full-stack applications

1 0
View
frontend-development logo
darthlinuxer/Agentic-Skills

frontend-development

Frontend development guidelines for React/TypeScript applications. Modern

1 0
View
nodejs-best-practices logo
darthlinuxer/Agentic-Skills

nodejs-best-practices

Node.js development principles and decision-making. Framework selection,

1 0
View
game-design logo
darthlinuxer/Agentic-Skills

game-design

Game design principles. GDD structure, balancing, player psychology,

1 0
View
test-driven-development logo
darthlinuxer/Agentic-Skills

test-driven-development

Primary methodology for implementing features and bugfixes - enforces

1 0
View
powershell-windows logo
darthlinuxer/Agentic-Skills

powershell-windows

PowerShell Windows patterns. Critical pitfalls, operator syntax, error

1 0
View
using-superpowers logo
darthlinuxer/Agentic-Skills

using-superpowers

Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions

1 0
View
gemini logo
darthlinuxer/Agentic-Skills

gemini

Global behavior rules for the workspace.

1 0
View
red-team-tactics logo
darthlinuxer/Agentic-Skills

red-team-tactics

Red team tactics principles based on MITRE ATT&CK. Attack phases, detection

1 0
View
ui-ux-pro-max logo
darthlinuxer/Agentic-Skills

ui-ux-pro-max

Generate a UI/UX design system using local datasets and scripts. Use

1 0
View
pc-games logo
darthlinuxer/Agentic-Skills

pc-games

PC and console game development principles. Engine selection, platform

1 0
View

Popular AI tools

Kaiber logo
Video

Kaiber

Generate, edit, and beat-sync AI video with leading models in one workspace.

Paid
View
Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View

Transform Your Design with AI Designer by ImgCreator.ai

Freemium
View
Akool AI logo
Content & writing

Akool AI

Revolutionizing Video Production with AI-Powered Creativity

Paid
View

Extend an image past the frame and let AI fill the new aspect ratio.

Freemium
View
StarByFace logo
Security

StarByFace

Discover your celebrity doppelgänger with StarByFace!

Free
View
C

ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.

Freemium
View
Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View