القائمة
Web browser game principles — framework selection, WebGPU, PWA, audio handling, browser constraints
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
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
استنادا إلى تصنيف SOC المهني
| name | web-games |
| description | Web browser game principles — framework selection, WebGPU, PWA, audio handling, browser constraints |
Tham khảo từ agent-skills-hub/game-development/web-games.
2D → Phaser (full engine) or PixiJS (raw rendering)
3D → Three.js (rendering) or Babylon.js (full engine)
Hybrid → Raw Canvas/WebGL
| Framework | Type | Best For |
|---|---|---|
| Phaser 4 | 2D | Full game features |
| PixiJS 8 | 2D | Rendering, UI |
| Three.js | 3D | Visualizations, lightweight |
| Babylon.js 7 | 3D | Full engine, XR |
| Constraint | Strategy |
|---|---|
| Tab throttling | Pause when hidden |
| Mobile data limits | Compress assets |
| Audio autoplay | Require user interaction |
| Excuse | Reality |
|---|---|
| "Load tất cả assets lúc start cho nhanh" | User chờ 10s → thoát |
| "Bỏ qua tab visibility" | Browser throttle ở background → physics sai |