Communitygithub.com

2D-Spieleentwicklung

Prinzipien der 2D-Spieleentwicklung: Sprites, Tilemaps, Physik und Kamerasysteme.

Was ist 2D-Spieleentwicklung?

Dieser Skill vermittelt grundlegende Prinzipien für die Entwicklung von 2D-Spielen und deckt zentrale Systeme wie Sprite-Organisation, Tilemap-Design, 2D-Physik und Kamerasteuerung ab. Er richtet sich an Entwickler, die mit Engines wie Godot, Unity oder Phaser arbeiten, und bietet bewährte Methoden sowie Anti-Patterns für gängige Genres wie Plattformer und Top-Down-Spiele. Der Skill erklärt, wie man Sprites effizient in Atlanten bündelt, Animationen mit Squash-and-Stretch gestaltet und Kollisionsformen optimiert. Außerdem werden Kameratypen (Follow, Look-ahead, Multi-Target, Room-based) und deren Einsatz beschrieben. Der Fokus liegt auf klaren, performanten und wiederverwendbaren 2D-Systemen.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht 2D-Spieleentwicklung?

Prinzipien für 2D-Spielsyteme.


1. Sprite-Systeme

Sprite-Organisation

KomponenteZweck
AtlasTexturen zusammenfassen, Draw-Calls reduzieren
AnimationBildsequenzen
PivotUrsprung für Drehung/Skalierung
SchichtungZ-Reihenfolge steuern

Animationsprinzipien

  • Bildrate: typischerweise 8-24 FPS
  • Stauchen und Strecken für Wirkung
  • Vorbereitung vor der Aktion
  • Nachziehen nach der Aktion

2. Tilemap-Design

Tile-Überlegungen

FaktorEmpfehlung
Größe16x16, 32x32, 64x64
Auto-TilingFür Gelände verwenden
KollisionVereinfachte Formen

Ebenen

EbeneInhalt
HintergrundNicht interaktive Kulisse
GeländeBegehbarer Boden
ObjekteInteraktive Gegenstände
VordergrundParallax-Overlay

3. 2D-Physik

Kollisionsformen

FormAnwendungsfall
KastenRechteckige Objekte
KreisBälle, abgerundete Formen
KapselCharaktere
PolygonKomplexe Formen

Physikalische Überlegungen

  • Pixelgenau vs. physikbasiert
  • Feste Zeitschritte für Konsistenz
  • Ebenen zur Filterung

4. Kamerasysteme

Kameratypen

TypVerwendung
FolgekameraSpieler verfolgen
VorausschauBewegung antizipieren
MultizielZwei Spieler
RaumbasiertMetroidvania

Bildschirmerschütterung

  • Kurze Dauer (50-200 ms)
  • Abnehmende Intensität
  • Sparsam einsetzen

5. Genre-Muster

Plattformer

  • Coyote-Zeit (Nachsicht nach Kantenüberschreitung)
  • Sprung-Pufferung
  • Variable Sprunghöhe

Top-Down

  • 8-Richtungs- oder freie Bewegung
  • Zielorientiert oder automatisches Zielen
  • Drehung erwägen oder nicht

6. Anti-Patterns

❌ Nicht tun✅ Tun
Getrennte TexturenAtlanten verwenden
Komplexe KollisionsformenVereinfachte Kollision
Ruckelige KameraSanftes Folgen
Pixelgenau bei PhysikEine Methode wählen

Denk dran: Bei 2D geht es um Klarheit. Jedes Pixel sollte etwas aussagen.

Wann verwenden

Dieser Skill ist anwendbar, um den im Überblick beschriebenen Workflow oder die Aktionen auszuführen.

Einschränkungen

  • Verwende diesen Skill nur, wenn die Aufgabe eindeutig mit dem oben beschriebenen Umfang übereinstimmt.
  • Betrachte die Ausgabe nicht als Ersatz für umgebungsspezifische Validierung, Tests oder fachliche Prüfung.
  • Halte inne und frage nach, falls erforderliche Eingaben, Berechtigungen, Sicherheitsgrenzen oder Erfolgskriterien fehlen.

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".

Verwandte Skills