pixijs
このスキルは、PixiJS v8タスクの統一されたエントリポイントであり、専門的なサブスキルにインテリジェントにルーティングします。PixiJSアプリケーションのセットアップ、シーングラフ、レンダリング、アセット管理、イベント処理、色、数学、アニメーション、アクセシビリティ、パフォーマンス最適化、環境設定、v7からの移行をカバーし、PixiJSプロジェクト開発を加速します。
git clone https://github.com/pixijs/pixijs-skills.gitBefore / After 効果比較
1 组統一されたエントリポイントと明確なルーティングガイドがない場合、開発者はPixiJS v8のさまざまな機能やAPIを手動で検索・選別する必要があり、ドキュメント検索や試行錯誤に多くの時間を費やし、開発プロセスが遅くエラーが発生しやすくなります。
PixiJSメインスキルのインテリジェントなルーティングにより、開発者は特定のタスクに必要なサブスキルを迅速に特定でき、API検索と学習コストを大幅に削減し、PixiJS v8プロジェクトの開発とイテレーションを加速します。
Entry point for the PixiJS v8 skill collection. PixiJS is the fastest library available for the web, working across all devices and allowing you to create rich, interactive graphics and cross-platform applications using WebGL, WebGPU, and Canvas as a fallback.
How to use this skill
- Find the specialized skill in the router below that best matches the task.
- Load that skill's
SKILL.mdand follow its guidance. - If no sub-skill fits (the task references a specific class, function, option, or API surface not listed below), WebFetch
https://pixijs.download/release/docs/llms.txt. That file is the auto-generated, always-current index of the full PixiJS API and guides. Each entry links to a.html.mdpage you can WebFetch for the detailed content.
For the long-form description and trigger keywords of every skill, see references/index.md.
Skill router
Foundations
| Skill | Load when... |
|---|---|
| pixijs-application | Creating or configuring a PixiJS Application, calling app.init(), accessing app.stage/renderer/canvas/screen, resize/ticker plugins, app.destroy(). |
| pixijs-core-concepts | Understanding the renderer pipeline, choosing WebGL/WebGPU/Canvas, render loop internals, systems and pipes. |
| pixijs-create | Scaffolding a new project with the create-pixi CLI (bundler-vite, creation-web, framework-react templates). |
| pixijs-environments | Running PixiJS in Web Workers, Node/SSR, or strict-CSP contexts (DOMAdapter, WebWorkerAdapter, pixi.js/unsafe-eval). |
| pixijs-migration-v8 | Upgrading from v7 to v8 or fixing v7 patterns (beginFill/endFill, @pixi/* packages, BaseTexture, DisplayObject). |
| pixijs-scene-core-concepts | Understanding the scene graph as a whole: containers vs leaves, transforms, render order, masking, RenderLayer. |
Scene Objects
| Skill | Load when... |
|---|---|
| pixijs-scene-container | Working with Container: addChild/removeChild, transforms, zIndex, bounds, toGlobal/toLocal, destroy. |
| pixijs-scene-sprite | Drawing images: Sprite, AnimatedSprite, NineSliceSprite, TilingSprite. |
| pixijs-scene-graphics | Drawing vector shapes or paths: Graphics, GraphicsContext, fill/stroke, FillGradient, SVG. |
| pixijs-scene-text | Rendering text: Text, BitmapText, HTMLText, SplitText, TextStyle. |
| pixijs-scene-mesh | Custom geometry: Mesh, MeshSimple, MeshPlane, MeshRope, PerspectiveMesh. |
| pixijs-scene-particle-container | Rendering thousands of lightweight sprites: ParticleContainer, Particle, dynamicProperties. |
| pixijs-scene-dom-container | Overlaying HTML elements on the canvas: DOMContainer, pixi.js/dom. |
| pixijs-scene-gif | Displaying animated GIFs: GifSprite, GifSource, pixi.js/gif. |
Utilities
| Skill | Load when... |
|---|---|
| pixijs-assets | Loading resources: Assets.init, Assets.load, bundles, manifests, spritesheets, caching. |
| pixijs-color | Creating or converting colors: Color class, hex/rgb/hsl, tint, premultiply. |
| pixijs-events | Handling pointer/mouse/touch/wheel input: eventMode, FederatedEvent, hitArea, cursor, drag. |
| pixijs-math | Points, vectors, matrices, shapes, hit testing: Point, Matrix, Rectangle, toGlobal/toLocal. |
| pixijs-ticker | Per-frame logic or controlling the render loop: Ticker, deltaTime, UPDATE_PRIORITY, maxFPS. |
Advanced
| Skill | Load when... |
|---|---|
| pixijs-accessibility | Screen reader or keyboard navigation: AccessibilitySystem, accessibleTitle, tabIndex. |
| pixijs-blend-modes | Compositing with blend modes: add, multiply, screen, overlay, pixi.js/advanced-blend-modes. |
| pixijs-custom-rendering | Writing custom shaders, uniforms, or batchers: Shader.from, GlProgram/GpuProgram, UniformGroup, custom Filter. |
| pixijs-filters | Applying visual effects: BlurFilter, ColorMatrixFilter, DisplacementFilter, Filter.from, pixi-filters. |
| pixijs-performance | Profiling or optimizing FPS, draw calls, GPU memory: culling, GCSystem, cacheAsTexture, object pooling. |
Fallback: canonical PixiJS docs
If the task references a class, function, option, or API surface not covered by any sub-skill above, WebFetch https://pixijs.download/release/docs/llms.txt. It's the auto-generated index of the full PixiJS API and guides, regenerated on every release. Each entry links to a .html.md page you can WebFetch for the detailed content. Use this fallback whenever the router table doesn't point at an obvious match.
ユーザーレビュー (0)
レビューを書く
レビューなし
統計データ
ユーザー評価
この Skill を評価