编辑:陌北默    发布日期:2020-10-28 00:00:00

第四节中我们讲到了模仿饿了么动画,其中有一个动作是鸭梨从“底部弹出—到达最高点—-下降至最低点”,这是一个典型的【抛物线运动】

那么如何实现我们这个动作呢?

源文件地址:https://pan.baidu.com/s/1Begv0Zy4gR5q0QuL3kW7Gg

 

其中重点是两个方向上的动作分解:

  • 一个是在横轴(x)上物体保持匀速运动,就是水平方向上的速度不变。
  • 一个是在纵轴(y)上物体匀减速(达到最高前)和匀加速(达到最高后)运动。

 

Principle中有一个控制速度的面板(如下图)

软件预设了很多动作,但是y轴上的匀加速和匀减速是没有的,需要大家自己调价。我们看到面板中有两组XY的值,看到的那条线是一条贝塞尔曲线,两个点的位置可以决定贝塞尔曲线的形态,类似PS的钢笔工具锚点的两个手柄。具体贝塞尔曲线什么概念可以百度到。

 

曲线的形态如何决定物体在该方向的速度呢?

答:曲线上各个点的【切线曲率】*【物体位移的距离】/【运动时间】就是该物体在整个运动时间内的速度变化。

在【物体位移的距离】/【运动时间】固定的情况下,就只有(曲线上各个点的【切线曲率】)来决定运动速度了。

(切线曲率概念请大家百度吧,这里就不讲数学了)

详细的理解可以参照我给出的源文件中曲率和速度去理解。

抛物线上升阶段的速度曲线

根据我们的理论,上图的起点位置的速度最大,终点的速度为0。

我想在速度的控制上大家应该很清楚了,后面如果有理论还是不清晰的,欢迎大家留言,我会不定期的更新Principle教程。

Principle for Mac Principle是前Apple工程师打造的一款交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者Gif分享到社交平台。;您可以免费下载。 英文 · 5.00 MBM ·

热点资讯

更多
英特尔正与台积电接洽,虑将部分芯片生产外包给台积电 近期英特尔因7nm制程落后、苹果M1芯片冲击等压力,被曝正与台积电接洽将芯片制造业务外包,从而可投入更多资源至芯片设计。
苹果iPhone 12国行上季度热卖:拿下20%份额 销量达1800万 2020年第四季度iPhone 12系列在中国大陆销量达1800万部,苹果智能手机份额回升至20%。文章梳理了其销售结构与2021年面临的安卓旗舰竞争压力。
高通斥资约90亿收购芯片公司NUVIA 前苹果芯片架构大神加盟 2021年1月13日高通以14亿美元收购芯片初创公司Nuvia,旨在将其定制ARM架构技术用于智能手机、笔记本及汽车处理器,并减轻对Arm依赖。
大公司晨读:B站计划3月港股上市;苹果斥资1亿美元力促种族平等 本文汇总了近期多项科技动态,包括B站拟在港上市、苹果斥资推动种族平等、富士康与吉利合资电动汽车、英特尔任命新CEO、高通收购Nuvia挑战苹果英特尔,以及外交部回应美胁迫禁用中国5G设备。

相关教程

更多
官网上线家居板块,苹果在智能家居市场能掀起多大水花 苹果中国官网近日上线“家居”板块并引入第三方配件,文章分析HomeKit生态在华发展缓慢的原因,指出其产品线窄与兼容性差等挑战。
2022年国内手机市场回顾:寒气传递到每个厂商,华为苹果抢占新高地 2022年国内手机市场出货量同比大幅下滑,本文从折叠屏逆势增长、联发科切入旗舰与卫星通信创新等角度分析厂商破局路径。
苹果不玩性能了?传iPhone15芯片或更注重电池续航而非性能 外媒爆料称iPhone 15系列将搭载注重能效的A17芯片以改善电池续航,全系可能标配灵动岛设计,Pro版采用3nm工艺,并或因欧盟规定改用USB-C接口,定价策略也有调整传闻。
步子太大?工程设计失误或成A16升级不大的诱因 文章分析了苹果A16仿生芯片GPU性能未达预期、被骁龙8反超的现象,指出原型功耗过高砍掉新功能及人才流失是主要原因。

相关软件

  • Principle for Mac 英文. 5.00 MBM · Principle是前Apple工程师打造的一款交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者Gif分享到社交平台。;您 ...