网站首页 > 技术文章 正文
Nick_N像素画教程:像素画动画缓入缓出
作者:Nick_N[1]
题图:Thu
像素画动画缓入缓出是一个高级技巧。如果你希望自己制作的动画更高级更耐看,有必要了解下缓入缓出技巧。它不需要你额外的学习东西,只需要在现有动画的基础上,控制好动画帧的节奏。
缓入缓出更加真实
不同的加速度可以改变运动的感觉。
真实的运动由力量驱使,力量从产生到衰竭有一个真实的过程,具体的表现就是力量产生时效果最强速度最快,力量衰竭时效果最差速度最慢。力量从无到有,从有到无的过程,必然导致运动的缓入缓出效果。
以向上抛球为例,没有缓入缓出,动画看起来非常机械,小球匀速上升和落下,感觉不到小球的重量。
加入缓入缓出,动画看起来细腻生动,小球加速上升,到达最高点力量衰竭,开始下落,势能转化为动能,加速落下,可以感觉到小球的重量。
为了表现运动中物体的重量,就必须使用缓入缓出技巧。
缓入缓出实现方法
1、减少发力阶段的帧数,例子:角色出拳攻击,为了表现力度和强度,出拳通常只有1帧。上面小球的例子中,使用帧拉伸的方式达到减帧效果。
2、增加力竭阶段的帧数,例子:增加角色出拳后的停留帧数,可以进一步增强攻击力度。一般来说拿重武器攻击,停留帧数应该比出拳攻击更多。
参考资料
[1]
ease-in-ease-out: https://www.patreon.com/posts/ease-in-ease-out-28663483
完。
猜你喜欢
- 2024-10-30 基于Web的“戳泡泡”解压小游戏(戳泡泡用英文怎么说)
- 2024-10-30 暗夜发光,独自闪耀,网页暗黑模式下的特效和动效,CSS3实现
- 2024-10-30 HTML多行代码搞定微信8.0的炸裂特效!C/C++怎么能输
- 2024-10-30 CSS动画制作(css动画制作电池充电效果)
- 2024-10-30 前端系列:在线认识贝塞尔曲线的运动轨迹(中文版网站)
- 2024-10-30 CSS3 transition过渡效果(css3过度效果)
- 2024-10-30 15个CSS 常见错误,请一定要注意避免
- 2024-10-30 css动画之transition(css transition动画)
- 2024-10-30 daisyUI - 主题漂亮、代码纯净!免费开源的 Tailwind CSS 组件库
- 2024-10-30 css简单动画(transition属性)(使用css做动画效果是如何实现的)
- 最近发表
- 标签列表
-
- cmd/c (57)
- c++中::是什么意思 (57)
- sqlset (59)
- ps可以打开pdf格式吗 (58)
- phprequire_once (61)
- localstorage.removeitem (74)
- routermode (59)
- vector线程安全吗 (70)
- & (66)
- java (73)
- org.redisson (64)
- log.warn (60)
- cannotinstantiatethetype (62)
- js数组插入 (83)
- resttemplateokhttp (59)
- gormwherein (64)
- linux删除一个文件夹 (65)
- mac安装java (72)
- reader.onload (61)
- outofmemoryerror是什么意思 (64)
- flask文件上传 (63)
- eacces (67)
- 查看mysql是否启动 (70)
- java是值传递还是引用传递 (58)
- 无效的列索引 (74)