pixijs-scene-sprite

star 3

Use for PixiJS v8 image sprites: Sprite, AnimatedSprite, NineSliceSprite, TilingSprite, texture/anchor/tint, frame animation, scalable UI panels, repeating backgrounds.

Xopoko By Xopoko schedule Updated 6/11/2026

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

Rules

  • Load remote textures with Assets.load before creating sprites.
  • Use anchor, scale, rotation, tint, and alpha for cheap visual changes.
  • Sprites are leaves; group them in a Container when you need children or shared transforms.
  • Use AnimatedSprite for spritesheet animation, not GIF playback.
  • Use NineSliceSprite for resizable panels and TilingSprite for repeated backgrounds.

Common Fixes

  • Texture.from(url) fails to load: use Assets.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.
Install via CLI
npx skills add https://github.com/Xopoko/plug-n-skills --skill pixijs-scene-sprite
Repository Details
star Stars 3
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator