{"enrichment":{"faq":[{"a":"pixijs-blend-modes teaches you to apply blend modes to composite display objects in PixiJS. Set the `blendMode` property on any display object (sprite, graphics, container) to control how it mixes with layers beneath it. Common modes include multiply, screen, overlay, and add. The skill covers which blend modes suit different visual effects and how to layer graphics with proper color mixing for advanced 2D WebGL compositing.","q":"How do I use blend modes in PixiJS?"},{"a":"pixijs-blend-modes covers advanced blend modes including overlay, color-burn, hard-light, soft-light, color-dodge, lighten, darken, and erase. Each mode produces distinct visual effects by blending pixel colors differently. The skill explains when to use each mode\u2014overlay for contrast enhancement, color-burn for darkening with intensity, hard-light for dramatic lighting effects. You'll learn how these modes interact with layers to create professional visual effects in your PixiJS applications.","q":"What advanced blend modes like overlay, color-burn, and hard-light does PixiJS support?"},{"a":"pixijs-blend-modes teaches performance optimization by strategically ordering objects with blend modes. Batching objects with the same blend mode together reduces render state changes and improves throughput. The skill shows how to structure your scene graph to minimize performance overhead when using multiple blend modes, ensuring smooth rendering even with complex compositing. Proper ordering prevents unnecessary GPU state switches during rendering.","q":"How can I optimize render performance by ordering blend mode objects?"},{"a":"pixijs-blend-modes covers configuring advanced blend modes using `useBackBuffer` and resolution settings. These parameters control how PixiJS renders complex blend operations, particularly for modes requiring intermediate framebuffers. The skill explains when to enable `useBackBuffer` for accuracy versus performance trade-offs, and how resolution affects blend quality. This configuration is essential for achieving correct visual results with demanding blend modes.","q":"How do I configure advanced blend modes with useBackBuffer and resolution?"},{"a":"pixijs-blend-modes addresses v8 API changes and blend mode fallbacks. The skill helps you troubleshoot compatibility issues when upgrading, including how blend mode strings are handled in newer versions and what fallback behavior to expect. Understanding these changes ensures your blend mode implementations work correctly across PixiJS versions and handles cases where certain blend modes aren't supported on target platforms.","q":"What changed with blend modes in PixiJS v8 API?"},{"a":"pixijs-blend-modes teaches sprite blending and layer compositing fundamentals. Apply blend modes to sprite objects to control color mixing with underlying content. The skill shows how to composite multiple layers using different blend modes\u2014combine multiply for shadows, screen for glows, and overlay for contrast. You'll learn to build complex visual effects by layering sprites with appropriate blend modes for professional 2D graphics in WebGL applications.","q":"How do I blend sprites and composite layers in PixiJS?"}],"shadow_tags":["gpu-compositing","render-batching","filter-pipeline","visual-effects","layer-blending","performance-optimization","hardware-accelerated","webgl-rendering","color-manipulation"],"summary_rewrite":"This skill teaches you how to apply and control blend modes when compositing multiple display objects in PixiJS. You'll learn which blend modes suit different visual effects, how to layer graphics with proper color mixing, and when to optimize blending for performance. Perfect for creating advanced visual effects in 2D WebGL applications."},"files":[{"bytes":8173,"path":"skills/pixijs-blend-modes/SKILL.md","sha256":"a6caea6766b1dd31efa35171ec2a29ec5ea4e0728f14d6847570804f71feb1a5","url":"https://skillfed.io/files/pixijs/pixijs-skills/pixijs-blend-modes/3448d96c/SKILL.md"}],"id":"pixijs/pixijs-skills/pixijs-blend-modes","links":{"html":"https://skillfed.io/pixijs/pixijs-skills/pixijs-blend-modes","md":"https://skillfed.io/pixijs/pixijs-skills/pixijs-blend-modes.md","repo":"https://github.com/pixijs/pixijs-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":16,"language":null,"last_updated":"2026-06-04","license":"MIT","name":"pixijs-blend-modes","publisher":"pixijs","stars":293},"relations":{"similar":[{"id":"pixijs/pixijs-skills/pixijs-filters"},{"id":"pixijs/pixijs-skills/pixijs"},{"id":"pixijs/pixijs-skills/pixijs-performance"},{"id":"pixijs/pixijs-skills/pixijs-scene-gif"},{"id":"pixijs/pixijs-skills/pixijs-accessibility"},{"id":"pixijs/pixijs-skills/pixijs-migration-v8"},{"id":"pixijs/pixijs-skills/pixijs-assets"},{"id":"freshtechbro/claudedesignskills/pixijs-2d"},{"id":"pixijs/pixijs-skills/pixijs-scene-dom-container"},{"id":"pixijs/pixijs-skills/pixijs-scene-mesh"}]},"slug":{"owner":"pixijs","repo":"pixijs-skills","skill":"pixijs-blend-modes"},"version":"3448d96c"}