2d-games

Guide developers in designing 2D game systems from sprites to camera control.

Updated Mar 3, 2025
One-click install
npx skills add https://github.com/cyhinverse/YiBu --skill 2d-games-cyhinverse
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: 2d-games
Source: https://github.com/cyhinverse/YiBu/tree/main/.agents/skills/game-development/2d-games
Command: npx skills add https://github.com/cyhinverse/YiBu --skill 2d-games-cyhinverse

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured set of principles for building robust 2D game systems, covering sprite organization, tilemap design, physics, and camera behavior to streamline development and design clarity.

Core Features & Use Cases

  • Sprite organization: atlas, animation, pivot, layering
  • Tilemap design: tile sizes, auto-tiling, collision, layers
  • 2D physics: collision shapes, physics considerations
  • Camera systems: follow, look-ahead, multi-target, room-based
  • Genre patterns: platformer, top-down
  • Anti-patterns: avoid texture waste, unnecessary complexity, jittery camera
  • Real-world use: plan a 2D game architecture and iterate visuals quickly

Quick Start

Outline your game's sprite, tilemap, physics, and camera requirements to start prototyping a 2D game.

Frequently Asked Questions about 2d-games

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I organize 2D game sprites and tilemaps to avoid texture waste?

Organize 2D game sprites using sprite atlases and proper animation pivots to avoid texture waste. Design tilemaps with clear layering, appropriate tile sizes, and auto-tiling to maintain visual clarity and streamline development.

What is the best way to implement a 2D game camera without jitter?

Implement a 2D game camera by defining specific behavior patterns like follow, look-ahead, multi-target, or room-based tracking. Following these architectural principles ensures smooth transitions and prevents the jittery camera anti-pattern.

How do I set up collision shapes for 2D physics in a platformer?

Set up 2D physics collision shapes by applying genre-specific patterns for platformers or top-down adventures. Use testable patterns and recommended defaults to ensure robust collision detection without introducing unnecessary complexity.

Can I use these 2D game design principles for both platformers and top-down adventures?

Yes, these 2D game design principles apply to both platformers and top-down adventures. The architectural guidelines cover sprite management, tilemap layering, physics considerations, and camera systems tailored for these specific genre patterns.

Why does my 2D game architecture have unnecessary complexity and how do I fix it?

Your 2D game architecture has unnecessary complexity if it ignores recommended defaults and structured design principles. Fix it by documenting architectural principles, using testable patterns for sprite and tilemap management, and avoiding anti-patterns.