UI events for scene graphs

Usage no npm install needed!

<script type="module">
  import pixiEvents from 'https://cdn.skypack.dev/@pixi/events';



This packages implements the Federated Events API, the plumbing behind the propagation of UI events into the PixiJS scene graph.


npm install @pixi/events


import { Renderer } from '@pixi/core';
import { Application } from '@pixi/app';
import { EventSystem } from '@pixi/events';

// If you are using the pixi.js/pixi.js-legacy bundles, you'll need to remove the interaction
// plugin. This is not needed when using the scoped (@pixi/) packages directly.
delete Renderer.__plugins.interaction;

const app = new PIXI.Application();
const { renderer} = app;


// Install the EventSystem
renderer.addSystem(EventSystem, 'events');

// Add a click listener!
stage.addEventListener('click', function handleClick()
    console.log('Hello world!');

// Render stage so that it becomes the root target for UI events

// Dispatch a synthetic event on the canvas to test it.
renderer.view.dispatchEvent(new PointerEvent('click', {
    pointerType: 'mouse',
    clientX: 1,
    clientY: 1,
    isPrimary: true,