Communitygithub.com

Desarrollo de Juegos 2D

Principios para sistemas de juegos 2D. Sprites, tilemaps, física, cámara.

¿Qué es Desarrollo de Juegos 2D?

Esta habilidad proporciona principios fundamentales para el desarrollo de juegos 2D, cubriendo sistemas de sprites, diseño de tilemaps, física 2D, sistemas de cámara y patrones de género. Es útil para desarrolladores y agentes de IA que trabajan en motores de juegos 2D como Unity, Godot o frameworks como Pygame. La habilidad se basa en un documento SKILL.md estructurado que incluye tablas de organización, recomendaciones técnicas y antipatrones, explicando cómo optimizar texturas con atlas, configurar animaciones, manejar colisiones y elegir tipos de cámara. Su enfoque es práctico y didáctico, ideal para generar o revisar código de juegos 2D de manera eficiente.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SamuelChien/mega-skills-collection/tree/HEAD/2d-games

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace Desarrollo de Juegos 2D?

Principios para sistemas de juegos 2D.


1. Sistemas de Sprites

Organización de Sprites

ComponentePropósito
AtlasCombinar texturas, reducir llamadas de dibujo
AnimaciónSecuencias de fotogramas
PivoteOrigen de rotación/escala
CapasControl de orden Z

Principios de Animación

  • Velocidad de fotogramas: típicamente 8-24 FPS
  • Estirar y encoger para impacto
  • Anticipación antes de la acción
  • Continuación después de la acción

2. Diseño de Tilemaps

Consideraciones de Tiles

FactorRecomendación
Tamaño16x16, 32x32, 64x64
Auto-tileadoUsar para terrenos
ColisiónFormas simplificadas

Capas

CapaContenido
FondoEscenario no interactivo
TerrenoSuelo transitable
AccesoriosObjetos interactivos
Primer planoSuperposición de paralaje

3. Física 2D

Formas de Colisión

FormaCaso de Uso
CajaObjetos rectangulares
CírculoPelotas, redondeados
CápsulaPersonajes
PolígonoFormas complejas

Consideraciones de Física

  • Píxel perfecto vs basado en física
  • Paso de tiempo fijo para consistencia
  • Capas para filtrado

4. Sistemas de Cámara

Tipos de Cámara

TipoUso
SeguimientoSeguir al jugador
AnticipaciónPrever movimiento
MultiobjetivoDos jugadores
Por habitacionesMetroidvania

Sacudida de Pantalla

  • Duración corta (50-200 ms)
  • Intensidad decreciente
  • Usar con moderación

5. Patrones por Género

Plataformas

  • Tiempo de coyote (tolerancia tras borde)
  • Amortiguación de salto
  • Altura de salto variable

Vista Superior

  • Movimiento en 8 direcciones o libre
  • Apuntado manual o automático
  • Considerar rotación o no

6. Antipatrones

❌ No hacer✅ Hacer
Texturas separadasUsar atlas
Formas de colisión complejasColisión simplificada
Cámara temblorosaSeguimiento suave
Píxel perfecto en físicaElegir un enfoque

Recuerda: 2D se trata de claridad. Cada píxel debe comunicar.

Cuándo Usar

Esta habilidad es aplicable para ejecutar el flujo de trabajo o las acciones descritas en la visión general.

Limitaciones

  • Usa esta habilidad solo cuando la tarea coincida claramente con el alcance descrito anteriormente.
  • No trates el resultado como un sustituto de validación específica del entorno, pruebas o revisión experta.
  • Detente y pide aclaraciones si faltan entradas requeridas, permisos, límites de seguridad o criterios de éxito.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

SamuelChien/mega-skills-collection

Security audit, hardening, threat modeling (STRIDE/PASTA), Red/Blue Team, OWASP checks, code review, incident response, and infrastructure security for any project.

SamuelChien/mega-skills-collection

Arquitecto de Soluciones Principal y Consultor Tecnológico de Andru.ia. Diagnostica y traza la hoja de ruta óptima para proyectos de IA en español.

SamuelChien/mega-skills-collection

Ingeniero de Sistemas de Andru.ia. Diseña, redacta y despliega nuevas habilidades (skills) dentro del repositorio siguiendo el Estándar de Diamante.

SamuelChien/mega-skills-collection

Estratega de Inteligencia de Dominio de Andru.ia. Analiza el nicho específico de un proyecto para inyectar conocimientos, regulaciones y estándares únicos del sector. Actívalo tras definir el nicho.

SamuelChien/mega-skills-collection

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

SamuelChien/mega-skills-collection

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.

SamuelChien/mega-skills-collection

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.

SamuelChien/mega-skills-collection

Ab Test Analyzer - Auto-activating skill for Data Analytics. Triggers on: ab test analyzer, ab test analyzer Part of the Data Analytics skill category.

SamuelChien/mega-skills-collection

A B Test Config Creator - Auto-activating skill for ML Deployment. Triggers on: a b test config creator, a b test config creator Part of the ML Deployment skill category.

SamuelChien/mega-skills-collection

When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "conversion experiment," "statistical significance," or "test this." For tracking implementation, see analytics-tracking.

SamuelChien/mega-skills-collection

Acceptance Criteria Creator - Auto-activating skill for Enterprise Workflows. Triggers on: acceptance criteria creator, acceptance criteria creator Part of the Enterprise Workflows skill category.

SamuelChien/mega-skills-collection

Use when a coding task should be driven end-to-end from issue intake through implementation, review, deployment, and acceptance verification with minimal human re-intervention.

SamuelChien/mega-skills-collection

Accessibility Audit Runner - Auto-activating skill for Frontend Development. Triggers on: accessibility audit runner, accessibility audit runner Part of the Frontend Development skill category.

SamuelChien/mega-skills-collection

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.

SamuelChien/mega-skills-collection

Web accessibility patterns for WCAG 2.2 compliance including ARIA, keyboard navigation, screen readers, and testing

SamuelChien/mega-skills-collection

Manage Discord channel access — approve pairings, edit allowlists, set DM/group policy. Use when the user asks to pair, approve someone, check who's allowed, or change policy for the Discord channel.

SamuelChien/mega-skills-collection

Create unified specification packages across Business, Development, and Design teams. Staged elaboration (L0 Vision → L1 Requirements → L2 Team Detail → L3 Acceptance Criteria) to build shared understanding. Does not write code.

SamuelChien/mega-skills-collection

Research a company or person and get actionable sales intel. Works standalone with web search, supercharged when you connect enrichment tools or your CRM. Trigger with "research [company]", "look up [person]", "intel on [prospect]", "who is [name] at [company]", or "tell me about [company]".

SamuelChien/mega-skills-collection

Create forensically sound bit-for-bit disk images using dd and dcfldd while preserving evidence integrity through hash verification.

SamuelChien/mega-skills-collection

Validate messaging consistency across website, GitHub repos, and local documentation generating read-only discrepancy reports. Use when checking content alignment or finding mixed messaging. Trigger with phrases like "check consistency", "validate documentation", or "audit messaging".

Skills relacionados