name: pixijs-scene-sprite description: "Use for PixiJS v8 image sprites: Sprite, AnimatedSprite, NineSliceSprite, TilingSprite, texture/anchor/tint, frame animation, scalable UI panels, repeating backgrounds." license: MIT
Use this for drawing image-based scene objects.
Route
- Plain image display: references/sprite.md
- Frame animation from textures/spritesheets: references/animated-sprite.md
- Scalable UI panels: references/nineslice-sprite.md
- Repeating or scrolling textures: references/tiling-sprite.md
- Expanded entrypoint notes: references/details.md
Rules
- Load remote textures with
Assets.loadbefore creating sprites. - Use
anchor,scale,rotation,tint, andalphafor cheap visual changes. - Sprites are leaves; group them in a
Containerwhen you need children or shared transforms. - Use
AnimatedSpritefor spritesheet animation, not GIF playback. - Use
NineSliceSpritefor resizable panels andTilingSpritefor repeated backgrounds.
Common Fixes
Texture.from(url)fails to load: useAssets.load(url)first.- Child added to sprite: wrap sprite and child in a
Container. - Updated texture frame not reflected: update texture UVs and notify the sprite as required.