12帧跑步动画分解图_CSS实现简单骨骼动画(火柴人)

哈喽,艾瑞巴蒂,我是一个小白程序媛~

今天利用周末的时间, 我做了一个会跑步的火柴人,用到了骨骼动画~

额,听上去好像很无聊，但是做完了还挺有趣的, 因为最近也是在跑步，

可能就联想到了做一个会跑步的火柴人

首先它涉及到的其实就是css动画的领域, 利用构造线的旋转角度,来设定他的顶点位置以及动画的朝向

---

骨骼动画：是模型动画中的一种，当前有两种模型动画的方式：顶点动画和骨骼动画。

顶点动画: 早期的3D模型动画，就是把每帧的顶点数据输出到文件中，所以3D模型的一个动作就是一系列的模型，这样做的目的主要是硬件资源有限，没有多余的时间去计算顶点。

骨骼动画:  随