动画预览

动画预览的实现

一.目标

实现动画预览效果， 编辑动画的过程中，点击动画预览， 可以实时看到已经编辑的动画在动画引擎里面的真实效果， 便于自己进行调整和改进。

二.实现方案

1.点击预览动画后， 把骨骼数据进行处理（和导出数据的函数一样）， 在把处理好的数据放到window变量里（便于iframe里面函数使用）
2.在动画编辑器里面嵌入一个iframe（隐藏着）， 预览动画后开始显示。iframe里的网页会加载动画引擎的js， 再使用已经导出好的数据， 进行动画展示。
3。预览完后可以点击关闭， 再把iframe进行隐藏。

三.遇到的问题

骨骼数据中有z坐标， 旋转中心也可以改变， 引擎里面是通过骨骼顺序显示没有z坐标， 旋转中心是固定的。
每个关键帧持续的帧数不知道应该是多少。

四.解决问题

先把z坐标导出到动画数据里， 旋转中心只导出到skeletonjs里面。
每个关键帧持续一帧。

​