Communitygithub.com

SamuelChien/mega-skills-collection

2D 게임 개발 원리. 스프라이트, 타일맵, 물리, 카메라.

mega-skills-collection란 무엇인가요?

이 스킬은 2D 게임 개발의 핵심 원리와 시스템을 포괄적으로 다룹니다. 스프라이트 시스템, 타일맵 디자인, 2D 물리, 카메라 시스템 및 장르별 패턴을 포함하여 개발자가 2D 게임을 효과적으로 설계하고 구현할 수 있도록 안내합니다. 이 스킬은 다양한 게임 엔진(예: Godot, Unity 등)에서 적용 가능하며, 플랫폼에 구애받지 않는 일반적인 개념을 제공합니다. 각 섹션은 스프라이트 아틀라스 사용, 충돌 모양 최적화, 부드러운 카메라 추적과 같은 실용적인 조언과 안티 패턴을 제시하여 초보자와 숙련된 개발자 모두에게 유용합니다. SKILL.md 문서는 구조화된 표, 예제, 그리고 2D 개발에서 명확성과 효율성을 중시하는 철학을 강조합니다.

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

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

2D 게임 개발

2D 게임 시스템의 원리.


1. 스프라이트 시스템

스프라이트 조직

구성 요소목적
아틀라스텍스처 결합, 드로우 콜 감소
애니메이션프레임 시퀀스
피벗회전/크기 조절 기준점
레이어링Z-순서 제어

애니메이션 원리

  • 프레임 속도: 일반적으로 8-24 FPS
  • 임팩트를 위한 스쿼시 앤 스트레치
  • 동작 전 준비 동작
  • 동작 후 후속 동작

2. 타일맵 디자인

타일 고려 사항

요소권장사항
크기16x16, 32x32, 64x64
자동 타일링지형에 사용
충돌단순화된 형태

레이어

레이어내용
배경상호작용하지 않는 배경
지형걸을 수 있는 바닥
소품상호작용 가능한 오브젝트
전경시차 오버레이

3. 2D 물리

충돌 형태

형태사용 사례
상자직사각형 오브젝트
원공, 둥근 것
캡슐캐릭터
다각형복잡한 형태

물리 고려 사항

  • 픽셀 완벽 vs 물리 기반
  • 일관성을 위한 고정 타임스텝
  • 필터링을 위한 레이어

4. 카메라 시스템

카메라 유형

유형용도
추적플레이어 따라가기
선행 보기움직임 예측
다중 대상2인용
방 기반메트로이드배니아

화면 흔들림

  • 짧은 지속 시간 (50-200ms)
  • 감소하는 강도
  • 드물게 사용

5. 장르 패턴

플랫포머

  • 코요테 타임 (가장자리 이후 관대함)
  • 점프 버퍼링
  • 가변 점프 높이

탑다운

  • 8방향 또는 자유 이동
  • 조준 기반 또는 자동 조준
  • 회전 여부 고려

6. 안티 패턴

❌ 하지 말 것✅ 할 것
개별 텍스처 사용아틀라스 사용
복잡한 충돌 형태단순화된 충돌
떨리는 카메라부드러운 추적
픽셀 완벽에 물리 사용한 가지 접근법 선택

기억하세요: 2D는 명확함이 핵심입니다. 모든 픽셀이 의미를 전달해야 합니다.

사용 시기

이 스킬은 개요에 설명된 워크플로우나 작업을 실행하는 데 적용할 수 있습니다.

제한 사항

  • 이 스킬은 작업이 위에 설명된 범위와 명확히 일치할 때만 사용하십시오.
  • 출력물을 환경별 검증, 테스트 또는 전문가 검토의 대체물로 취급하지 마십시오.
  • 필요한 입력, 권한, 안전 경계 또는 성공 기준이 누락된 경우 중단하고 명확히 질문하십시오.

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

관련 스킬