网站首页 > 技术文章 正文
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做动画效果是如何实现的)
- 1507℃桌面软件开发新体验!用 Blazor Hybrid 打造简洁高效的视频处理工具
- 500℃Dify工具使用全场景:dify-sandbox沙盒的原理(源码篇·第2期)
- 484℃MySQL service启动脚本浅析(r12笔记第59天)
- 463℃服务器异常重启,导致mysql启动失败,问题解决过程记录
- 462℃启用MySQL查询缓存(mysql8.0查询缓存)
- 442℃「赵强老师」MySQL的闪回(赵强iso是哪个大学毕业的)
- 422℃mysql服务怎么启动和关闭?(mysql服务怎么启动和关闭)
- 418℃MySQL server PID file could not be found!失败
- 最近发表
- 标签列表
-
- c++中::是什么意思 (83)
- 标签用于 (65)
- 主键只能有一个吗 (66)
- c#console.writeline不显示 (75)
- pythoncase语句 (81)
- es6includes (73)
- windowsscripthost (67)
- apt-getinstall-y (86)
- node_modules怎么生成 (76)
- chromepost (65)
- c++int转char (75)
- static函数和普通函数 (76)
- el-date-picker开始日期早于结束日期 (70)
- js判断是否是json字符串 (67)
- checkout-b (67)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- & (66)
- java (73)
- js数组插入 (83)
- linux删除一个文件夹 (65)
- mac安装java (72)
- eacces (67)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)