
Pixijs Blend Modes
Sets blend modes on PixiJS v8 display objects for compositing effects like glow, shadows, and color overlays. Standard modes (add, multiply, screen) are GPU-accelerated and cheap. Advanced modes (color-burn, overlay, hard-light) need an import and useBackBuffer: true on WebGL, and they use the filter pipeline so they're heavier. The v8 migration broke BLEND_MODES enum imports, so you use strings now. Main gotcha is that blend mode changes break batching, so group objects with the same mode together or you'll blow up draw calls. Covers the full mode table and the backbuffer requirement that trips people up.
- skills.sh installs
- 6.8K
- GitHub stars
- 365
- last updated
- Aug 21, 2026
Install
$ npx -y skills add pixijs/pixijs-skills --skill pixijs-blend-modes --agent claude-codeInstalls into .claude/skills of the current project.
Files
Sets blend modes on PixiJS v8 display objects for compositing effects like glow, shadows, and color overlays. Standard modes (add, multiply, screen) are GPU-accelerated and cheap. Advanced modes (color-burn, overlay, hard-light) need an import and useBackBuffer: true on WebGL, and they use the filter pipeline so they're heavier. The v8 migration broke BLEND_MODES enum imports, so you use strings now. Main gotcha is that blend mode changes break batching, so group objects with the same mode together or you'll blow up draw calls. Covers the full mode table and the backbuffer requirement that trips people up.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/pixijs/pixijs-skills
- Categories
- Automation & Workflows, Design & UI/UX, CLI & Terminal, Game Development
- First seen
- May 16, 2026
More from pixijs/pixijs-skills
All 26- 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
- Pixijs Application7.1K
- Pixijs Scene Graphics7.1K
- 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