It had been a few years since I I had looked at the possibilities, so I did a little digging on JS animation.
Following my notes and links.
The Smashing magazine article was good as were a couple tutorials. I am interested in the libraries; Web Animations API, Velocity.js, Greensock.com and Processing.js (note Khanacademy.org class). The animation editors look to have reached maturity I am hopeful for the Google Web Designer Beta and hope that it is easy to use the exportable code for animations as modules within larger development.
- Articles and Tutorials:
- Good article Smashing magazine: "The State Of Animation 2014" title says it all
- Fun tutorial, to bad I cant find more than 1 of 4.
- Greensock.com: Looks useful, a nearly free set of libraries for animation, tweening, timelines, etc.
- Processing.js: Interesting, note Khanacademy.org course, "sister project of the popular Processing visual programming language, designed for the web. Processing.js makes data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. You write code using the Processing language, include it in your web page, and Processing.js does the rest."
- Online Courses:
- Google Web Designer Beta: An editor to create interactive HTML5-based designs and motion graphics that can run on any device. The exported code is exposed and editable. I wonder about using exported elements a pieces of larger projects.
- Mixeek: A FREE online css3 & html5 animation editor.
- html5maker: A pay online css3 & html5 animation editor
- Plenty more ...