3D Game Development Principles

3D games

by davila7 · MIT license · ★ 32,299 on GitHub

3D games cover

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

---
name: 3d-games
description: 3D game development principles. Rendering, shaders, physics, cameras.
allowed-tools: Read, Write, Edit, Glob, Grep
---

# 3D Game Development

> Principles for 3D game systems.

---

## 1. Rendering Pipeline

### Stages

```
1. Vertex Processing → Transform geometry

Overview

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

Manual install (npx, ZIP)
Claude Codenpx skills add davila7/claude-code-templates --skill 3d-games -g -a claude-code
Claude Code (degit)npx degit davila7/claude-code-templates/cli-tool/components/skills/creative-design/game-development/3d-games#main ~/.claude/skills/3d-games
Claude.ai / desktopZip the folder and upload it under Settings → Capabilities → Skills.
Codex, Cursor, other agentsPoint them at SKILL.md. The other files are plain text.

Connects with Agent Alley MCP · agentalley.io/mcp

Files included

  • SKILL.md2.5 KB
Read SKILL.md here
davila7/main1 file shown
SKILL.md
Show the full text136 lines

3D Game Development

Principles for 3D game systems.


1. Rendering Pipeline

Stages
1. Vertex Processing → Transform geometry
2. Rasterization → Convert to pixels
3. Fragment Processing → Color pixels
4. Output → To screen
Optimization Principles
Technique Purpose
Frustum culling Don't render off-screen
Occlusion culling Don't render hidden
LOD Less detail at distance
Batching Combine draw calls

2. Shader Principles

Shader Types
Type Purpose
Vertex Position, normals
Fragment/Pixel Color, lighting
Compute General computation
When to Write Custom Shaders
  • Special effects (water, fire, portals)
  • Stylized rendering (toon, sketch)
  • Performance optimization
  • Unique visual identity

3. 3D Physics

Collision Shapes
Shape Use Case
Box Buildings, crates
Sphere Balls, quick checks
Capsule Characters
Mesh Terrain (expensive)
Principles
  • Simple colliders, complex visuals
  • Layer-based filtering
  • Raycasting for line-of-sight

4. Camera Systems

Camera Types
Type Use
Third-person Action, adventure
First-person Immersive, FPS
Isometric Strategy, RPG
Orbital Inspection, editors
Camera Feel
  • Smooth following (lerp)
  • Collision avoidance
  • Look-ahead for movement
  • FOV changes for speed

5. Lighting

Light Types
Type Use
Directional Sun, moon
Point Lamps, torches
Spot Flashlight, stage
Ambient Base illumination
Performance Consideration
  • Real-time shadows are expensive
  • Bake when possible
  • Shadow cascades for large worlds

6. Level of Detail (LOD)

LOD Strategy
Distance Model
Near Full detail
Medium 50% triangles
Far 25% or billboard

7. Anti-Patterns

❌ Don't ✅ Do
Mesh colliders everywhere Simple shapes
Real-time shadows on mobile Baked or blob shadows
One LOD for all distances Distance-based LOD
Unoptimized shaders Profile and simplify

Remember: 3D is about illusion. Create the impression of detail, not the detail itself.

1---
2name: 3d-games
3description: 3D game development principles. Rendering, shaders, physics, cameras.
4allowed-tools: Read, Write, Edit, Glob, Grep
5---
6 
7# 3D Game Development
8 
9> Principles for 3D game systems.
10 
11---
12 
13## 1. Rendering Pipeline
14 
15### Stages
16 
17```
181. Vertex Processing → Transform geometry
192. Rasterization → Convert to pixels
203. Fragment Processing → Color pixels
214. Output → To screen
22```
23 
24### Optimization Principles
25 
26| Technique | Purpose |
27|-----------|---------|
28| **Frustum culling** | Don't render off-screen |
29| **Occlusion culling** | Don't render hidden |
30| **LOD** | Less detail at distance |
31| **Batching** | Combine draw calls |
32 
33---
34 
35## 2. Shader Principles
36 
37### Shader Types
38 
39| Type | Purpose |
40|------|---------|
41| **Vertex** | Position, normals |
42| **Fragment/Pixel** | Color, lighting |
43| **Compute** | General computation |
44 
45### When to Write Custom Shaders
46 
47- Special effects (water, fire, portals)
48- Stylized rendering (toon, sketch)
49- Performance optimization
50- Unique visual identity
51 
52---
53 
54## 3. 3D Physics
55 
56### Collision Shapes
57 
58| Shape | Use Case |
59|-------|----------|
60| **Box** | Buildings, crates |
61| **Sphere** | Balls, quick checks |
62| **Capsule** | Characters |
63| **Mesh** | Terrain (expensive) |
64 
65### Principles
66 
67- Simple colliders, complex visuals
68- Layer-based filtering
69- Raycasting for line-of-sight
70 
71---
72 
73## 4. Camera Systems
74 
75### Camera Types
76 
77| Type | Use |
78|------|-----|
79| **Third-person** | Action, adventure |
80| **First-person** | Immersive, FPS |
81| **Isometric** | Strategy, RPG |
82| **Orbital** | Inspection, editors |
83 
84### Camera Feel
85 
86- Smooth following (lerp)
87- Collision avoidance
88- Look-ahead for movement
89- FOV changes for speed
90 
91---
92 
93## 5. Lighting
94 
95### Light Types
96 
97| Type | Use |
98|------|-----|
99| **Directional** | Sun, moon |
100| **Point** | Lamps, torches |
101| **Spot** | Flashlight, stage |
102| **Ambient** | Base illumination |
103 
104### Performance Consideration
105 
106- Real-time shadows are expensive
107- Bake when possible
108- Shadow cascades for large worlds
109 
110---
111 
112## 6. Level of Detail (LOD)
113 
114### LOD Strategy
115 
116| Distance | Model |
117|----------|-------|
118| Near | Full detail |
119| Medium | 50% triangles |
120| Far | 25% or billboard |
121 
122---
123 
124## 7. Anti-Patterns
125 
126| ❌ Don't | ✅ Do |
127|----------|-------|
128| Mesh colliders everywhere | Simple shapes |
129| Real-time shadows on mobile | Baked or blob shadows |
130| One LOD for all distances | Distance-based LOD |
131| Unoptimized shaders | Profile and simplify |
132 
133---
134 
135> **Remember:** 3D is about illusion. Create the impression of detail, not the detail itself.
136 
View all files on GitHub →

Details

License
MIT
Stars on the repo
★ 32,299
Checked
Source
davila7/claude-code-templates ↗
Creator
davila7 · 212 listings
View creator

Similar skills

See all →
Skill3D Web Experience Builderdavila7/claude-code-templates · by davila7Expert 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. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.★ 32.3k GitHub starsSkillPascal 3D Scene Builderpascalorg/editor · by pascalorgConnect to Pascal and use its MCP tools to create, inspect, edit, validate, save, or hand off editable 3D building scenes. Use this skill whenever a user asks an agent to work in Pascal, make a room or building model, inspect a Pascal project, perform spatial edits, connect Pascal MCP, or return a verified Pascal editor link. It also governs safe local, existing-account, and explicitly authorized autonomous setup.★ 24.6k GitHub starsSkillIsometric Technical Diagram Creatorwheresryan22/anatomy · by wheresryan22Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a plotter, a lock), with many small precise solid parts, four-tone shading, correct painter's order, a framed card with title, hint and live readout, and calm eased motion. Use this whenever someone wants an isometric illustration, an explanatory diagram or figure for docs, a blog post, a landing page or an article, a "Linear-style" or "premium" technical drawing, an interactive explainer, or an SVG that shows how a system, algorithm or component works, even if they never say "isometric". Works framework-free (TypeScript/JS that writes SVG and HTML) and in React/Next.js, and can add realistic WebGL shaders (fire, exhaust, water, caustics, lamp light) that live inside the drawing in the same isometric perspective. Also prints a figure as an A4 PDF (poster, drawing or handout) and publishes it to the Anatomy community gallery when asked.★ 16k GitHub starsSkillScroll World Builderoso95/scroll-world · by oso95Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with NO cuts — one continuous connected flight (Emons-style isometric diorama world, or any art direction you pick). The skill interviews the user for the topic, the story beats/sections, and brand kit, then generates cohesive scenes + seamless camera clips with Higgsfield and wires a portable, framework-agnostic scroll-scrub engine. The video chain renders through Monid by default (Seedance 2.0, pay-per-clip USD — capability re-checked each build, see Step 4) with Higgsfield credits as the fallback biller. Use when the user wants a "3D world" / browse-through-the-industry" hero, a scroll cinematic, a diorama landing, or to turn a business into a scrollable world.★ 9.8k GitHub starsSkill3D Asset Generatorscenario-labs/skills · by scenario-labsUse when generating or handling 3D assets through the Scenario MCP server, including text-to-3D or image-to-3D meshes, GPT-6 Astra 3D or Claude Opus 5.5 3D, GLB, FBX, OBJ, STL, or VOX files, PBR-textured or game-ready models, voxel models, multi-view reconstruction, retexture, remesh, UV unwrap, auto-rigging a biped or quadruped, or retargeting an animation, previewing a mesh in the inline 3D viewer, or downloading a model for import into Unity, Unreal, Godot, or Blender.★ 854 GitHub starsSkill3D Machine SimulatorAirsupHQ/machine-skill · by AirsupHQTurn one line ("a turbofan jet engine", "a mechanical watch", "an LVAD heart pump") into a photoreal, physics based, interactive 3D simulation of that machine in a single HTML file, plus a 20 to 30 second film to post it. Real proportions in metres, real materials (PBR metals, paints, polymers, glass), studio lighting with soft shadows, moving parts driven by a small solver that computes real numbers (thrust, torque, rpm, flow, pressure, efficiency), and modes to explode it, cut it open with clean section caps, x-ray it, slow it down, label it and break it. Use this whenever someone asks to build, simulate, visualise, explain or "show how X works" for any machine, engine, mechanism, device, instrument or piece of hardware, wants an interactive 3D model or a cutaway, or wants a video of a machine for a post, even if they never say "simulation" or "three.js".★ 305 GitHub stars

More from davila7

Skill2D Game Developmentdavila7/claude-code-templates · by davila72D game development principles. Sprites, tilemaps, physics, camera.★ 32.3k GitHub starsSkill3D Web Experience Builderdavila7/claude-code-templates · by davila7Expert 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. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.★ 32.3k GitHub starsSkillSplit Test Setupdavila7/claude-code-templates · by davila7When 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," or "hypothesis." For tracking implementation, see analytics-tracking.★ 32.3k GitHub starsAgentResearch Literature Synthesizerdavila7/claude-code-templates · by davila7Academic research synthesis specialist. Use PROACTIVELY for comprehensive research on academic topics, literature reviews, technical investigations, and well-cited analysis combining multiple sources. <example>Context: A podcast episode needs a segment grounded in peer-reviewed evidence with formal citations. user: "Research the current state of transformer efficiency techniques for the episode, with proper academic citations." assistant: "I'll use the academic-research-synthesizer agent to search arXiv and Semantic Scholar, extract full-text findings via WebFetch, and produce a cited literature synthesis with confidence levels." <commentary>Use academic-research-synthesizer (not comprehensive-researcher) when the episode segment needs peer-reviewed sourcing, formal citation format, and explicit confidence tagging rather than general-purpose multi-source coverage.</commentary></example> <example>Context: The episode-orchestrator has routed a "literature review" request for a technical deep-dive segment. user: "Summarize the research landscape on federated learning privacy guarantees." assistant: "I'll invoke academic-research-synthesizer to systematically search academic sources, note peer-review status per source, and synthesize consensus vs. open debates."</example>★ 32.3k GitHub starsAgentAcademic Research Specialistdavila7/claude-code-templates · by davila7Academic research specialist for scholarly sources, peer-reviewed papers, and academic literature. Use PROACTIVELY for research paper analysis, literature reviews, citation tracking, and academic methodology evaluation. <example>Context: The research-orchestrator has kicked off Phase 4 parallel research on 'efficacy of intermittent fasting' and needs peer-reviewed evidence. user: "Find the academic evidence on intermittent fasting outcomes." assistant: "I'll use the academic-researcher agent to search Semantic Scholar, PubMed, and OpenAlex for peer-reviewed studies and write structured findings to academic-research.md." <commentary>The request is specifically for scholarly/peer-reviewed evidence rather than general web coverage or code, so academic-researcher (not web-researcher or technical-researcher) is the right specialist.</commentary></example> <example>Context: The user wants a literature review comparing methodologies across studies on a topic. user: "Can you review the literature on transformer model interpretability and identify research gaps?" assistant: "Let me invoke the academic-researcher agent to pull foundational and recent papers, extract methodologies, and surface open research gaps." <commentary>Literature review, methodology extraction, and research-gap identification are core academic-researcher capabilities, distinct from technical-researcher's focus on code repositories and implementations.</commentary></example>★ 32.3k GitHub starsSkillWCAG Compliance Specialistdavila7/claude-code-templates · by davila7Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditing websites for accessibility issues, implementing WCAG 2.1 AA/AAA standards, testing with screen readers, or ensuring ADA compliance. Expert in semantic HTML, keyboard navigation, and assistive technology compatibility.★ 32.3k GitHub stars