Namespace: ticker

PIXI.ticker

This namespace contains an API for interacting with PIXI's internal global update loop.

This ticker is used for rendering, AnimatedSprite, InteractionManager and many other time-based PIXI systems.

Example

const ticker = new PIXI.ticker.Ticker();
ticker.stop();
ticker.add((deltaTime) => {
  // do something every frame
});
ticker.start();

Classes

Ticker

Members

PIXI.ticker.shared PIXI.ticker.Ticker staticconstant

The shared ticker instance used by PIXI.extras.AnimatedSprite. and by PIXI.interaction.InteractionManager. The property PIXI.ticker.Ticker#autoStart is set to true for this instance. Please follow the examples for usage, including how to opt-out of auto-starting the shared ticker.

Examples
let ticker = PIXI.ticker.shared;
// Set this to prevent starting this ticker when listeners are added.
// By default this is true only for the PIXI.ticker.shared instance.
ticker.autoStart = false;
// FYI, call this to ensure the ticker is stopped. It should be stopped
// if you have not attempted to render anything yet.
ticker.stop();
// Call this when you are ready for a running shared ticker.
ticker.start();
// You may use the shared ticker to render...
let renderer = PIXI.autoDetectRenderer(800, 600);
let stage = new PIXI.Container();
let interactionManager = PIXI.interaction.InteractionManager(renderer);
document.body.appendChild(renderer.view);
ticker.add(function (time) {
    renderer.render(stage);
});
// Or you can just update it manually.
ticker.autoStart = false;
ticker.stop();
function animate(time) {
    ticker.update(time);
    renderer.render(stage);
    requestAnimationFrame(animate);
}
animate(performance.now());