预览和导出

预览

现在我们看看编辑出来的动画在运行时里是什么样子。

点击顶部工具栏的预览按钮。弹出预览弹框。
弹框中出现了刚才编辑的动画，观察下动画。

注意：

1. 预览弹框使用pixijs这个渲染库进行渲染。
2. 预览中蓝色的点和线表示骨骼的位置和长度。这里仅用来调试，实际的效果可以通过runtime的api来隐藏骨骼的显示。

导出

导出成龙骨数据文件

1. 点击右上角的关闭按钮，关闭预览弹框。
2. 点击顶部工具栏的发布按钮。弹出发布设置弹框。
3. 可以把项目名称改成你想要的名字，或者使用默认的名字，点击导出。
4. 稍等一会浏览器会自动下载一个 zip 的压缩文件，解压缩后，里面有三个文件，一个项目名.json 文件，它是龙骨格式的数据文件。一个是项目名_tex.json 文件，它是纹理集的配置文件。一个是项目名_tex.png 文件，它是纹理集文件。
5. 后续你可以使用 runtime，加载这些文件，来显示和控制动画。或者把它交给程序大佬做进一步处理。

导出成序列帧图片

1. 点击顶部工具栏的发布按钮。弹出发布设置弹框。
2. 点击上方的图片按钮，切换成导出图片模式。
3. 你可以设置文件名的前缀和后缀，图片文件的名称会以 前缀 + 骨架名 + 动画名 + 序列号 + 后缀 + .png 的命名方式命名。
4. 点击导出。
5. 稍等一会，浏览器会自动下载 30 张图片文件。当浏览器弹出“是否允许下载多个文件”的弹框时，选择允许，否则将无法下载图片。
6. 你可以将图片导入到其他编辑工具中继续编辑。