Web page animation solution with JsJava(jsjava-animation-2.0.js):

    Web page animation is more and more important for web client application.As we known,Flash is  a rathor excellent movie maker,and Adobe flex is a good selection for user.But along with web2.0 ,we are convinced of the importantance of Javascript.We hope to have a pure Javascript animation solution.So I add animation maker into JsJava open source project.
 
   The animation solution references to timeline idea From Flash.We think that a animation consist  of  scenes,and a scene consists of frames,and a frame associates a user-defined object model.All the  relations can be shown in the xml form as follows:
 
   <graph-animation>
   <graph-scene> // the animation scene
    <graph-frame> // the anmation scene frame
     <graph-object> // the user-defined object model
      <graph-meta-info>
       <graph-object-id>100</graph-object-id> // the user-defined object model id
       <graph-object-name>start</graph-object-name> // the user-defined object model name
       <graph-object-label>start</graph-object-label> // the user-defined object model label
      </graph-meta-info>
      <graph-type>node</graph-type> // the user-defined object model type
     </graph-object>
     <graph-frame-status>start</graph-frame-status> // the scene frame status
    </graph-frame>
    <graph-scene-sequence>1</graph-scene-sequence> // the scene sequence of the animation
   </graph-scene>
   <graph-scene>
    <graph-frame>
     <graph-object>
      <graph-meta-info>
       <graph-object-id>100</graph-object-id>
       <graph-object-name>start</graph-object-name>
       <graph-object-label>start</graph-object-label>
      </graph-meta-info>
      <graph-type>node</graph-type>
     </graph-object>
     <graph-frame-status>started</graph-frame-status>
    </graph-frame>
    <graph-frame>
     <graph-object>
      <graph-meta-info>
       <graph-object-id>10</graph-object-id>
       <graph-object-name>complete</graph-object-name>
       <graph-object-label>complete</graph-object-label>
      </graph-meta-info>
      <graph-type>edge</graph-type>
     </graph-object>
     <graph-frame-status>start</graph-frame-status>
    </graph-frame>
    <graph-scene-sequence>2</graph-scene-sequence>
   </graph-scene>
  </graph-animation>
 
   With JsJava animation solution,you can play animation.You can supsend the animation and restore it at any playing time. Furthermore you can execute custom action before animation or after animation.You can also render your page at every scene frame by executing custom action.
 
   If you want to know how to write javascript to define and control the animation,please reference to the JsJava package jsorg.eob.anmation.You also can reference to the examples from the JsJava official website http://www.jsjava.com  or http://jsjava.sourceforge.net/examples/AnimationExamples/index.php .
 
   By far the JsJava animation solution is still simple,and need everyone to help us to perfect it.You can contact me by write email freeeob@gmail.com.You also can contact me by MSN eye_of_back@hotmail.com.Or you can write email to JsJava project team whose email is jsjava@gmail.com .