感觉像个升级版的gjf,可以控制速度,一个文件中可以有多个动画。

官网

Rive - About Rive

js使用

https://github.com/rive-app/rive-wasm

安装

npm install @rive-app/canvas

引用时注意文档里面写的是import就可以了,但是我测试后发现引用不到是undefined,需要像这个示例一样require引用。

还有就是这个插件是基于webpack的,用vite的话好像用不了。

@rive-app/canvas 交互式动画 学习笔记相关推荐

  1. Scss、elementUI引入、transition动画 - 学习笔记

    文章目录 Scss.elementUI引入.transition动画 - 学习笔记 Sass 是什么? elementUI transition动画 Scss.elementUI引入.transiti ...

  2. Java 3D编程实践_Java 3D编程实践——网络上的三维动画[学习笔记]

    评论 # re: Java 3D编程实践--网络上的三维动画[学习笔记] 2006-08-24 23:41 gy # re: Java 3D编程实践--网络上的三维动画[学习笔记] 2007-03-2 ...

  3. Android动画学习笔记

    Android实战经验之图像处理及特效处理的集锦 https://www.oschina.net/question/231733_44154 Android动画学习笔记 3.0以前,android支持 ...

  4. C4D 摄像机与动画 学习笔记

    C4D 摄像机与动画 学习笔记 一.工程设置 模式--工程 帧率25 二.关键帧 删除关键帧 关键帧为黄色时为未选中,为红色时是设置关键帧 ctrl+shift  点击关键帧(删除关键帧) 右击关键帧 ...

  5. D3D角色动画学习笔记(一)——角色动画简介与初步规划

    D3D角色动画学习笔记(一)--角色动画简介与初步规划 写这个系列是基于自己学习角色动画之后,相对自己的成果做一个整理,还可以给大家做一个角色动画的预览,可能会节省大家的一点时间,同时也希望各位大神能 ...

  6. Canvas 数学、物理、动画学习笔记一

    Canvas 第五章 数学.物理和运动学习笔记 让人映像深刻的运动,需要我们不只是简单的知道如何移动对象,还需要知道怎么按用户期望看到的方式去移动它们.这些需要基于数学知识的基本算法和物理学作用. 基 ...

  7. 【音乐App】—— Vue-music 项目学习笔记:播放器内置组件开发(一)

    前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 播放暂停 前进后退 一.播 ...

  8. 【动画消消乐】纯CSS加载/过渡动画学习笔记合集(1-50)

    Hello!小伙伴! 首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出- 自我介绍一下 ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿一只|C++选手|学生 简介:因C语言结识编程,随后转入 ...

  9. android路径动画学习笔记

    先上效果图: 效果图由于是用studio录制视频,然后转码gif,再经过photoshop裁剪,有些颜色已经丢失,也没有实际效果那么流畅了. 这种线条动画,完全由android 原生的SDK就可以做出 ...

最新文章

  1. 使用 SQL Server 的 uniqueidentifier 字段类型
  2. web在线阅读日志文件,response.getOutputStream().write中文乱码原因
  3. python神器pandas_Python数据处理神器,pandas入门必需理解的核心内容
  4. bitnami如何使用_使用Bitnami获取完全配置的Apache Airflow Docker开发堆栈
  5. ubuntu 开启php mysql扩展_linux(ubuntu/centos)、windows安装php-zip扩展
  6. Unity3D优化总结(一)
  7. 【RobotStudio学习笔记】(四)夹取工件程序设计
  8. android 串口一直打开_STM32之串口DMA接收不定长数据
  9. 20180514 ++i和i++
  10. html5鼠标悬停遮罩,js实现鼠标移动到图片产生遮罩效果
  11. 【笔记】Android.mk编译apk不生成ota包或者odex包
  12. 微信公众号之测试号申请
  13. 立创EDA能代替传统的PCB设计软件么?比如AD、protel等?可以
  14. unity标准材质,emission的设置
  15. R语言和python语言的区别在什么地方,各自的应用场景是什么
  16. 无线Mesh网构建无线城市
  17. 百度云直播的操作流程
  18. 使用Visual Studio 2008 Express的C / C ++初学者调试指南
  19. Markdown入门和解决MD文件上传博客后图片无法显示问题
  20. 游历 JavaScript IoT 应用开发平台

热门文章

  1. AcWing 257. 关押罪犯
  2. openldap部署
  3. QQ浏览器HD的动态化方案QBDF的总体架构设计(2)【简书被冻结-搬运】
  4. IDM下载工具配合油猴脚本帮你实现快速下载百度网盘文件
  5. JS基礎:Closure 閉包
  6. W3c html+css基础参考手册-2016-01参考
  7. AMD Radeon 显卡设置无法打开(闪退)
  8. intel realsense
  9. 【教程一】基于Jackal底盘模型搭建ROS Gazebo仿真
  10. java 获取本机连接过的所有WiFI密码