PixiJS Rendering & Interaction

gamedev-skills/awesome-gamedev-agent-skills

Build a PixiJS render layer with asynchronous initialization, textures, scene containers, ticker updates, and pointer events.

内容更新日:

所属コレクションAwesome GameDev Agent Skills ↗
GitHub で見る
npx skills add gamedev-skills/awesome-gamedev-agent-skills
8,771スター894フォークリポジトリの最終プッシュ

このスキルについて

Build a PixiJS render layer with asynchronous initialization, textures, scene containers, ticker updates, and pointer events.

おすすめする理由

Provides a focused workflow, implementation patterns, and common failure checks for pixijs rendering & interaction. Pair it with the detected engine and any related systems required by the task.

役立つこと

  • Use when your game task needs pixijs rendering & interaction.

What this skill helps you build

Build a PixiJS render layer with asynchronous initialization, textures, scene containers, ticker updates, and pointer events.

Original pixijs-rendering instructions

Patterns in the upstream playbook

The entrypoint covers: Async Application boot (the v8 entry point); Containers for a relative-transform scene graph; The ticker loop (frame-rate independent); Pointer events (federated); Loading many assets by name (bundles); Render groups for large static layers.

Original pixijs-rendering instructions

Use it in your project

  1. Inspect the existing project

    Describe the desired behavior and share the relevant project files, engine version, and current failure or target result.

  2. Apply the focused playbook

    Build a PixiJS render layer with asynchronous initialization, textures, scene containers, ticker updates, and pointer events.

  3. Verify in the matching runtime

    Run the project or workflow with its actual dependencies and check the changed behavior before accepting the result.

Original pixijs-rendering instructionsEngine versions and upgrade policy

Shared collection installation

Install the complete upstream collection with its router and keep each skill’s bundled references, scripts, and assets. The dispatcher selects an engine and the smallest relevant task set; a member listing is a focused entry into that shared package.

コマンド用途と使いどころ
npx skills add gamedev-skills/awesome-gamedev-agent-skillsKeep the router and supporting skill folders available together.

Upstream installation guide

使う前に

  • A browser project with the matching Phaser, PixiJS, or three.js dependency and a local HTTP server or existing build setup.

対応エージェント

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。