Point d'entrée pour la collection de skills PixiJS v8. PixiJS est la bibliothèque la plus rapide disponible pour le web, fonctionnant sur tous les appareils et vous permettant de créer des graphiques riches et interactifs ainsi que des applications multiplateformes utilisant WebGL, WebGPU et Canvas comme solution de secours.
Comment utiliser cette skill
- Trouvez la skill spécialisée dans le routeur ci-dessous qui correspond le mieux à votre tâche.
- Chargez le
SKILL.md de cette skill et suivez ses conseils.
- Si aucune sous-skill ne convient (la tâche fait référence à une classe, fonction, option ou surface API spécifique non listée ci-dessous), WebFetch
https://pixijs.download/release/docs/llms.txt. Ce fichier est l'index auto-généré et toujours à jour de l'API PixiJS complète et des guides. Chaque entrée renvoie à une page .html.md que vous pouvez WebFetch pour accéder au contenu détaillé.
Pour la description longue et les mots-clés de déclenchement de chaque skill, voir references/index.md.
Routeur de skills
Foundations
| Skill |
Charger quand... |
| pixijs-application |
Création ou configuration d'une Application PixiJS, appel de app.init(), accès à app.stage/renderer/canvas/screen, plugins de redimensionnement/ticker, app.destroy(). |
| pixijs-core-concepts |
Comprendre le pipeline du renderer, choisir WebGL/WebGPU/Canvas, internals de la boucle de rendu, systèmes et pipes. |
| pixijs-create |
Scaffolding d'un nouveau projet avec le CLI create-pixi (templates bundler-vite, creation-web, framework-react). |
| pixijs-environments |
Exécution de PixiJS dans Web Workers, Node/SSR ou contextes strict-CSP (DOMAdapter, WebWorkerAdapter, pixi.js/unsafe-eval). |
| pixijs-migration-v8 |
Migration de v7 à v8 ou correction des patterns v7 (beginFill/endFill, paquets @pixi/*, BaseTexture, DisplayObject). |
| pixijs-scene-core-concepts |
Comprendre le scene graph dans son ensemble : conteneurs vs feuilles, transforms, ordre de rendu, masquage, RenderLayer. |
Scene Objects
| Skill |
Charger quand... |
| pixijs-scene-container |
Travail avec Container : addChild/removeChild, transforms, zIndex, bounds, toGlobal/toLocal, destroy. |
| pixijs-scene-sprite |
Dessin d'images : Sprite, AnimatedSprite, NineSliceSprite, TilingSprite. |
| pixijs-scene-graphics |
Dessin de formes vectorielles ou de chemins : Graphics, GraphicsContext, fill/stroke, FillGradient, SVG. |
| pixijs-scene-text |
Rendu de texte : Text, BitmapText, HTMLText, SplitText, TextStyle. |
| pixijs-scene-mesh |
Géométrie personnalisée : Mesh, MeshSimple, MeshPlane, MeshRope, PerspectiveMesh. |
| pixijs-scene-particle-container |
Rendu de milliers de sprites légers : ParticleContainer, Particle, dynamicProperties. |
| pixijs-scene-dom-container |
Superposition d'éléments HTML sur le canvas : DOMContainer, pixi.js/dom. |
| pixijs-scene-gif |
Affichage de GIFs animés : GifSprite, GifSource, pixi.js/gif. |
Utilities
| Skill |
Charger quand... |
| pixijs-assets |
Chargement de ressources : Assets.init, Assets.load, bundles, manifests, spritesheets, caching. |
| pixijs-color |
Création ou conversion de couleurs : classe Color, hex/rgb/hsl, tint, premultiply. |
| pixijs-events |
Gestion des entrées pointer/souris/tactile/wheel : eventMode, FederatedEvent, hitArea, cursor, drag. |
| pixijs-math |
Points, vecteurs, matrices, formes, hit testing : Point, Matrix, Rectangle, toGlobal/toLocal. |
| pixijs-ticker |
Logique par frame ou contrôle de la boucle de rendu : Ticker, deltaTime, UPDATE_PRIORITY, maxFPS. |
Advanced
| Skill |
Charger quand... |
| pixijs-accessibility |
Navigation par lecteur d'écran ou clavier : AccessibilitySystem, accessibleTitle, tabIndex. |
| pixijs-blend-modes |
Compositing avec blend modes : add, multiply, screen, overlay, pixi.js/advanced-blend-modes. |
| pixijs-custom-rendering |
Écriture de shaders personnalisés, uniforms ou batchers : Shader.from, GlProgram/GpuProgram, UniformGroup, Filter personnalisé. |
| pixijs-filters |
Application d'effets visuels : BlurFilter, ColorMatrixFilter, DisplacementFilter, Filter.from, pixi-filters. |
| pixijs-performance |
Profilage ou optimisation des FPS, draw calls, mémoire GPU : culling, GCSystem, cacheAsTexture, object pooling. |
Fallback : documentation canonique PixiJS
Si la tâche fait référence à une classe, fonction, option ou surface API non couverte par une sous-skill ci-dessus, WebFetch https://pixijs.download/release/docs/llms.txt. C'est l'index auto-généré de l'API PixiJS complète et des guides, régénéré à chaque release. Chaque entrée renvoie à une page .html.md que vous pouvez WebFetch pour accéder au contenu détaillé. Utilisez ce fallback chaque fois que le tableau du routeur ne pointe pas vers une correspondance évidente.