Communitygithub.com

SamuelChien/mega-skills-collection

Principios de desarrollo de juegos 3D. Renderizado, shaders, física, cámaras.

¿Qué es mega-skills-collection?

Este skill proporciona una guía completa de los principios fundamentales para el desarrollo de juegos 3D, cubriendo renderizado, shaders, física y sistemas de cámara. Está diseñado para arquitectos de IA y agentes, ofreciendo pautas claras sobre el pipeline de renderizado (procesamiento de vértices, rasterización, fragmentos), optimización (culling, LOD, batching) y la creación de shaders personalizados para efectos especiales o rendimiento. También aborda la configuración de colisiones físicas con formas simples (caja, esfera, cápsula, malla) y sistemas de cámara (tercera persona, primera persona, isométrica, orbital), junto con consideraciones de iluminación y niveles de detalle (LOD). Se enfatizan las buenas prácticas y la ilusión visual para evitar antipatrones como el uso excesivo de mallas de colisión o sombras en tiempo real en dispositivos móviles. El skill es aplicable cuando la tarea coincide con este alcance, pero no sustituye la validación ni revisión experta específica del entorno.

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

Preguntar en tu IA favorita

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

Documentación

Desarrollo de Juegos 3D

Principios para sistemas de juegos 3D.


1. Pipeline de Renderizado

Etapas

1. Procesamiento de Vértices → Transformar geometría
2. Rasterización → Convertir a píxeles
3. Procesamiento de Fragmentos → Colorear píxeles
4. Salida → A la pantalla

Principios de Optimización

TécnicaPropósito
Culling de FrustumNo renderizar fuera de pantalla
Culling de OclusiónNo renderizar oculto
LODMenos detalle a distancia
BatchingCombinar llamadas de dibujo

2. Principios de Shaders

Tipos de Shaders

TipoPropósito
VérticePosición, normales
Fragmento/PíxelColor, iluminación
CómputoCálculo general

Cuándo Escribir Shaders Personalizados

  • Efectos especiales (agua, fuego, portales)
  • Renderizado estilizado (toon, boceto)
  • Optimización de rendimiento
  • Identidad visual única

3. Física 3D

Formas de Colisión

FormaCaso de Uso
CajaEdificios, cajas
EsferaPelotas, comprobaciones rápidas
CápsulaPersonajes
MallaTerreno (costoso)

Principios

  • Colisionadores simples, visuales complejos
  • Filtrado por capas
  • Raycasting para línea de visión

4. Sistemas de Cámara

Tipos de Cámara

TipoUso
Tercera personaAcción, aventura
Primera personaInmersivo, FPS
IsométricaEstrategia, RPG
OrbitalInspección, editores

Sensación de la Cámara

  • Seguimiento suave (lerp)
  • Evitación de colisiones
  • Anticipación al movimiento
  • Cambios de FOV por velocidad

5. Iluminación

Tipos de Luz

TipoUso
DireccionalSol, luna
PuntualLámparas, antorchas
FocoLinterna, escenario
AmbientalIluminación base

Consideraciones de Rendimiento

  • Las sombras en tiempo real son costosas
  • Hornear cuando sea posible
  • Cascadas de sombras para mundos grandes

6. Nivel de Detalle (LOD)

Estrategia LOD

DistanciaModelo
CercaDetalle completo
Media50% triángulos
Lejos25% o billboard

7. Anti-Patrones

❌ No Hacer✅ Hacer
Colisionadores de malla por todas partesFormas simples
Sombras en tiempo real en móvilSombras horneadas o blob
Un solo LOD para todas las distanciasLOD basado en distancia
Shaders no optimizadosPerfilar y simplificar

Recuerda: El 3D es una ilusión. Crea la impresión de detalle, no el detalle en sí.

Cuándo Usar

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

Limitaciones

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

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

2D game development principles. Sprites, tilemaps, physics, camera.

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