PixiJS v8 Container: scene-graph grouping and transforms
Regrouper, positionner et transformer des objets d'affichage avec le Container de PixiJS v8 — options de constructeur, zIndex, bornes, événements, destroy
- Quoi
- Regrouper, positionner et transformer des objets d'affichage avec le Container de PixiJS v8 — options de constructeur, zIndex, bornes, événements, destroy
- Coût
- Gratuit
- Prérequis
- un projet PixiJS v8 ; le skill frère pixijs-scene-core-concepts pour le modèle mental du graphe de scène (référencé partout)
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le guide officiel du Container PixiJS v8 : le nœud de graphe de scène générique dans lequel s'imbrique tout objet d'affichage — options de constructeur (label, x/y, scale, rotation, alpha, tint, blendMode, sortableChildren, isRenderGroup, origin vs pivot, boundsArea), gestion des enfants (addChild/addChildAt/swapChildren/setChildIndex/removeChildren, reparentage préservant la transformation monde), propriétés de transformation (ObservablePoints position/scale/pivot/skew, rotation vs angle), tri zIndex, bornes et conversions de coordonnées (getBounds vs .rectangle, toGlobal/toLocal, getGlobalPosition), dimensionnement via setSize, événements de container (childAdded/removed, added/removed, destroyed, visibleChanged), callbacks onRender par image, recherche d'enfants par label et destroy sûr avec nettoyage des ressources GPU — plus des erreurs courantes graduées (enfants sur objets feuilles déprécié, getBounds retourne un Bounds pas un Rectangle, renommage cacheAsBitmap→cacheAsTexture, name→label, ne jamais combiner pivot et origin). Par @pixijs, référencé ici avec crédit à son créateur. Bémols honnêtes : suppose le skill frère pixijs-scene-core-concepts pour le modèle mental du graphe de scène (masques, couches, groupes de rendu) ; licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet PixiJS v8 ; le skill frère pixijs-scene-core-concepts pour le modèle mental du graphe de scène (référencé partout) Installe-moi « Container PixiJS v8 : regroupement et transformations de scène ». Il enseigne la référence officielle du Container PixiJS v8 : options de constructeur, gestion des enfants, transformations (position/scale/pivot/skew, rotation vs angle, origin), tri zIndex, bornes et conversions de coordonnées, événements de container, callbacks onRender, destroy sûr avec nettoyage GPU, et erreurs courantes graduées — par @pixijs, licence MIT. Dépôt : https://github.com/pixijs/pixijs-skills/blob/main/skills/pixijs-scene-container/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « pixijs-scene-container ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. récupérer aussi le skill pixijs-scene-core-concepts pour le modèle mental du graphe de scène). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.