[Flutter] Rive2（新版Flare）编辑工具简介

Rive2动画效果：

预览网站:rive-nav.liugl.cn/

开始制作:

打开这个网站 rive.app/ （打不开的朋友可能需要科学上网）

注册完成后直接启动，进入控制台

点击右上角的New File按钮创建rive文件，设置好画布宽高后完成创建

编辑器简介

选中画布后，来看看画布相关

工具栏只介绍主要功能

开始制作第一个rive动画

1.创建一个简单的图形

2.修改图形的属性

3.点击右上角Animate按钮切换到动画模式
如果你接触过AE动画或Flash动画的制作，对这块应该会非常熟悉

4.添加动画

5.完成编辑并导出文件

以上为简短的Rive2编辑工具介绍和上手流程，更多细节如骨骼动画、动画状态机、图形裁剪、层级动画等需要大量篇幅说明的功能，建议阅读官方文档或到油管学习这个系列的视频

PS:

Demo地址
rive动画的使用请移步：[Flutter]如何使用Rive动画