术语:帧动画
领域:#前端/动画
定义
帧动画是一种动画技术,通过快速播放一系列静态图像(帧),利用人眼的视觉残留特性,产生连续运动的视觉效果。
关键参数:
- 帧率(FPS):每秒播放的帧数,通常 60fps 为最佳体验
- 帧间隔:每帧之间的停留时间 = 1000ms / FPS
跨学科含义
- 在传统动画中:手绘逐帧制作,每帧都是独立的静态图像
- 在前端开发中:CSS 动画、Canvas 动画、JS 动画都是帧动画的实现方式
知识网络
- 父级概念:前端性能优化 — 帧动画是性能优化的重要场景
- 相关概念:requestAnimationFrame, CSS 动画, Canvas