Perform PixiJS v8 coordinate, matrix, and shape math operations.
npx skills add https://github.com/alexkafer/alexkafer-web --skill pixijs-math-alexkafer
Please help me install this Agent Skill. Skill: pixijs-math Source: https://github.com/alexkafer/alexkafer-web/tree/main/.agents/skills/pixijs-math Command: npx skills add https://github.com/alexkafer/alexkafer-web --skill pixijs-math-alexkafer
This Skill helps you avoid mistakes when converting coordinates, building affine transforms, and performing reliable shape hit testing and rectangle math in PixiJS.
Use the pixijs-math skill to compute a world-space point from a child container and then verify whether it lands inside a Rectangle-shaped hit area.
High-intent search queries and answers about installing and using this skill.
PixiJS coordinate transforms use Container helpers like toGlobal and toLocal to convert points between spaces, while Matrix apply and applyInverse methods handle affine transformations for predictable movement, rotation, and scaling.
Hit testing in PixiJS uses shape methods like contains, intersects, and strokeContains on Rectangle, Circle, Polygon, and other geometry primitives, with math-extras helpers providing accurate intersection and containment checks for UI interaction layers.
PixiJS affine matrix work involves building, applying, inverting, and decomposing Matrix transforms to achieve predictable movement, rotation, scaling, and layout logic, using decompose to extract position, scale, and rotation components.
PixiJS v8 supports math-extras geometry and intersection helpers, providing vector and intersection utilities that work alongside core primitives like Point, ObservablePoint, and Matrix for coordinate conversion and shape containment checks.
Rectangle bounds, padding, fit, and ceil scaling in PixiJS are handled through Rectangle methods and math-extras geometry helpers, enabling accurate culling and layout calculations for rendering and UI layers.
Temporary shared objects in PixiJS math should only be used within a single expression to avoid mutation conflicts, since shared Point or Matrix instances can be overwritten by subsequent operations if referenced beyond their intended scope.
matthewharwoodProvide 2D math primitives and transforms for PixiJS v8.
mlinnenPropagate transformed cx and cy coordinates through rendering helpers.
adamhjkExplain PixiJS scene graph hierarchies, transforms, and display object types.
encounterplusPerforms PixiJS coordinate transforms, 2D affine matrix operations, and hit testing for interactive rendering.
