最新版本0.2.0审核中,待上线.
商店链接
Rive动画加载器
- 源码交付,无后顾之忧
- 本插件为持续维护开发插件,任何问题可随时私聊作者
Rive动画介绍
- Rive是一个新的动画编辑器,导出格式为riv,在动画设计中以动画状态机为核心的设计逻辑,让动画设计师更灵活地配置动画切换时机.
- Rive动画内置矢量绘图模式,动画导出占用资源小却效果出众,渲染效率高,适合对性能要求较敏感的场景.
- Rive动画有全平台官方维护的Runtime支持,web平台使用wasm方式加载播放.
- 官网 https://rive.app/
- 编辑器 https://editor.rive.app/
支持平台
| web平台 | 微信小游戏 | 抖音小游戏 | ov小游戏 | Android | iOS |
|---|---|---|---|---|---|
 |
|
|
 |
|
|
- 最新加入微信和抖音小游戏支持
- 有其他平台需求请私聊催更作者.
- 支持creater版本
3.8.0-3.8.7
插件方式使用
- 下载插件后安装插件会自动安装三个文件夹
RiveAnimationRiveAnimation-samplesresources到你的项目或者空项目中 - 在项目目录下执行以下命令
npm install @rive-app/canvas-advanced
npm install @rive-app/webgl2-advanced
npm install -save path2d - 安装完后重启编辑器即可
- 可打开样例场景
scene-loadFromEditor查看效果
源码方式使用
- 下载插件解压
- 解压后的
flashfin_RiveAnimationXXX_Project.zip即为完整工程,可单独使用3.8.0-3.8.7编辑器打开运行 - 完整工程已经包括了需要的npm包,方便直接使用.
组件两种使用方式
-
直接从编辑器拖入动画文件加载
-
通过代码加载
-
加载运行有详细清晰的日志
-
测试样例
-
测试样例
-
测试样例
联系作者
flashfin@foxmail.com- v:
soida3 - qq群
1044961417
