我一直在解决这个问题一段时间没有太多运气。目标是使用单个（水平）精灵表基于按钮点击三个不同的动画视图。
1 - 默认：通过所有帧进行动画处理（在页面加载和单击“默认”按钮时运行）
2 - View1：通过第1-12帧动画（单击按钮view1时运行）
3 - View2：通过第1-36帧动画（单击按钮view2时运行）
然而，挑战是从当前帧开始动画，无论视图如何......这意味着如果我们在view1的第10帧并且点击了按钮view2，那么动画将从第10帧开始并继续通过第36帧。我想这需要在一个div中拥有所有视图并且可能会超越它？
我的问题：如何以允许我执行这些视图内动画更新的方式访问当前帧（即，从当前帧开始而不管当前视图如何）？
这是我放在一起的JSFiddle：https://jsfiddle.net/Falmata/r4x4najh
<br>
这是一个我觉得有用的JSFiddle： https://jsfiddle.net/stephino/51fa3m17/