Rive 101 logoRive 101
关于项目📋 变更总览EN
0%
进度0/90
3.7

弹力球动画练习

6m 23s
Rive 101 - Bouncing Ball Animation Exercise

在 YouTube 上观看

📌 本节要点

通过一个完整练习学习弹力球动画,涵盖位置、时间节奏和基础挤压拉伸。

📝 详细教程已添加

Summary

本节课演示了如何综合运用之前学习的技巧来完成一个经典的“弹跳小球”动画练习。内容涵盖了层级结构的搭建、位移与阴影缩放的同步、调整插值曲线以符合物理规律,以及通过添加“挤压与伸展 (Squash and Stretch)”来增强动画的生动感和表现力。

Step by Step

  1. 00:04
    场景准备
    创建白色圆形作为小球,黑色圆形作为阴影。按下 Y 键将小球的轴心点(Origin)移至底部中心,确保缩放变形是基于地面进行的。
  2. 01:02
    制作核心动作
    为小球设置 Y 轴位移关键帧(底-高-底),同时为阴影设置缩放关键帧(大-小-大),使其与小球的高度变化同步。
  3. 01:56
    应用贝塞尔插值
    将插值类型改为 Cubic(三次贝塞尔)。调整手柄形状,使小球在起跳时最快、到达顶点时变慢,下落时再次加速。
  4. 02:56
    添加挤压与伸展
    取消 X 和 Y 轴缩放属性的关联。在起跳和下落过程中使球体变瘦长,而在接触地面的瞬间使其变扁平(挤压)。
  5. 04:24
    优化缩放插值
    为缩放关键帧应用 Cubic 缓动,确保球体在伸展与挤压之间的转换符合惯性逻辑,显得更加自然。

Notes About Current Rive

  • 轴心点位置:在弹跳动画中,将轴心点移至物体底部至关重要,否则“挤压”效果会从中心向四周发散,导致小球看起来脱离了地面。
  • 属性解绑:记得在检查器(Inspector)中点击缩放属性旁边的链接图标,以便独立控制 X 和 Y 轴的缩放比例。
  • 逻辑驱动缓动:始终考虑物理规律——由于速度产生的惯性导致“伸展”,由于撞击地面产生“挤压”。让你的曲线形态与这些物理受力相匹配。

📝 Notes

支持 Markdown
0 字符