skills.rest
encounterplus
encounterplusOFFICIAL
Explore all skills by this author →
WebsiteGitHub

pixijs-assets

Load and cache PixiJS v8 assets into GPU-ready runtime with format detection.

16|8|Updated May 20, 2020
Search Tags:#gpu memory#pixijs#web fonts#spritesheets#assets loading#video textures#background preload
One-click install
npx skills add https://github.com/encounterplus/web-client --skill pixijs-assets-encounterplus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pixijs-assets
Source: https://github.com/encounterplus/web-client/tree/main/.agents/skills/pixijs-assets
Command: npx skills add https://github.com/encounterplus/web-client --skill pixijs-assets-encounterplus

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the problem of reliably loading, resolving, grouping, caching, and unloading PixiJS runtime assets (textures, spritesheets, fonts, video, and more) without getting stuck on loader quirks, progress handling, or memory leaks.

Core Features & Use Cases

  • Unified asset loading & caching: Load textures, SVGs, JSON, text, video textures, spritesheets, web/bitmap fonts, GIFs, and compressed textures through PixiJS Assets with correct format detection and GPU-ready results.
  • Bundle/manifest workflows: Group assets into named bundles and load/unload them together, including manifest-driven setup for predictable startup graphs.
  • Practical performance & reliability patterns: Track progress for foreground loads, background-load upcoming content, force a specific loader when URLs lack extensions, and safely unload to reclaim GPU memory.

Quick Start

Tell the Skill: initialize Assets with your basePath, then load a texture called bunny.png and add it to the Pixi stage.

Frequently Asked Questions about pixijs-assets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I load PixiJS spritesheets and textures into GPU memory without leaks?▼

Use PixiJS Assets to load spritesheets and textures into a cached, GPU-ready runtime with automatic format detection and safe unloading to prevent GPU memory leaks.

What is the best way to preload PixiJS assets in bundles for game scenes?▼

Use manifest-driven bundle workflows in PixiJS Assets to group textures, fonts, and video textures into named bundles for predictable scene loading and unloading.

Can I load web fonts and video textures with PixiJS Assets?▼

Yes, PixiJS Assets supports loading web fonts, bitmap fonts, video textures, animated GIFs, and compressed textures with automatic format detection and GPU-ready caching.

How do I force a specific parser in PixiJS when asset URLs lack file extensions?▼

Supply the parser option in LoadOptions to force a specific parser, overriding automatic format detection when asset URLs lack file extensions in PixiJS.

Does PixiJS support background preloading for upcoming content?▼

Yes, PixiJS Assets supports background preloading of upcoming content while tracking progress for foreground loads, enabling smooth scene transitions.

Why do I need to initialize Assets before loading textures in PixiJS v8?▼

Initializing Assets with configuration like basePath ensures correct URL resolution and manifest-driven setup before loading textures, spritesheets, or fonts in PixiJS v8.

Related Skills

Explore More Software Engineering Skills→
pixijspixijs
302

pixijs-assets

Manage PixiJS v8 asset loading, caching, and bundles.

Official
Advanced
matthewharwoodmatthewharwood
1

pixijs-performance

Profile and optimize PixiJS apps to reduce FPS drops and draw calls.

Community
Advanced
adamhjkadamhjk
2

pixijs-scene-sprite

Render and animate images in PixiJS with sprite classes.

Community
Basic
matthewharwoodmatthewharwood
1

pixijs-assets

Load and cache PixiJS assets with resolution and format detection.

Community
Advanced