
Pixijs Scene Graphics
Vector drawing in PixiJS v8 follows a shape-then-fill pattern: call rect, circle, or moveTo to define geometry, then fill or stroke it. This skill covers the full Graphics API including advanced primitives like regularPoly and chamferRect, path commands for bezier curves, gradients and patterns, and the cut method for punching holes. The context sharing system lets you reuse tessellated geometry across multiple Graphics instances to avoid duplicate GPU work. One thing to remember is that Graphics is a leaf node, so wrap multiple instances in a Container rather than nesting them. The hole cutting is strict about boundaries: your cutout must sit completely inside the target shape or the triangulation breaks.
- skills.sh installs
- 7.1K
- GitHub stars
- 365
- last updated
- Aug 21, 2026
Install
$ npx -y skills add pixijs/pixijs-skills --skill pixijs-scene-graphics --agent claude-codeInstalls into .claude/skills of the current project.
Files
Vector drawing in PixiJS v8 follows a shape-then-fill pattern: call rect, circle, or moveTo to define geometry, then fill or stroke it. This skill covers the full Graphics API including advanced primitives like regularPoly and chamferRect, path commands for bezier curves, gradients and patterns, and the cut method for punching holes. The context sharing system lets you reuse tessellated geometry across multiple Graphics instances to avoid duplicate GPU work. One thing to remember is that Graphics is a leaf node, so wrap multiple instances in a Container rather than nesting them. The hole cutting is strict about boundaries: your cutout must sit completely inside the target shape or the triangulation breaks.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/pixijs/pixijs-skills
- Categories
- Backend & APIs, Testing & QA, AI & Agent Building
- First seen
- May 16, 2026
More from pixijs/pixijs-skills
All 26- Pixijs Core Concepts7.1K
- Pixijs Assets7K
- Pixijs Scene Sprite7K
- Pixijs Events7K
- Pixijs Scene Container7K
- Pixijs Math6.9K
- Pixijs Scene Core Concepts6.9K
- Pixijs Scene Text6.9K
- Pixijs Ticker6.9K
- Pixijs Filters6.9K
- Pixijs Scene Particle Container6.9K
- Pixijs Custom Rendering6.8K
- Pixijs Create6.8K
- Pixijs Color6.8K
- Pixijs Blend Modes6.8K
- Pixijs Scene Dom Container6.7K
- Pixijs Scene Mesh6.7K
- Pixijs Environments6.7K
- Pixijs Scene Gif6.6K
- Pixijs Accessibility6.6K
- Pixijs Migration V86.4K
- Pixijs Html Source5.5K
- Pixijs8K
- Pixijs Performance7.1K