Running examples can be found at http://indr.github.io/webcg-framework/ and https://indr.github.io/webcg-adobe-animate-adapter/.
Download the latest release and extract and copy the files in the same folder as your HTML template. Add a script reference
webcg-framework.umd.js in your HTML file like:
You must not add a reference to
webcg-devtools.umd.js. If you open your template in a browser and add
?debug=true to bring up the DevTools, the framework will lazyingly load
webcg-devtools.umd.js from the same directory.
Have a look at the example lower-third template to see how to use the API. A live version of this template can be found at https://indr.github.io/webcg-framework/lower-third-css-animations.html?debug=true.
The webcg-framework exposes a global object
webcg with these methods:
Register an event handler to a specific event type and/or AMCP command.
type: A case-sensitive string representing the event type, AMCP command and/or invoked function to listen for. For example
Removes an event listener.
||Fired when the template should play the intro animations and become visible.|
||Fired when the template should play the outro animations and become invisible.|
||Fired when the template should move the the next step in a multi step template (for example paged lists).|
||Fired when the template receives raw data.|
npm run build builds the library to
npm run dev builds the library, then keeps rebuilding it whenever the source files change.
npm run test run the unit tests in watch mode.
npm run demo starts a demo at localhost:8080.
Copyright and License
Copyright (c) 2018 Reto Inderbitzin, MIT License