Yet another way to animate in Angular
summary
Shows an Angular integration that uses the Web Animation API to drive a waAnimation system with skeleton-style data and functional classes, producing contextual animations whose durations auto-calc and whose players can pause reverse or sync frames. Demos include a square‑wave propagation, a material‑like transition tied to ui-router, and an image defragmentation effect that even works on GIFs. Implementation is a prototype: scope lifecycle and reliable player access cause bugs but the demos run.
AI-written summary · about
chapters (10)
- 0:00Start
- 1:10First mission : code
- 2:25Entering W3C Web Animations
- 4:01Web Animations : player
- 4:28Web Animations : timing group
- 4:41Web Animations : SVG
- 5:01Web Animations : custom
- 5:28Web Animations And Angular
- 5:38WaAaAaaAaaaAaaaaaAaaaaaaaaA...
- 7:33WaAa: Functional classes
related talks
21mDemystifying Angular Animation
27mElegance of Movement with Reactive Angular Animations
24mMotion Makes Meaning
38mNext Level UI Building Blocks With Angular2
25mElegance of Movement with reactive Angular Animations
26mAdvanced Angular Animations
17mAnimations in Angular 4.0.0
32mReactive Animations Using Angular