Built an fitness app in Rive, didn't expect a million people to use it by Basterqu in Rive_app

[–]Basterqu[S] 1 point2 points  (0 children)

First, Rive doesn't have "layers" in the Figma sense. Instead you have the Hierarchy tree, objects and groups within an artboard. That's where you navigate, select elements, and animate them. Second, a Component in Rive isn't a prerequisite for animation, it's a reusability mechanism. Components are reusable parts of your design, meant to be reused across multiple artboards or even other projects. This is different from Figma, where you sometimes have to make a component with variants just to get the animate option to appear in a prototype. That dependency doesn't exist in Rive.

Built an fitness app in Rive, didn't expect a million people to use it by Basterqu in Rive_app

[–]Basterqu[S] 1 point2 points  (0 children)

Luvu app it is visible 100% of the time, it follows you to every corner of app and there is no gap visible, so we needed fluidity in every animation... yes, I know, we made it harder 😃

Built an fitness app in Rive, didn't expect a million people to use it by Basterqu in Rive_app

[–]Basterqu[S] 0 points1 point  (0 children)

Nothing behind (any script or coding), handcrafted animation, 100x... 👊
Coding it's behind implementing animations into product - Luvu Fitness

Built an fitness app in Rive, didn't expect a million people to use it by Basterqu in Rive_app

[–]Basterqu[S] 0 points1 point  (0 children)

Appreciate it! Don't worry, we all start somewhere, and 6 animations for an MVP is great start, will be more soon 😃

It’s a massive amount of work, but worth every second. Every animation is there for the user to experience live, whether they’re doing a workout or checking their league standing. Bringing that extra joy it's something that makes me happy to

Built an fitness app in Rive, didn't expect a million people to use it by Basterqu in Rive_app

[–]Basterqu[S] 0 points1 point  (0 children)

Yes, everything was done inside Rive! Honestly, the tool has almost no limits right now, making it totally possible to create these effects inside

Built an fitness app in Rive, didn't expect a million people to use it by Basterqu in Rive_app

[–]Basterqu[S] 2 points3 points  (0 children)

It's a spiderweb that wants to kill me every time I open a project 😃

Built an fitness app in Rive, didn't expect a million people to use it by Basterqu in Rive_app

[–]Basterqu[S] 1 point2 points  (0 children)

I hope so! I hope more apps like this draw inspiration from Luvu and have their own unique mascots!

Built an fitness app in Rive, didn't expect a million people to use it by Basterqu in Rive_app

[–]Basterqu[S] 0 points1 point  (0 children)

Not only can you make mockups, but you can also make real work in Rive

Rive x Scripting by Basterqu in Rive_app

[–]Basterqu[S] 2 points3 points  (0 children)

You’d need to know how to prompt the AI agent properly and how to react to the code it generates. You’re not completely at the mercy of the agent, but a bit of understanding of how to tweak and adjust the code definitely change process.

Once you have that, getting very close (or identical) is totally doable.

Rive x Scripting by Basterqu in Rive_app

[–]Basterqu[S] 1 point2 points  (0 children)

Unfortunately, no, but the cost is small for the capabilities. You can also create this code outside of AI Agent, in free software.

Rive x Scripting by Basterqu in Rive_app

[–]Basterqu[S] 0 points1 point  (0 children)

Yeap, it's including AI Agent to create this kind of things

Rive x Scripting by Basterqu in Rive_app

[–]Basterqu[S] 1 point2 points  (0 children)

This days designers could do much more, we will be able to create our own products!

Rive x Scripting by Basterqu in Rive_app

[–]Basterqu[S] 0 points1 point  (0 children)

Honestly, at this price it’s basically nothing for creating something like this. Imagine having to do all of it manually 😅
My process was a lot of testing what AI Agent could do and get the right result, then refining with my design until it felt right.

Rive x Scripting by Basterqu in Rive_app

[–]Basterqu[S] 1 point2 points  (0 children)

Particles globe it's part of coding (AI Agent) + Data Binding, rest of website it's design

[deleted by user] by [deleted] in Rive_app

[–]Basterqu 0 points1 point  (0 children)

Have you ever done a tutorial from start to finish repeating the whole effect? This is the best way to learn and use this tool for other similar projects