This library provides the interface capabilities of Gibber without the code editing environment.
You can simply download the repo and skip straight to the usage section if you don't need to modify the library. If you want to modify gibber.lib, here's how to build it:
- If you don't have it, install npm (the node.js package manager) from http://npmjs.org
- Inside the top level of the repo, run
npm installin the terminal. - Run
gulp. This is a build module that is installed in step 2.
The build outputs a UMD file, gibber.interface.lib.js, and a minified version.
The library can be used with plain script tags, CommonJS or AMD style includes. Below is a simple example that displays four interactive widgets
<html>
<head>
<script src='build/gibber.interface.lib.js'></script>
</head>
<body></body>
<script>
Gibber.init()
a = Slider({ label:'slider' })
b = Button({ label:'button' })
c = Crossfader()
d = Keyboard()
</script>
</html>If you want to use CommonJS (node or browserify), just use the following to start things off (assuming you have the module installed):
Gibber = require( 'gibber.interface.lib' )
Gibber.init()