pixijs-ticker

Coordinate per-frame updates with the PixiJS v8 render loop.

302|15|Updated Apr 1, 2026
One-click install
npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-ticker
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pixijs-ticker
Source: https://github.com/pixijs/pixijs-skills/tree/main/skills/pixijs-ticker
Command: npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-ticker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Coordinate per-frame updates with the PixiJS v8 render loop to drive animations, physics, and scene changes, ensuring consistent visuals across frame rates.

Core Features & Use Cases

  • Ticker-driven updates to drive per-frame logic and ensure ordered execution with the render loop.
  • Delta management with deltaTime, deltaMS, and elapsedMS for frame-rate independent calculations.
  • Frame-rate control via maxFPS and minFPS, plus UPDATE_PRIORITY-based scheduling for precise timing.
  • Support for per-object onRender hooks and multiple ticker instances (shared, system, and custom) for isolated workloads.

Quick Start

Set up app.ticker with a callback to update your scene each frame using ticker.deltaTime for frame-rate independent motion.

Frequently Asked Questions about pixijs-ticker

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

FAQPage Schema
How do I make PixiJS animations frame-rate independent?

You make PixiJS animations frame-rate independent by applying ticker.deltaTime and deltaMS values to scale per-frame movement, ensuring consistent visual speed across different device frame rates.

How do I control the render loop execution order in PixiJS?

Control the render loop execution order in PixiJS by assigning UPDATE_PRIORITY values to callbacks, scheduling precise timing for per-frame updates and physics logic before rendering.

Can I cap the frame rate of a WebGL render loop in PixiJS?

Yes, you can cap the frame rate of a WebGL render loop in PixiJS by setting the ticker's maxFPS and minFPS properties to limit rendering frequency and optimize overall performance.

Does PixiJS support multiple ticker instances for isolated workloads?

Yes, PixiJS supports multiple ticker instances including shared, system, and custom configurations, allowing isolated workloads and independent per-frame logic for different scenes.

What is deltaTime used for in the PixiJS render loop?

In the PixiJS render loop, deltaTime normalizes per-frame updates against a target frame rate, enabling deterministic animations and game logic calculations regardless of actual elapsed time.