Animate the Web with Ember.js
summary
Claims that Ember.js plus HTML5 Canvas can run frame‑by‑frame, interactive cartoons by loading a sprite sheet, using drawImage, and driving frames with Ember.run.later; demos show a raccoon animation with play/pause and it works. Explains building multi‑layered scenes with keyframe effects, using the Web Animations API polyfill and GroupEffect to synchronize layers, and notes tradeoffs: canvas for performance, Web Animations for DOM accessibility and easier authoring.
AI-written summary · about
chapters (20)
- 0:00Introduction
- 2:10What are animations
- 12:30HTML5 Canvas
- 13:00Canvas Context
- 14:10Create Animation Component
- 14:30Draw Image Method
- 16:37Draw
- 18:13Run Later
- 19:11Play Later
- 19:37Demo
- 20:09Performance
- 21:33Accessibility
- 22:06Web Animations
- 23:43Web Animations Demo
- 24:47Animation Options
- 26:35Sub Components
- 27:32Group Components
- 28:26Play Action
- 29:36An approachable create experience
- 30:55Conclusion
