jeremyckahn.github.io
Kapi - open source keyframing animation API for HTML 5 canvas
http://jeremyckahn.github.io/kapi
A keyframing API for the HTML 5 canvas. A JavaScript framework by Jeremy Kahn. Kapi constructor and object reference. Latest stable release: 1.0.7. NOTE: Kapi is no longer being developed. However, this library has been rewritten with a nearly identical API and improved feature set. The new version is being actively developed - check out Rekapi. Kapi is free and open source software ( MIT license. Here's the code that generated what you see above:. The future is now! CME Group 2010 Annual Report. If you ...
jeremyckahn.github.io
Shifty!
https://jeremyckahn.github.io/shifty
Shifty is a JavaScript tweening engine designed to fit all of your animation needs. Core features include:. Speed: Shifty is optimized for performance. Flexibility: Shifty provides numerous low-level APIs to hook into the animtion pipeline. Object works well as the base in a prototype chain. Small download size: The standard distribution (which includes all extensions) is less than 4Kb when minified and gzipped. The core of the library (. Is less than 2Kb when minified and gzipped. Variable from 0 to 10 ...
rekapi.com
Rekapi - A keyframe animation library for JavaScript
http://www.rekapi.com/sandbox.html
A keyframe animation library for JavaScript. Learn about the Actor API here. Preview the available easing curves here. Update with the keyframes below. Actor .keyframe(0, { x: 100, y: 100, radius: 50, color: '#ddd' }).keyframe(1500, { x: 300, y: 380, radius: 100, color: '#666' }, { x: 'easeOutSine', y: 'easeOutExpo', radius: 'easeOutExpo', color: 'easeOutExpo' }).wait(2000);. You can also type. To while focused on the editor to update the animation.
javascriptweblog.wordpress.com
A fresh look at JavaScript Mixins – JavaScript, JavaScript…
https://javascriptweblog.wordpress.com/2011/05/31/a-fresh-look-at-javascript-mixins
JavaScript, JavaScript…. A fresh look at JavaScript Mixins. In this article I’ll explore JavaScript mixins in detail, and introduce a less conventional, but to my mind more natural mixin strategy that I hope you’ll find useful. I’ll finish up with a profiler matrix. Summarizing the performance impact of each technique. [A big Thank You to the brilliant @kitcambridge. For reviewing and improving the code on which this blog is based! OK but this is JavaScript, and we have no classes. This is actually a...
rekapi.com
Rekapi - A keyframe animation library for JavaScript
http://www.rekapi.com/ease.html
A keyframe animation library for JavaScript. Mix and match different easing methods. The source for the functions are here. You can drag the crosshairs to change the start and end positions of the tween. Rekapi is free and open source software, obsessively made by Jeremy Kahn.
SOCIAL ENGAGEMENT