- The product is web-based, and motion was chosen to reach native-level performance on the web.
- Prefer the Web Animations API (WAAPI), with a
requestAnimationFrame fallback where unsupported.
- Improve performance with animations the compositor can process without JavaScript involvement, such as
transform and opacity.
- three.js can be used for simple motion, not only flashy interactions.
- Combine three.js with camera controls to implement scroll animation.
- Cache API can store files on the device.
- Media DevTools can debug video state.
- Transparent video is easier to control than animated WebP or GIF.
