Media
3 items
Description
Visual inspector for the PixiJS scene tree and node properties Pixi Scene Inspector is a live scene debugger for PixiJS apps. Open a docked panel on any page that exposes your Pixi application and explore the display-object tree while the game is running. HOW TO USE 1. In your game, expose the Pixi app (first match wins): globalThis.__PIXI_APP__ = app; 2. Press Shift+` on the page to toggle the inspector. 3. Browse the tree, select nodes, and edit properties in real time. Also looks for __PIXI_STAGE__, __PIXI_RENDERER__, and related globals. FEATURES • Scene tree colored by display-object type, with custom labels and invisible nodes • Properties panel for transform, visibility, rendering, and interactivity • Canvas pick: click the game canvas to select the node under the cursor • Live refresh (configurable interval in extension options) • Filter to keep matching nodes and their ancestors • Canvas highlight for the selected node(s), including pivot/anchor markers • Multi-select, drag & drop reparent, copy/paste move • Isolate subtree, toggle visibility, keyboard navigation • Selected node available in the page console as $pixi • Dock or float the tree and properties panels; layout is remembered Ideal for debugging PixiJS games and interactive canvases without rebuilding your app.