React Motion 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
React Motion 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 不详
提 交 者 王练
适用人群 未知
收录时间 2018-03-26

软件简介

React Motion 是一个 React 弹性动画库,使用 0-10 的弹性参数进行动画处理:

import {Motion, spring} from 'react-motion';
// In your render...
<Motion defaultStyle={{x: 0}} style={{x: spring(10)}}>
  {value => <div>{value.x}</div>}
</Motion>

这个库解决了什么问题?

对于 95% 的动画组件使用案例,我们没有必要用硬编码(把配置写死)式的缓冲曲线和时间过渡来重排序。只需要给你的 UI 设置一个刚度系数和阻尼系数,接下来让神奇的物理原理处理即可。用这种方式,根本无需担心如中断动画等小问题。它也极大的简化了 API 。

该库还为 React 的 TransitionGroup(React 自带的 CSS 动画组件)提供了一个更强大的替代 API :

  • spring

  • Motion

  • StaggeredMotion

  • TransitionMotion 

  • presets

Demos

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表于大前端专区
2015/06/03 13:08

Motion Hosts Wheelchair

Motion Hosts Wheelchair

0
0
发表了博客
2016/07/09 13:54

Motion controller simulator

Motion controller simulator

0
0
发表了博客
2013/01/24 18:40

Shake Motion Recognizer

识别设备摇动的动作,类似微信摇一摇。 Code4App编译测试,测试环境:Xcode 4.3, iOS 5.0。 转载:http://www.adobex.com/ios/source/details/00000069.htm

0
0
发表了博客
2019/09/10 19:58

Motion Matching 资料汇总

https://www.gdcvault.com/play/1023280/Motion-Matching-and-The-Road   https://twvideo01.ubm-us.net/o1/vault/gdc2016/Presentations/Clavet_Simon_MotionMatching.pdf https://rockhamstercode.tumblr.com/post/178388643253/motion-matching   https://rockhamstercode.tumblr.com/post/174887916558/you-shou...

0
0
发表了博客
2013/11/12 10:27

运动模糊(Motion Blur)

运动模糊是景物图象中的移动效果。它比较明显地出现在长时间暴光或场景内的物体快速移动的情形里。 为什么会出现运动模糊   摄影机的工作原理是在很短的时间里把场景在胶片上暴光。场景中的光线投射在胶片上,引起化学反应,最终产生图片。这就是暴光。如果在暴光的过程中,场景发生变化,则就会产生模糊的画面。 Why ...

0
0
发表了博客
2013/03/01 14:38

leap motion原理释疑

在engadget中国版上看到了leap motion的相关信息,该网站号称针对人们对leap motion的一些疑点其编辑亲自赶往了leap motion的旧金山leap motion体验了一把,并向Holz和Buckwald请教了leap motion的原理。Holz没有骗那位写信给他询问原理的粉丝,leap motion确实用了红外LED和摄像头,外表那层也确实是滤光片。之所以能生...

0
1
发表了博客
2016/03/19 21:30

POJ -- 1573 Robot Motion

把机器人放在第一行的第某列,地图的每个格子说明了下一步往哪个方向走,由于行走可能成环,所以输出有两种,一种走出地图边缘,一种沿着某个环行走。

0
0
发表了博客
2016/04/14 15:06

Core Motion框架使用方法

Core Motion专门负责采集加速器,螺旋仪和DeviceMotion的相关数据。

0
0
发表了博客
2018/01/26 18:11

greenplum Explicit Redistribute Motion 代码

Explicit Redistribute Motion The Explicit Redistribute iterator moves tuples to segments explicitly specified in the segment ID column of the tuples. This is differs from a Redistribute Motion iterator, where target segments are indirectly specified through hash expressions. testdb=# explain dele...

0
0
发表于游戏开发专区
2015/11/16 13:49

Motion Builder 2016 Plugins的编写

工作中有这么几个需求: 1、将动捕服数据实时接入到MoBu(Motion Builder简写,下同) 2、将retarget后的动作数据实时导出到3D引擎里驱动模型 3、在MoBu里K相机动画曲线,将相机参数同步到引擎里,轻松实现机位变...

4
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
4 收藏
分享
返回顶部
顶部