Hi, is it possible to make it animate between input values? For example, currently if I set value to 90 it jumps there, but how to make it smoothly animate between values? 🤔
You can programmatically animate float value changes for rive animations. For example in android we have animateFloatAsState function which can help make this animation smooth.
Holy cow! This is getting too informative!!, Please make mistake and clear them out!, this will provide some great learning curve! Thanks once again Bobbeh.
I have a problem, my tick effect, animation effect always appears first two dots, and then from the beginning to the end of the tween animation. Don't know how to fix it
Very nice tutorial. I noticed when I imported the file into my html canvas it has a dark background fill where we didn't draw anything. Is the an additional step to ensure parts of the undrawn canvas are transparent not filled solid with a dark grey background?
Great question! To do this, create a new animation called "load_mid" and key the mask group where you feel it should be when load percent is at 50%. Add another animation to your blend state and set its value to 50.
@@Rive_appIt worked great, thanks a lot 😊More animations blended together = better accuracy, but I guess it comes with a price of performance. It's so handy to have those input values, but if performance will become an issue at some point I am gonna attach the bar's fill to a bone and control it's length directly 😇
Hello! I am currently working on animating a path which will show how much distance I have covered. The path in this case is a line I'm drawing with this tool and the path I've already walked I want to highlight. Do I have to put another animation in the blend state for each percent to get an exact result or is there a smarter way here?
@@Rive_app This is a really bad way of doing it no? If I want a really accurate animation, based on a percentage, I'd have to create 100 animations & key them 1 by 1?
This is the only video you ever need watch to learn about the state machine 😎
thank you so much for this tutorials. It is really helping
Thx! no bad no bad!
supercool
Adobe is watching you,
Hi, is it possible to make it animate between input values? For example, currently if I set value to 90 it jumps there, but how to make it smoothly animate between values? 🤔
You can programmatically animate float value changes for rive animations. For example in android we have animateFloatAsState function which can help make this animation smooth.
зачем я тебе на пендоском пишу если ты руский
Holy cow! This is getting too informative!!, Please make mistake and clear them out!, this will provide some great learning curve! Thanks once again Bobbeh.
Thank you so much for this tutorial! One tiny request, please
Awesome, thanks for the tutorial!
thank you ! all the love for rive!
Thank for yout turtorial. Could you tell me the way to export this file as a GIF?
I have a problem, my tick effect, animation effect always appears first two dots, and then from the beginning to the end of the tween animation. Don't know how to fix it
Very nice tutorial. I noticed when I imported the file into my html canvas it has a dark background fill where we didn't draw anything. Is the an additional step to ensure parts of the undrawn canvas are transparent not filled solid with a dark grey background?
Hi, when blending start to finish animations, is there a way to make it reach exactly halfway point at input value of 50?
Thanks for the tutorial 🔥
Great question! To do this, create a new animation called "load_mid" and key the mask group where you feel it should be when load percent is at 50%. Add another animation to your blend state and set its value to 50.
@@Rive_appIt worked great, thanks a lot 😊More animations blended together = better accuracy, but I guess it comes with a price of performance. It's so handy to have those input values, but if performance will become an issue at some point I am gonna attach the bar's fill to a bone and control it's length directly 😇
Hello! I am currently working on animating a path which will show how much distance I have covered. The path in this case is a line I'm drawing with this tool and the path I've already walked I want to highlight. Do I have to put another animation in the blend state for each percent to get an exact result or is there a smarter way here?
@@Rive_app This is a really bad way of doing it no? If I want a really accurate animation, based on a percentage, I'd have to create 100 animations & key them 1 by 1?
incredeble that fact that I can use canvas in pure React apps and interact with it on different states! Duuude
This was freakin amazing! Thank you for this!
Glad you enjoyed it!
wow thank you man, this inspired me a lot
Our new logo is gonna be built with Rive
Superb! Great tutorial, thanks a lot!
2023