Skip to content

excaliburjs/dev-tools

⚠️ Excalibur dev tools are moving to a browser extension ⚠️

Please visit:

Excalibur Dev Tools

This is a dev tool to help you debug your game written in excalibur.

This tool allows you to see information about the engine, currentScene, camera, clock, entities, and more!

UI is built using tweakpane

Using dev tools in your excalibur game!

  1. Install using npm
> npm install @excaliburjs/dev-tools
  1. Inside your game code pass your game to the devtool
const game = new ex.Engine({...});
const devtool = new DevTool(game);
  1. Voila!

image

Standalone Script File

In your HTML file, add a reference devtools-tiled.min.js in your page:

<script type="text/javascript" src="https://unpkg.com/excalibur"></script>
<script type="text/javascript" src="https://unpkg.com/@excaliburjs/dev-tools"></script>

and then you can use it like this:

const game = new ex.Engine({...});
const devtool = new ex.DevTools.DevTool(game);

The dist uses a UMD build and will attach itself to the ex.DevTools.DevTool global if running in the browser standalone.

Building & Running Locally

Install node & npm

  • npm install
  • npm run start