PixiJS math: Point, Matrix, shapes and hit testing
Coordonnées, matrices affines 2D, formes (Rectangle, Circle, Polygon), helpers de layout Rectangle et l'import side-effect math-extras
- Quoi
- Coordonnées, matrices affines 2D, formes (Rectangle, Circle, Polygon), helpers de layout Rectangle et l'import side-effect math-extras
- Coût
- Gratuit
- Prérequis
- un projet PixiJS v8 (paquet npm pixi.js) ; rien d'autre — le skill est un guide plus des patterns de code, aucun compte ni clé requis
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill officiel de maths de @pixijs pour PixiJS v8 : Point et ObservablePoint (pourquoi les transforms de conteneurs observent les mutations), la Matrix affine 2D (translate/rotate/scale/append/invert, `decompose` y compris matrices miroir et à échelle négative, apply/applyInverse), les classes de formes avec `contains`, `getBounds` et `strokeContains` (Rectangle, Circle, Ellipse, Polygon, RoundedRectangle, Triangle — Polygon avec tests de sens et détection de trous), les helpers mutables de layout Rectangle (`pad`, `fit`, `enlarge`, `ceil`, `scale`, `copyFromBounds`), la conversion de coordonnées via `toGlobal`/`toLocal`, les constantes DEG_TO_RAD, et l'import side-effect `pixi.js/math-extras` qui ajoute les opérations vectorielles (add, dot, magnitude, normalize, reflect, rotate) plus intersection/union de Rectangle et fonctions d'intersection ligne/segment. Inclut des pièges classiques : jamais d'import depuis `@pixi/math` en v8, importer math-extras avant d'utiliser les méthodes étendues, et ne jamais stocker de références aux temporaires `Point.shared`/`Matrix.shared`. Crédit : @pixijs. Bémols honnêtes : référence de maths pure — aucune logique 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 (paquet npm pixi.js) ; rien d'autre — le skill est un guide plus des patterns de code, aucun compte ni clé requis Installe-moi « Maths PixiJS : Point, Matrix, formes et hit testing ». Il enseigne à un agent les primitives mathématiques officielles de @pixijs pour PixiJS v8 : Point/ObservablePoint, Matrix affine 2D avec decompose (y compris matrices miroir), formes (Rectangle, Circle, Ellipse, Polygon, RoundedRectangle, Triangle) avec hit tests contains/strokeContains, helpers de layout Rectangle (pad, fit, enlarge, ceil), conversion de coordonnées toGlobal/toLocal, constantes DEG_TO_RAD, et l'import side-effect pixi.js/math-extras pour les opérations vectorielles et les helpers d'intersection — avec des pièges classiques (pas d'imports @pixi/math en v8, ordre d'import de math-extras, temporaires partagés). Licence MIT. Dépôt : https://github.com/pixijs/pixijs-skills/blob/main/skills/pixijs-math/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-math ». 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. rien — c'est une référence de maths ; utilisez-le avec les skills pixijs-scene-* pour le travail 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.