Rive Masterclass
Lessons
Blog
Contact
Sign In
Search lessons...
All Lessons
👋 Welcome
00:46
Free
First setup
Create a Live Interactive Character in 25 Min
23:52
Final Project
Create Your First Artboard
2:09
Working with Assets & Reference
1:18
Designing the Character
9:42
Grouping & Layer Structure
4:10
Create Your First Animation: Blinking
5:15
Animate a Logo & Character Entrance
4:37
Add Easing for Natural Motion
8:57
Create your first State Machine
2:18
Parallel Animations with Layers
2:32
Transition Between Reveal and Outro States
4:19
Trigger Inputs
3:43
Boolean Input: Day/Night Toggle
5:43
Solo Groups for Weather Backgrounds
4:47
Numeric Input: Weather Modes
6:12
Finishing the Splash Screen
9:22
Exporting and Sharing Your Animations
6:02
Build the Main Weather Screen - Current Forecast
14:34
UPDATE: Nested Artboards → Components
📣
Build the Main Weather Screen - Forecast Buttons
11:45
Update: Listener Presets UI Update
Make the Forecast Buttons Interactive with Listeners
8:18
Update the Design Based on the Weather
10:37
Constraints – Smart Layer Connections
16:06
Create the Avatar Component
14:46
Connecting Avatar Component to the Main Screen
4:14
Create the Blinking Animation - Clear Skies
9:29
Eye Tracking with Mouse or Touch
10:34
Create the Blinking Animation - Heatwave
13:22
Create the Blinking Animation - Rainy and Snowy
13:33
Create Interactive Bounce Animation
16:37
Create Seamless Intro and Outro Animations
11:29
Connect Intro & Outro in the State Machine
8:44
Perfecting the Avatar Transition with Feather and Advanced Masking
15:55
Creating a Smooth Background Transition
16:22
Splash Screen Revamp & File Cleanup
7:12
Custom Events for External Communication
8:25
Communicate from Components to Parent Artboard
14:58
Intro to Data Binding
Binding Weather Text Values & Using Converters
8:50
Using Data Binding for State Transitions
14:41
Using Data Binding in Our Main Project
22:59
💤 Bonus Exercise – Avatar Night Mode
✏️
👑 Pro Tip – Show & Hide Elements Without States
3:11
Data Binding Instances for Multi-Day Forecasts
13:17
Updating the CurrentWeather Property from the Selected Instance
11:16
Part 1 – Creating the Data Structure & Instances
9:24
Part 2 – Connecting the Components
4:03
Part 3 – Updating the Selected Forecast Instance
10:35
Part 4 – Binding the Forecast Details to the Selected Instance
03:52
☀️ Bonus Exercise - Sunsnet Time
Create Dynamic Forecast Button Component
Connect the Button Component to the Forecast Container
10:12
Dynamic List for the Forecast Days
7:22
Create Clear Skies Glowing Sun
7:05
Creating Sun Entry and Exit Animations Based on the Current Weather
8:02
Creating Clouds Seamless Loop Idle Animation
13:41
Add Parallax Effect to the Clouds Idle
7:27
Create Heatwave Red Sun Ripple Effect
15:41
Animating the Heatwave Ball: Anticipation & Overshoot
14:42
Controlling the Ball with State Machine Logic
5:30
Rain Animation with Trim Path
17:26
Leaves Animation with Follow Path Constraint
Build the Core Snow Layer
Adding Depth with Parallax
Extending the Snow Scene
Snow System with Scripting
Bonus – Advanced Dynamic Snow Particle System with Scripting
Sliders, Joystick and Controllers Intro
Add Height Customization using Slider
Additive Blending for Multiple Customization
Apply Morphing to Avatars
Responsive Design Intro
Make the Design Responsive
Connect your Rive file to code and test on a real device.
/
Course Intro