JamiShip

JamiShip is a lightweight JavaScript Animation Engine to manipulate movable components on HTML canvas. The engine provides as below:

1. animation engine which control frame of animation
   • We can set frame option to ( asynchronized fixed time (timer) / synchronized frame (turn) )
   • custom operation can be run at each frame by inserting it to the engine
2. JS-based custom operation generator
   • We can code component's behavior by javascript function. We can use three functions
     • setup(): run before animation starts
     • init(): run for initial frame when animation starts
     • loop(): run for each frame when animation starts
3. Component Management on engine
   • component objects are on control of animation engine
   • syntax of components are also given in class_example directory
   • you can also refer to our demo code to use this module
4. logger for animation result
   • Presquities: we follow react hook's state structure on logger. We need an [state, statesetter] to initialize logger
   • You can write log on engine runtime, component methods

Examples

A demo using JamiShip engine [ Repository ]