Rive for ABSOLUTE BEGINNERS

[@Rive_app]

Hello Rive beginners! Any questions? Comment below.

[@CaptainItalia12]

Is it possible to connect the hover and click animation without creating an other subgroup? Just cause it sounds a little like something that could overcomplicate complex rigs and multiple interactions. 😌

[@Boxels]

When audio OFF control? We have a simple Audio PLAY, but why not an audio STOP or PAUSE? Simple... so much more control if we can key in a stop or pause for audio for us non-coder designers coming to RIVE. Cater to the designers (no-code) more and more, and you'll find graphic artists flocking to your app, and if I can get that change, I'll start publishing real world use cases of RIVE to my channel. Just sayin' Yes I submitted feature request ;D Keep up the good work arming non-coding artists with the ability to make interactive apps.

[@Zyloxim]

We need more tutorials like this and maybe some advanced ones too in the future? 😊 This is what I have been waiting for from rive cause I never understood how it worked

[@AntonioSage]

I agree with those who think there is too much complexity for a simple task. After this tutorial for "absolute beginners," I am daunted by the task of possibly having to create an entire website using Rive. However, I will continue down this path because I love the things that I am seeing Rive users make. And I do enjoy how Ross explains things. Albeit a little too quickly to follow sometimes. But, KZbin does allow the slowing down of the video. I am actively looking for one-on-one classes if anybody is interested.

[@garywintle]

Would love some more stuff on the coding aspects of getting rive's interactive elements running. Great vids all around!

[@Rive_app]

You want a tutorial on how to control Rive inputs in the backend. But in what location are you wanting to implement Rive files specifically? Websites? Apps? Games?

[@garywintle]

@@Rive_appYou're right, I should have been more specific. Personally, I want to use it for the web. The more interactive elements. I'm working on vanilla JS with Vite right now and starting to learn React.

[@MrHamish121]

I would also be very interested in this, but I would be using Flutter

[@richeklein]

@@Rive_app Great tutorial! I would be very interested in a tutorial about controlling Rive inputs via the web using both vanilla JS and React.

[@jz1244]

yessss!!! these Ross videos are amazing! please keep them coming!

[@LesGaminuscules]

Excellent tutorial Ross! Short & concise... now my brain needs to absorb

[@juliandrv]

This is so cool! We need more web-dev focused content like this one. Maybe a course.

[@AnimooxStudio]

Nice. Thanks for sharing 😊

[@Rive_app]

No problemo

[@jacquelineasare5994]

Love these tutorials.

[@rookrynrynx8469]

oh this is so great, panjang umur rive's creators

[@kavineesh12]

Would love to see how we can animate for mobile app, like banner animations, micro interactions, interactive elements

[@IvanMmman]

I love all the tutorials thank you so much! Are there any plans for an integration with Figma or a Figma plugin? I’m hoping that I can preview and interact with Rive files in ‘Prototype” mode in Figma one day.

[@Rive_app]

it is super easy to bring designs from figma into rive and then creating the prototype in rive :) and it won't be a prototype anymore because Rive files are production-ready! :D

[@keshav2136]

I'm an absolute beginner. This is for me.

[@bharat5194]

Bookmarked for later

[@tajinderjsingh826]

Interesting // Thanks

[@caverac]

Are there plans to create dragging listeners? Amazing tutorials btw, thanks

[@Rive_app]

You can combine inputs, listeners and conditions. So you could CREATE a drag "listener". Do this by creating two listeners. • One listener to check if we're clicking on a specific layer. This listener activates a boolean to true. • One listener to check if our mouse is moving over a specific layer. This listener activates another boolean to true. Then in the state machine create the condition that IF BOTH INPUTS ARE TRUE, then activate a specific state. Perhaps a state where the layer is following your mouse. This would create a drag effect.

[@Rive_app]

There is also this technique kzbin.info/www/bejne/hZ3Hf2elpZeHbK8si=zG9pR8KnFgedFOIM

[@sintichereyneke8116]

Don't know about first timer.... bit fast and assuming someone has done this before. BUT great to get going.

[@djxstargameryt8408]

woah this is really cool , is it possible to create these in rive and then export into code / applications ?

[@Rive_app]

Yes! Check out our free, open-source runtimes. Rive files run anywhere! rive.app/runtimes

[@vallepurishi8367]

I couldn't copy and past the animated key frames from button to button click

[@vallepurishi8367]

working

[@Rive_app]

glad its working!

[@rheaverma707]

I have a question, I'm new to rive but a experienced figma designer. And my question is why is such a simple task so complicated

[@haleemulhassan9158]

lol Ikr. Thats because Rive is not meant for interaction design anyway, they are just trying to force this use case to attract web designers.

[@jessemoffett6035]

Rive & Spline need to get together and have a baby

[@dunkley7776]

I second this! And have an adopted child called Squarespace lol

[@haleemulhassan9158]

Unbelievably complicated. You can tell that this entire "State Machine" system is not meant for Interaction Design. When even the simplest of things, like hovering and clicking of a button is this cumbersome, imagine actually trying to setup complicated interactions for actual projects.

[@post-modern-astrology]

may be it's time to implement AI support for prompt generating of vector objects :) ?

[@Rive_app]

Or generate elsewhere for inspiration. And then create in Rive :D

[@jz1244]

nobody wants this. make your own art.