2d-games
2D game development principles. Sprites, atlases, tilemaps, physics, cameras, and genre patterns (platformer, top-down). Use for canvas/Phaser/Kaplay/Pixi 2D games or guest viewports inside hybrid web apps.
Profile →npx skills add sickn33/agentic-awesome-skills --skill 2d-games --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 2D Game Development > Principles for 2D game systems. Pair with `game-development/web-games` / `game-development/engine-selection` for framework choice. --- ## Shell vs guest (web) | Setup | 2D systems live… | |-------|------------------| | Full-screen 2D game | Entire app (Phaser/Kaplay/Pixi/Canvas) | | Hybrid DOM + challenges | Only inside guest viewports; tear down when done | --- ## 1. Sprite Systems | Component | Purpose | |-----------|---------| | **Atlas** | Combine textures, reduce draw calls | | **Animation** | Frame sequences (often 8-24 FPS) | | **Pivot** | Rotation/scale origin | | **Layering** | Z-order control | ### Animation Principles - Squash and stretch for impact - Anticipation before action - Follow-through after action --- ## 2. Tilemap Design | Factor | Recommendation | |--------|----------------| | **Size** | 16x16, 32x32, 64x64 | | **Auto-tiling** | Use for terrain | | **Collision** | Simplified shapes | | Layer | Content | |-------|---------| | Background | Non-interactive scenery | | Terrain | Walkable ground | | Props | Interactive objects | | Foreground | Parallax overlay | --- ## 3. 2D Physics | Shape | Use Case | |-------|----------| | Box | Rectangu
- Shell vs guest (web)
- 1. Sprite Systems
- Animation Principles
- 2. Tilemap Design
- 3. 2D Physics
- 4. Camera Systems
- Screen Shake
- 5. Genre Patterns
- Platformer
- Top-down
- 6. Anti-Patterns
- When to Use
- Limitations
What does the 2d-games skill do?
2D game development principles. Sprites, atlases, tilemaps, physics, cameras, and genre patterns (platformer, top-down). Use for canvas/Phaser/Kaplay/Pixi 2D games or guest viewports inside hybrid web apps.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill 2d-games --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.