本文へ移動
cccskills
無料GitHub で公開

3d-games

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

インストール方法を見る

含まれるファイル(1)

  • SKILL.md2.5 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

TechniquePurpose
Frustum cullingDon't render off-screen
Occlusion cullingDon't render hidden
LODLess detail at distance
BatchingCombine draw calls

2. Shader Principles

Shader Types

TypePurpose
VertexPosition, normals
Fragment/PixelColor, lighting
ComputeGeneral 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

ShapeUse Case
BoxBuildings, crates
SphereBalls, quick checks
CapsuleCharacters
MeshTerrain (expensive)

Principles

  • Simple colliders, complex visuals
  • Layer-based filtering
  • Raycasting for line-of-sight

4. Camera Systems

Camera Types

TypeUse
Third-personAction, adventure
First-personImmersive, FPS
IsometricStrategy, RPG
OrbitalInspection, editors

Camera Feel

  • Smooth following (lerp)
  • Collision avoidance
  • Look-ahead for movement
  • FOV changes for speed

5. Lighting

Light Types

TypeUse
DirectionalSun, moon
PointLamps, torches
SpotFlashlight, stage
AmbientBase illumination

Performance Consideration

  • Real-time shadows are expensive
  • Bake when possible
  • Shadow cascades for large worlds

6. Level of Detail (LOD)

LOD Strategy

DistanceModel
NearFull detail
Medium50% triangles
Far25% or billboard

7. Anti-Patterns

❌ Don't✅ Do
Mesh colliders everywhereSimple shapes
Real-time shadows on mobileBaked or blob shadows
One LOD for all distancesDistance-based LOD
Unoptimized shadersProfile and simplify

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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

2d-games

無料

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

日本語の概要は準備中です。原文の説明を表示しています。

AxelMrak/ai52026年2月20日 更新

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. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.

日本語の概要は準備中です。原文の説明を表示しています。

AxelMrak/ai52026年2月20日 更新

Structured guide for setting up A/B tests with mandatory gates for hypothesis, metrics, and execution readiness.

日本語の概要は準備中です。原文の説明を表示しています。

AxelMrak/ai52026年2月20日 更新

This skill should be used when the user asks to "attack Active Directory", "exploit AD", "Kerberoasting", "DCSync", "pass-the-hash", "BloodHound enumeration", "Golden Ticket", "Silver Ticket", "AS-REP roasting", "NTLM relay", or needs guidance on Windows domain penetration testing.

日本語の概要は準備中です。原文の説明を表示しています。

AxelMrak/ai52026年2月20日 更新

Use when you need to address review or issue comments on an open GitHub Pull Request using the gh CLI.

日本語の概要は準備中です。原文の説明を表示しています。

AxelMrak/ai52026年2月20日 更新

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

日本語の概要は準備中です。原文の説明を表示しています。

AxelMrak/ai52026年2月20日 更新

AxelMrak のスキルをすべて見る

このスキルの問題を報告する