Communitygithub.com

SamuelChien/mega-skills-collection

Principes de développement de jeux 2D. Sprites, tilemaps, physique, caméra.

Qu'est-ce que mega-skills-collection ?

Ce skill fournit un guide complet et structuré pour le développement de jeux 2D, couvrant les systèmes essentiels comme les sprites, les tilemaps, la physique et les caméras. Il est conçu pour aider les développeurs à créer des jeux 2D clairs et efficaces en suivant des principes éprouvés et en évitant les anti-patrons courants. Les sujets abordés incluent l'organisation des sprites (atlas, animation, pivot, calques), la conception de tilemaps (taille, auto-tuilage, collision), la gestion de la physique 2D (formes de collision, timestep fixe), et les systèmes de caméra (suivi, anticipe, multi-cible, par pièce). Le skill propose également des modèles de conception pour les jeux de plateforme (coyote time, buffering de saut) et les jeux en vue du dessus (mouvement 8 directions, visée), ainsi qu'une section sur les anti-patrons. Il est utile pour tout développeur utilisant des agents IA comme Claude Code, Cursor ou Codex pour implémenter des mécaniques de jeu 2D, en fournissant des lignes directrices claires et des bonnes pratiques directement exploitables.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Développement de jeux 2D

Principes pour les systèmes de jeux 2D.


1. Systèmes de sprites

Organisation des sprites

ComposantObjectif
AtlasCombiner les textures, réduire les appels de dessin
AnimationSéquences d'images
PivotOrigine de rotation/échelle
CalquesContrôle de l'ordre Z

Principes d'animation

  • Fréquence d'images : 8-24 FPS typique
  • Écrasement et étirement pour l'impact
  • Anticipation avant l'action
  • Suivi après l'action

2. Conception de tilemaps

Considérations sur les tuiles

FacteurRecommandation
Taille16x16, 32x32, 64x64
Auto-tuilageÀ utiliser pour le terrain
CollisionFormes simplifiées

Calques

CalqueContenu
Arrière-planDécors non interactifs
TerrainSol praticable
AccessoiresObjets interactifs
Premier planSuperposition de parallaxe

3. Physique 2D

Formes de collision

FormeCas d'utilisation
BoîteObjets rectangulaires
CercleBalles, formes arrondies
CapsulePersonnages
PolygoneFormes complexes

Considérations physiques

  • Pixel parfait contre basée sur la physique
  • Pas de temps fixe pour la cohérence
  • Calques pour le filtrage

4. Systèmes de caméra

Types de caméra

TypeUtilisation
SuiviSuivre le joueur
AnticipationAnticiper le mouvement
Multi-cibleDeux joueurs
Par pièceMetroidvania

Tremblement d'écran

  • Durée courte (50-200 ms)
  • Intensité décroissante
  • Utiliser avec parcimonie

5. Modèles par genre

Jeu de plateforme

  • Temps coyote (tolérance après le bord)
  • Mise en mémoire tampon des sauts
  • Hauteur de saut variable

Vue du dessus

  • Mouvement à 8 directions ou libre
  • Visée manuelle ou automatique
  • Considérer la rotation ou non

6. Anti-patrons

❌ À éviter✅ À faire
Textures séparéesUtiliser des atlas
Formes de collision complexesCollision simplifiée
Caméra saccadéeSuivi fluide
Pixel parfait sur la physiqueChoisir une approche

Souvenez-vous : La 2D repose sur la clarté. Chaque pixel doit communiquer.

Quand l'utiliser

Cette compétence est applicable pour exécuter le flux de travail ou les actions décrits dans l'aperçu.

Limitations

  • Utilisez cette compétence uniquement lorsque la tâche correspond clairement au périmètre décrit ci-dessus.
  • Ne traitez pas la sortie comme un substitut à une validation spécifique à l'environnement, à des tests ou à un examen par un expert.
  • Arrêtez-vous et demandez des clarifications si les entrées, autorisations, limites de sécurité ou critères de succès requis sont manquants.

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 associés