Implement PixiJS v8 federated event handling for cross-device user input.
npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-events
Please help me install this Agent Skill. Skill: pixijs-events Source: https://github.com/pixijs/pixijs-skills/tree/main/skills/pixijs-events Command: npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-events
PixiJS's federated event system mirrors DOM events on the scene graph. Set container eventMode to 'static' to opt an object in, then listen with on, addEventListener, or onEventName property handlers. Move events fire only over the listening object; use globalpointermove for drag.
Set up a PixiJS container with eventMode and attach a pointerdown listener to respond to user interactions.
High-intent search queries and answers about installing and using this skill.
Handle pointer events in PixiJS v8 by setting a container's eventMode to 'static' to opt it in, then attaching listeners using on, addEventListener, or onEventName property handlers to respond to FederatedPointerEvent payloads.
The PixiJS federated event system mirrors DOM events on the scene graph, supporting propagation, capture phases, and hitArea overrides to deliver rich event payloads like FederatedPointerEvent and FederatedWheelEvent across interactive containers.
Implement drag operations in PixiJS by setting eventMode to 'static' on the target object and listening to globalpointermove events, which fire continuously during dragging instead of only when the pointer is directly over the listening object.
Use eventMode values 'none', 'passive', 'auto', 'static', or 'dynamic' in PixiJS to tailor interaction behavior and performance-tune event features, opting objects into hit-testing and propagation only when necessary.
PixiJS v8 supports custom hit testing and cursor styling through hitArea overrides and cursor integration on containers, sprites, and UI elements to build responsive interactive scenes.
PixiJS move events fire only over the listening object by design; to track pointer movement outside the object's bounds during actions like dragging, use the globalpointermove event on the stage or a parent container.
alexkaferConfigure PixiJS v8 federated event modes, hit areas, and cursor behavior.
adamhjkOverlay HTML elements onto PixiJS scenes with synchronized CSS transforms.
adamhjkExplain PixiJS scene graph hierarchies, transforms, and display object types.
matthewharwoodHandle per-object pointer, mouse, touch, and wheel events in PixiJS v8.
