ワンクリックで
games-core
Game engine core — fixed-timestep loop, scene manager, asset loader, input handling. Nền tảng cho mọi thể loại game H5.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
Game engine core — fixed-timestep loop, scene manager, asset loader, input handling. Nền tảng cho mọi thể loại game H5.
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-core |
| description | Game engine core — fixed-timestep loop, scene manager, asset loader, input handling. Nền tảng cho mọi thể loại game H5. |
Fixed-timestep 60 FPS loop với accumulator, clamp dt chống spiral of death, cho phép fixedUpdate + render riêng.
Xem: templates/game-engine.ts
Quản lý scene lifecycle: add, switch (destroy cũ → init mới), update, destroyAll.
Xem: templates/scene-manager.ts
Load image/audio/json/glb với cache + retry 2 lần + preload với progress callback.
Xem: templates/asset-loader.ts
FSM với 6 state (idle/run/jump/attack/hurt/die), transition rules, auto timeout, lock mechanism.
Xem: templates/fsm.ts
Unified keyboard + mouse + touch, justPressed tracking, clearFrame() gọi cuối mỗi frame.
Xem: templates/input-manager.ts
const engine = new GameEngine();
const scenes = new SceneManager();
const input = new InputManager();
const assets = new AssetLoader();
const fsm = new FSM();
engine.fixedUpdate = (dt) => {
scenes.update(dt, 0);
fsm.update(dt);
};
engine.start();
| Excuse | Reality |
|---|---|
| "Fixed timestep không cần, requestAnimationFrame đủ" | FPS khác nhau → physics không đồng nhất |
| "Scene manager viết tay" | Memory leak khi switch scene không destroy |
| "FSM over-engineering" | State bug = animation sai, input sai |