@webvoxel/plugin-wasdcontrols

Colors Arcade Physics bodies by collision state.

State	Color
disabled	gray
blocked, not disabled	red
touching, not disabled or blocked	yellow
embedded, not disabled, blocked or touching	aqua
not disabled, blocked, touching, or embedded	violet

• Examples

UMD

<!-- after phaser.js -->
<script src="https://cdn.jsdelivr.net/npm/phaser-plugin-debug-body-colors@4.0.0"></script>

/* global Phaser, PhaserDebugBodyColorsPlugin */

new Phaser.Game({
  plugins: {
    scene: [
      { key: 'DebugBodyColorsPlugin', plugin: PhaserDebugBodyColorsPlugin, mapping: 'debugBodyColors' }
    ]
  },
  physics: {
    arcade: { debug: true }
  }
});

Quick load

function preload () {
  this.load.scenePlugin('PhaserDebugBodyColorsPlugin', 'https://cdn.jsdelivr.net/npm/phaser-plugin-debug-body-colors@4.0.0');
}

Module

import DebugBodyColorsPlugin from 'phaser-plugin-debug-body-colors';

new Phaser.Game({
  plugins: {
    scene: [
      { key: 'DebugBodyColorsPlugin', plugin: DebugBodyColorsPlugin, mapping: 'debugBodyColors' }
    ]
  },
  physics: {
    arcade: { debug: true }
  }
});