Rive 101 logoRive 101
β„Ή AboutπŸ“‹ ChangelogδΈ­
0%
Progress0/90
3.12

Quantize

2m 09s
Rive 101 - Quantize

β–Ά Watch on YouTube β†—

πŸ“Œ Key Points

Limit FPS for a traditional hand-drawn animation feel.

πŸ“ TutorialAvailable

Summary

Quantizing allows you to give your animations a more traditional, "step-like" appearance by simulating a lower frame rate. While Rive normally plays back at the highest possible frame rate (typically 60fps), enabling Quantize forces the animation to adhere strictly to the frames defined on the timeline, discarding the smooth sub-frame interpolation.

Step by Step

  1. 00:04
    Understanding Default Playback
    Recognize that Rive defaults to the maximum possible frame rate for smooth motion, even if the timeline duration is set to a low number of frames.
  2. 00:36
    Adjusting Frame Rate
    Go to the timeline settings and lower the frame rate (e.g., from 60fps to 12fps) to define your desired "stepped" timing.
  3. 01:08
    Enabling Quantize
    Click the Quantize button (located near the playback controls) to force Rive to only render the exact frames displayed on the timeline.
  4. 01:17
    Previewing the Effect
    Press play to see the animation move in a stuttered, traditional style, reflecting the chosen lower frame rate.
  5. 01:25
    Pre-animation Setup
    Ensure you set your desired frame rate _before_ starting your animation to avoid data loss.

Notes About Current Rive

  • Traditional Style: Quantizing is the easiest way to achieve a "stop-motion" or traditional hand-drawn look in a procedural vector environment.
  • Warning on Data Loss: Changing the frame rate after keyframing can discard keyframe data if the original keys fall between the new frame intervals.
  • Performance: Quantizing doesn't necessarily improve runtime performance; it is primarily a visual stylistic choice.

πŸ“ Notes

Markdown supported
0 chars