{"enrichment":{"faq":[{"a":"pixijs-scene-gif enables you to load and display animated GIF files as sprites in PixiJS v8 scenes. The skill covers loading GIF assets, creating sprite instances from GIF sources, and integrating them into your rendering pipeline for both WebGL and Canvas environments. You can render multiple GIF sprites simultaneously with smooth animation playback.","q":"How do you play animated GIFs in PixiJS?"},{"a":"pixijs-scene-gif provides playback speed control through speed multipliers and frame position management. You can adjust animation speed, control looping behavior, and manually update the current frame. The skill teaches how to manipulate playback parameters to achieve custom animation timing for your GIF sprites.","q":"How can you control GIF animation speed in pixijs-scene-gif?"},{"a":"pixijs-scene-gif handles animation lifecycle events and callbacks including onComplete and onLoop events. You can respond to frame changes and animation state transitions, enabling you to trigger custom logic when animations finish or loop. This allows you to coordinate GIF playback with other scene interactions.","q":"What animation lifecycle events does pixijs-scene-gif support?"},{"a":"Yes, pixijs-scene-gif supports sharing GIF source data across multiple sprite instances through GIFSource cloning and sharing. This approach optimizes memory usage by allowing multiple sprites to reference the same underlying GIF asset data rather than duplicating it for each sprite.","q":"Can you share GIF source data across multiple sprite instances?"},{"a":"pixijs-scene-gif manages GIF memory and texture cleanup on sprite destruction. The skill teaches proper resource management to prevent memory leaks when removing GIF sprites from your scene, ensuring efficient cleanup of textures and animation data associated with each sprite instance.","q":"How does pixijs-scene-gif handle memory and texture cleanup?"},{"a":"pixijs-scene-gif provides native GIF file support as an alternative to traditional spritesheets. While AnimatedSprites require pre-split frame images, pixijs-scene-gif loads complete GIF files directly, offering simpler asset management and better performance in scenarios where GIF animation is the primary requirement.","q":"What's the difference between GIF sprites and PixiJS AnimatedSprites?"}],"shadow_tags":["frame-animation","gif-playback","sprite-management","asset-loading","animation-control","callback-events","memory-management","texture-rendering"],"summary_rewrite":"This skill teaches agents how to load and render animated GIF files as sprites within PixiJS v8 scenes. It covers the setup process, sprite creation from GIF sources, and integration with PixiJS's rendering pipeline for WebGL and Canvas environments. Perfect for developers building interactive 2D applications that need smooth GIF animation support."},"files":[{"bytes":10002,"path":"skills/pixijs-scene-gif/SKILL.md","sha256":"9f8e2f9e2c70ba427695e67126948188e2868109e86449f31e06b822fe2ae078","url":"https://skillfed.io/files/pixijs/pixijs-skills/pixijs-scene-gif/ed0b2ecb/SKILL.md"}],"id":"pixijs/pixijs-skills/pixijs-scene-gif","links":{"html":"https://skillfed.io/pixijs/pixijs-skills/pixijs-scene-gif","md":"https://skillfed.io/pixijs/pixijs-skills/pixijs-scene-gif.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-scene-gif","publisher":"pixijs","stars":293},"relations":{"similar":[{"id":"pixijs/pixijs-skills/pixijs-assets"},{"id":"pixijs/pixijs-skills/pixijs"},{"id":"pixijs/pixijs-skills/pixijs-scene-core-concepts"},{"id":"pixijs/pixijs-skills/pixijs-blend-modes"},{"id":"pixijs/pixijs-skills/pixijs-scene-sprite"},{"id":"pixijs/pixijs-skills/pixijs-filters"},{"id":"pixijs/pixijs-skills/pixijs-performance"},{"id":"freshtechbro/claudedesignskills/pixijs-2d"},{"id":"pixijs/pixijs-skills/pixijs-accessibility"},{"id":"pixijs/pixijs-skills/pixijs-migration-v8"}]},"slug":{"owner":"pixijs","repo":"pixijs-skills","skill":"pixijs-scene-gif"},"version":"ed0b2ecb"}