animatex

A lightweight framework for custom animations.

See this in use at levi.codes/dynamics!

Notable Features

• Animator
  • Handles the animation loop.
  • Maintains a list of all currently running animation jobs.
  • Updates jobs as a separate step from drawing them.
• AnimationJob
  • An abstract class that defines an interface for updating, drawing, starting, and finishing distinct jobs that are run by the animator.
  • The TransientAnimationJob sub-class supports jobs that will be automatically finished after a certain duration.
  • The PersistentAnimationJob sub-class supports jobs that will run indefinitely and need to manually stopped by the consumer.
• FrameLatencyProfiler
  • Used by the Animator to keep track of the min, max, and average animation frame durations.
  • Logs warnings when animation frames take too long.

Acknowledgements / Technology Stack

The technologies used in this application include:

• ES2015
• WebGL
• gulp.js
• Babel
• Browserify
• SASS
• Numerous other packages that are available via NPM (these are listed within the package.json file)

Developing / Running the Code

See Getting Set Up or Understanding the Code for more info.

License

MIT