https://github.com/samme/phaser-plugin-debug-arcade-physics
Draws properties of Arcade Physics bodies. Phaser 2/CE
https://github.com/samme/phaser-plugin-debug-arcade-physics
phaser phaser-arcade-physics phaser-plugin
Last synced: about 1 year ago
JSON representation
Draws properties of Arcade Physics bodies. Phaser 2/CE
- Host: GitHub
- URL: https://github.com/samme/phaser-plugin-debug-arcade-physics
- Owner: samme
- Created: 2016-07-15T01:25:17.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2019-06-25T18:16:05.000Z (almost 7 years ago)
- Last Synced: 2025-04-06T09:28:01.414Z (about 1 year ago)
- Topics: phaser, phaser-arcade-physics, phaser-plugin
- Language: CoffeeScript
- Homepage: https://samme.github.io/phaser-plugin-debug-arcade-physics/
- Size: 1.12 MB
- Stars: 19
- Watchers: 5
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-phaser - Debug arcade physics - Draws properties of Arcade Physics bodies (Uncategorized / Uncategorized)
README
Draws properties of Arcade Physics bodies. [Demo](https://samme.github.io/phaser-plugin-debug-arcade-physics/)

Install
-------
npm install -S phaser-plugin-debug-arcade-physics
or
bower install -S samme/phaser-plugin-debug-arcade-physics
or add [DebugArcadePhysics.js](dist/DebugArcadePhysics.js) after phaser.js.
Use 🚀
---
```javascript
game.plugins.add(Phaser.Plugin.DebugArcadePhysics);
// OR
game.plugins.add(Phaser.Plugin.DebugArcadePhysics, {
// options … (see Configure, below)
});
```
### Configure
You can try these in the [demo](https://samme.github.io/phaser-plugin-debug-arcade-physics/).
```javascript
game.debug.arcade.configSet({ // default values:
bodyFilled: false,
filter: null ,
lineWidth: 1 ,
on: true ,
renderAcceleration: true ,
renderAngularAcceleration: true ,
renderAngularDrag: true ,
renderAngularVelocity: true ,
renderBlocked: true ,
renderBody: true ,
renderBodyDisabled: true ,
renderCenter: true ,
renderConfig: false,
renderDrag: true ,
renderFriction: true ,
renderLegend: true ,
renderMaxVelocity: true ,
renderOffset: true ,
renderRotation: true ,
renderSpeed: true ,
renderTouching: true ,
renderVelocity: true ,
}); // -> see console for values
```
### Filters
Some filters are included:
- `exists`
- `isAlive`
- `isBullet`
- `isNotBullet`
- `isNotParticle`
- `isNotSprite`
- `isParticle`
- `isSprite`
```javascript
// Example:
// Hide bodies of objects w/ exists=false (Phaser ignores these, but doesn't disable them)
game.debug.arcade.configSet({
filter: Phaser.Plugin.DebugArcadePhysics.exists
});
// Example:
// Keep automatic rendering 'on' but limit to Bullets
game.debug.arcade.configSet({
filter: Phaser.Plugin.DebugArcadePhysics.isBullet
});
// Example:
// Keep automatic rendering 'on' but limit to certain objects:
game.debug.arcade.configSet({
filter: function (obj) { return obj.name === "player" }
});
```
### Special uses
```javascript
// Turn automatic rendering off
game.debug.arcade.off()
// Draw just one body
game.debug.arcade.renderObj(player);
// Draw one property of one body
game.debug.arcade.renderVelocity(player);
```