https://github.com/lloydevans/playcanvas-datgui

Some simple bindings between playcanvas and dat.gui for easily creating debug UI and interactive demos.
https://github.com/lloydevans/playcanvas-datgui

datgui game-development playcanvas webgl

Last synced: 7 months ago
JSON representation

Some simple bindings between playcanvas and dat.gui for easily creating debug UI and interactive demos.

• Host: GitHub
• URL: https://github.com/lloydevans/playcanvas-datgui
• Owner: lloydevans
• License: mit
• Created: 2020-09-03T18:14:45.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-09-04T20:59:15.000Z (about 5 years ago)
• Last Synced: 2025-03-05T00:52:36.266Z (7 months ago)
• Topics: datgui, game-development, playcanvas, webgl
• Language: JavaScript
• Homepage:
• Size: 48.8 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# playcanvas-datgui

![alt text](https://i.ibb.co/7Y7gZN4/playcanvas-datguipreview.gif "Preview")

See a live demo [here](https://playcanv.as/p/yvrjXeBc/).

Some simple bindings between playcanvas and dat.gui for easily creating debug UI and interactive demos.

## Setup

### With pre-built script

Include the dat.gui lib in your project by getting the source from [here](https://www.npmjs.com/package/dat.gui).

Then include `build/umd/playcanvas-datgui.js` and make sure it is loaded after the dat.gui.js script.

Add the component to an object in the scene and view the inspector properties for configuration info. You can also view an example here.

### With es module

`npm i -S playcanvas-datgui`

Import this module into your bundle and it will register itself as a script. It requires the dat.gui dependency.