node package manager


Debug helpers for voxel.js


Debug helpers for voxel.js using dat-gui.

View this example

// Loads a dat-gui in the top right with settings 
var debug = require('voxel-debug')(game)
// Add a x,y,z axis at center of game and 10 voxels big 
debug.axis([0, 0, 0], 10)

You may want to add to your own settings to the dat-gui controls. Install dat-gui with npm install dat-gui and configure as such:

var gui = new (require('dat-gui')).GUI()
var debug = require('voxel-debug')({
  game: game,
  gui: gui
// Create a folder and add position properties for a fictious item 
var folder = gui.addFolder('Item Position')
folder.add(item.position, 'x')
folder.add(item.position, 'y')
folder.add(item.position, 'z')
// OR just let this lib create a dat-gui instance for you 
var debug = require('voxel-debug')(game)
var folder = debug.gui.addFolder('My Own Thing')

Please goto for more examples on using dat-gui.

Please open a PR to add more useful default debug properties!

Returns a function to create a debugger:

var debug = createDebug({game: game, gui: gui})

Displays a new axis at position and with size. Returns the AxisHelper.

Opens all the folders.

Closes all the folders.

Contains the active instance of dat-gui.

Contains the active instance of the debug folder that contains

With npm do:

npm install voxel-debug

Use browserify to require('voxel-debug').

  • 0.3.0 - Add render properties (@deathcap)
  • 0.2.0 - Add open/close methods
  • 0.1.0 - initial release

Copyright (c) 2013 Kyle Robinson Young
Licensed under the MIT license.