メニュー
Performance optimization cho game H5 — object pool, instancing, LOD, GC tuning, profiling. 60 FPS trên mobile.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
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.
Game art principles — art style, color theory, animation principles, asset pipeline
Game design principles — core loop, GDD, player psychology, difficulty balancing, progression
Orchestrator game — route to implementation skill (pxhopencode) + principle-based sub-skill (agent-skills-hub)
Mobile game principles — touch input, battery, thermal, app stores, monetization
Multiplayer game principles — networking architecture, synchronization, security, matchmaking
| name | games-optimization |
| description | Performance optimization cho game H5 — object pool, instancing, LOD, GC tuning, profiling. 60 FPS trên mobile. |
Pool generic cho bất kỳ type nào, acquire/release, hỗ trợ pre-allocate và reset callback.
Xem: templates/object-pool.ts
InstancedMesh với DynamicDrawUsage, setTransform/setColor cho từng instance, batch update.
Xem: templates/instancing.ts
Chuyển mesh theo khoảng cách camera, sắp xếp theo distance. Fallback về LOD cuối nếu quá xa.
Xem: templates/lod.ts
Frustum từ camera projection × view matrix, kiểm tra sphere intersection.
Xem: templates/frustum-culling.ts
Reuse Vector3/Matrix4, array pool cho particle, batch DOM operations trong rAF.
Xem: templates/gc-tuning.ts
Đếm FPS mỗi giây, track heap memory trend (Chrome), phát hiện memory leak.
Xem: templates/profiler.ts
| Excuse | Reality |
|---|---|
| "Object pool khó, tạo mới cho nhanh" | GC pause = giật mỗi khi object chết |
| "Mobile chậm tại thiết bị, không phải code" | Pool + LOD = 2x FPS trên mobile |
| "Profiler sau" | Không biết bottleneck ở đâu |
