pixijs-events

Handle per-object pointer events in PixiJS by using the federated event system, which mirrors DOM input events directly on the scene graph. This allows individual interactive objects to capture mouse and touch inputs without polluting global state.

The PixiJS federated event system models DOM-like input events on the scene graph, enabling per-object interaction. It uses eventMode values to control what objects listen to input and provides FederatedPointerEvent data for rich hit testing.

Implement drag and drop in PixiJS by setting an object's eventMode to static or dynamic and tracking global move events. The federated event system exposes global pointer coordinates necessary for tracking drag interactions across the canvas.

PixiJS supports touch and wheel events for interactive UI elements through FederatedWheelEvent and FederatedPointerEvent data. These events provide rich input handling for game sprites and containers within PixiJS v8 scenes.

In PixiJS, eventMode values like static and dynamic control what objects listen to input. Static eventMode suits standard interactive UI elements, while dynamic eventMode handles objects requiring frequent hit testing updates during interactions.

PixiJS pointer events may not trigger on overlapping containers if eventMode is not properly configured or hit testing is skipped. Ensure the target container has an appropriate eventMode and a defined hitArea to capture the input.