Animate the Web with Ember.js
summary
Claim: Ember.js plus open web standards let developers build frame‑by‑frame cartoons that are interactive and reusable. Demonstrates drawing a raccoon from a sprite sheet onto an HTML5 Canvas, wiring a run‑loop to step frames, loading images and mapping frames, and using the Web Animations API (with polyfill) to compose grouped keyframe effects across layers with play/pause. The demo actually runs in the browser and shows components that start, stop, and sync multi‑layer animations.
AI-written summary · about
chapters (6)
- 0:00Start
- 11:45CREATING THE COMPONENT
- 14:24RUN ANIMATIONS
- 15:02RUN AND CANCEL ANIMATIONS
- 16:04ANIMATIONS DEMO
- 17:53CREATING KEYFRAMEEFFECTS
