GitHub - rwaldron/burst: A javascript vector animation engine for the HTML5 Canvas supporting SVGs, Blender3D objects, timelines, easing, command chanining and callbacks.

rwaldron / burst Public

Notifications You must be signed in to change notification settings
Fork 6
Star 2

A javascript vector animation engine for the HTML5 Canvas supporting SVGs, Blender3D objects, timelines, easing, command chanining and callbacks.

hyper-metrix.com/burst/development/doc/

2 stars 6 forks Branches Tags Activity

Star

Notifications

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 21 Commits
core		core
doc		doc
js		js
shapes		shapes
README		README

Repository files navigation

                          <=====+'                                                                             
                        .hNNNNNNNN~                         
                        'DNNNNNNNN(                         
              +NNNh' '<hBNNNNNNNNNB=-   =NNNz.              
            <NNNNNNNNNNNNNNNNNNNNNNNNNBNNNNNNNz.            
           hNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN~           
           ~BNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN=            
             sNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN=              
            =NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNND'             
         . <NNNNNNNNNNNNNNNNDhhNNNNNNNNNNNNNNNz. .          
      <DNNNNNNNNNNNNNNNNNB-     .zNNNNNNNNNNNNNNNNNN=       
      sNNNNNNNNNNNNNNNNND'        sNNNNNNNNNNNNNNNNND       
      sNNNNNNNNNNNNNNNNND.        =NNNNNNNNNNNNNNNNND       
      sNNNNNNNNNNNNNNNNNNz       <NNNNNNNNNNNNNNNNNNh       
       .<++hNNNNNNNNNNNNNNND+~(sNNNNNNNNNNNNNNB=+++-        
           'BNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+             
            -BNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN=              
            =NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNh'            
           DNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN~           
           -DNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN<                       
             -DNNNNs=NNNNNNNNNNNNNNNNh((BNNNN+              
               '<~     .<BNNNNNNNN+      '<~                
                        'DNNNNNNNN(                         
                         'sDhhhDh~
                                               
              T H E - B U R S T - E N G I N E
              

VIDEO TUTORIALS
-------------------------------------------------------------------------------
1) Importing and animation SVGs from Inkscape: http://hyper-metrix.com/burst/development/doc/tut/Burst0.3.30Demo/
2) SVG Groups, Timeline Inheritance and Callbacks: http://www.hyper-metrix.com/burst/development/doc/tut/SVGGroups/

QUICK DEMOS
-------------------------------------------------------------------------------
1) Animating SVG Characters - GitHub's Octocat: http://localhost/burst/doc/demos/js/Octocat-iPhone/Octocat-iPhone.htm
2) Animatnig an SVG Car - Callbacks & inheritance: http://www.hyper-metrix.com/burst/development/doc/demos/js/Burst%20Engine%20-%20Tutorial%202%20-%20SVG%20Groups/
3) Mouse Tricks - .mouseX/Y, angleTo() & .always(): http://www.hyper-metrix.com/burst/development/doc/demos/js/Mouse%20Tricks/

USEFUL LINKS
-------------------------------------------------------------------------------
1) Burst Engine Documentation http://hyper-metrix.com/burst/development/doc/
2) Burst Engine IRC Channel: irc://irc.freenode.net/Burst
3) Twitter: http://twitter.com/F1LT3R 


ABOUT BURST ENGINE
-------------------------------------------------------------------------------
The Burst Engine is an OpenSource vector animation engine for the HTML5 Canvas 
element. Burst provides similar web functionality to Flash and contains a layer
based animation system like After Effects. Burst uses a very light-weight 
JavaScript frame, meaning your animations will download unnoticably quick and 
can be controlled using very simple JavaScript commands, allowing for chaining
and callbacks.