https://github.com/samme/phaser-plugin-display-list-watcher
Shows the scene display lists
https://github.com/samme/phaser-plugin-display-list-watcher
Last synced: 4 months ago
JSON representation
Shows the scene display lists
- Host: GitHub
- URL: https://github.com/samme/phaser-plugin-display-list-watcher
- Owner: samme
- Created: 2024-12-22T20:07:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-09T20:33:08.000Z (over 1 year ago)
- Last Synced: 2025-02-09T21:27:43.135Z (over 1 year ago)
- Language: JavaScript
- Size: 93.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Phaser Display List Watcher Plugin
==================================
Shows the scene display lists.
Display
-------
± type name (x, y) depth (count)
`+` is visible; `-` is invisible.
`x`, `y`, and `depth` are rounded to the nearest 0.1.
`count` is the number of children (Blitter, Container, Layer) or tiles (TilemapLayer).
Keyboard Controls
-----------------
| Key Combination | Action |
|-------------------------------------------------------------------|-----------------------|
| shift + left, right, up, down | Scroll the display |
| shift + pageup | Scroll page up |
| shift + pagedown | Scroll page down |
| shift + home | Scroll to start |
| shift + end | Scroll to end |
| shift + Z | Toggle display on/off |
| shift + X | Show display |
| shift + C | Hide display |
| shift + V | Reset scroll |
Multiple Scenes
---------------
Scene displays are stacked left to right. Use the keyboard controls to scroll.
If you have stopped scenes that you never need to use again, you could remove them to make space.
Install
-------
### Quick Load
- [Quick load example](https://phaser.io/sandbox/W8VM9ZYG)
```js
// In preload():
this.load.scenePlugin('DisplayListWatcher', 'https://cdn.jsdelivr.net/npm/phaser-plugin-display-list-watcher@1.2.1')
```
### Module
```js
import DisplayListWatcher from 'phaser-plugin-display-list-watcher'
new Phaser.Game({
plugins: {
scene: [
{
key: 'DisplayListWatcher',
plugin: DisplayListWatcher
}
]
}
})
```
### Script tags / UMD
- [Script tag example](https://codepen.io/samme/pen/EaYmBwp)
```html
```
```js
/* global DisplayListWatcher */
new Phaser.Game({
plugins: {
scene: [
{
key: 'DisplayListWatcher',
plugin: DisplayListWatcher
}
]
}
})
```