Open app/index.html in a modern webkit browser. You may have to run it on a simple server for files to load.
##Get started
- Add a shape to the stage by clicking on one of the shape icons
- You can edit the shape on the stage, drag it around, change it's size or rotate it.
- Use the properties panel to play around some more.
- To animate, move the time bar (the long slider) then edit the shape
- Move the slider between the two states, you should see it transitioning
- Below the slide bar is a timeline. This displays each shapes keyfames. To edit a keyframe simply click on it.
- Have fun.
##Technology
- Fabric - Used to wrap canvas with some awesome features. Fabric handles drawing and editing on the canvas. It also emits a range of useful events.
- HTML5 canvas - Used to render pixels to the sceen
- Backbone - For structure, and data driven UI.
- Handlebars - For templating
- Require - Load files and modules, keeping dependencies in order.