Dynamic text and images within a nested artboard
Hi guys, new to Rive but loving it already.
I have an animated nested artboard which I want to use as a menu component. Inside it has a title, description and image. Id like these to be dynamic so i only need to work on the one menu item and it flows on to all the other menu items. Can someone share some info on this. There seams to not be much content available on how to do this online
Pointer enter- and exit not functioning properly in new version of Rive
Hello, a few months ago I made a simple Rive test with a face that should start following the pointer when it enters the 'hitbox', then reset to the center when the pointer leaves again. It worked fine back then, but now the very same file is giving me issues.
It's giving me issues both in the Rive editor (application as well as on the web. Version 0.8.2378) as well as when trying to run it on the web using Javascript.
Some observations:
The file still works with the Rive Canvas version I originally used it for (@rive-app/canvas@2.24.0)
The file no longer works properly on the web when using an embed link (it did before)
The file no longer works properly on the web when I remove the version number to get the latest version (@rive-app/canvas)
In the attached file, the "pointer move" listener originally also stopped working. It started working again when re-created it using the exact same settings. This 'fix' did not work (consistently) for the pointer enter- and exit listeners.
Similar listeners are still working just fine in my other projects.
If this is a bug, I hope it gets fixed soon!
That being said, I've been loving my experiments with Rive and find myself slowly turning into a voluntary ambassador the more I learn about it. Keep up the good work guys!
Dynamic text and images in Rive
Hello. I want to create a component that has text and a profile picture that appears and disappears with animation. I want to find a way to give this animation to the developer in a way that he can put his own text and profile picture on it. I actually want the picture and text to be dynamic in my motion. Is this possible?
Fade between two states
Hey first time poster and novice to Rive.
I have a setup where on mouse hover (button over state triggers), an animation plays.
When the button over state is false, i'd like it to fade (10 frames or so) back to the idle state.
So my setup is currently:
Idle ----------------> Animate in
^<----Animate back-----<
Had a look through all the docs and tried all the blends etc but can't work out how to do this.
Any help appreciated in advance!
I propose a function to merge paths into one
Is it possible to add a feature to create more than 2 Custom Shapes with Pen and merge the paths of multiple Custom Shapes?
If this feature is available, it would be convenient for creating a Stroke that neatly wraps multiple overlapping Shapes into one.
I may not have found a feature related to this, or I may not have figured out an easy way to replace it, but I'd still like to suggest it.
I've also attached a screenshot related to this. I wish there was a feature that changes the left side to the right side.
Mute button
I have built an interactive map that has sound effects that are triggered when a user clicks on a room.
How could I add a mute button, so that all sound effects can be muted by the user?
Pinch and Zoom on mobile devices
I have built an interactive map of a building. The map is split into multiple room. Rooms can be selected and interacted with. Each room has multiple states: unselected, hover, selected, visited.
How can I make it possible to zoom in and out of the map on mobile devices?
The map is embedded in a web app. When viewed on a mobile device, it is impossible to pinch and zoom, is there a way to enable this?
Or is there an straightforward way to add zooming functionality within Rive?
Artboard irrecoverable!!
Hi,
I spent like 2 days working on an artboard, then accidentally removed it. I immediately tried to undo by all means I could, and nothing happened. I can't express how frustrated that made me feel. As a UX designer, I can attribute this mostly to the design team for not providing a free failsafe or way around this, and for letting it happen, even if stakeholders don't care. Rive is way too unforgiving. Ever heard of warnings or confirmation popups?
I have a free plan, but you can imagine that if I'm going to pay $50 for a single month to have this kind of surprise again, I'm more than hesitant to pay to upgrade my account. UNLESS, that is, that was the only way I could recover the work I lost. Is it?
I'm submitting this as a bug because, apart from not being able to undo after I deleted the artboard, I also wasn't able to bring up the artboard tool via the shortcut (A key). When I closed it and opened it again, I the shortcut was working. I don't know if these 2 are related, but I don't think it's a coincidence.
Any solutions would be appreciated.
Thanks
Audio Not playing in rive.rip nor embebed links
Audio Not playing in rive.rip nor embebed links.
Hi guys, I wonder if there is a preview app other than rive.rip to check if our animations are playing correctly embebed audios.
We have a series of shorts animations (about 3or 4 secs.) with multiple characters, we had set up key frame for playing audio events, we see them working perfectly on rive.app, we were ask no to use state machine, justa different timelines for each character´s animation. The issue comes when we try to preview animations outside rive.app, they play with no sound. So, is there any way to check if they are working propertly?
All sound assets are set as embebed, all sound events have event key frame play, and all perform perfeclty on timelines.
Any clue?
Thanks
.riv files not displaying when parent set to display: none on page load
Hey! Not sure if this is a bug or not... Adding .riv files into Webflow... If I add my .riv file into a parent div block that has initial state display: none on page load, the Rive file does not display (a nav dropdown menu, for example, that is set to display: none on page load, when opened by click or hover, the .riv is not visible - I can see it in Inspect but it's not visible on the page)... This is also the case when my .riv files are inside Webflow tab elements (Rive files do not display in the 'not-current' tabs) - .riv files are working fine when added to non-hidden elements, etc. NOTE: I'm using the built-in Webflow 'Rive' element, not an embed... also, this is not just a 'my project' issue but one that affects all Webflow projects
Let us interact with colors through code
If you click on an asset in the "Artboard" tab, you can easily manipulate it's colors in the "Selected Colors" panel, I would love for these colors to be exposed in the exported .riv file, so you could easily change them with code. It seems like an easy feature to implement, and you could make some cool animations that respond to a color picker's input.
Right now, the only way I found to do this is to create RGB inputs for each color, which is annoying:
https://rive.app/community/files/11946-22775-color-adjustable-art/
My subscription was just renewed by mistake, I never used the software please refund me
My subscription was just renewed by mistake, I never used the software please refund me
Rive Vertical scroller crashes Unreal 5.3.2
I'm using the Rive sample file for Unreal and inside I add my own rive files to test.
I'm creating a rive vertical scroller and when importing it crashes unreal 100% of the time.
I did the vertical scoller using this tutorial :
Here is the riv file. https://drive.google.com/file/d/13FwiiECiK-aGy45DZZZxW1GeCRvCSjlF/view?usp=sharing
CPS rules
I am in the process of integrating Rive on our website. I can find some sparse documentation regarding CSP rules (https://help.rive.app/runtimes/overview/web-js/faq#i-have-content-security-policy-set-to-block-unsafe-eval-and-now-rive-fails-to-load.-what-do-i-do) but I would need a full CSP rule set listing all the directives and the corresponding values. Can anyone please point me somewhere it has documented?
Exporting single artboard for runtime
Is it possible to export just one artboard at a time for runtime, instead of the whole file?
Grids
I'm missing the grid functionality (fixed, responsive etc.).
I'd like to design in Rive but it looks like I'll have to keep using Figma for precision.
Animate Layout from Center-Aligned to Right-Aligned
I want to have a circle move from the center of an animation, to the top right corner of an animation, over time (let's say 1 second).
However, I want it to be responsive, based on the new layouts features. No matter how wide or tall the artboard is, the circle starts in the center, and ends in the top right corner of that artboard.
Currently this doesn't seem possible, as you can't keyframe/interpolate between alignments, though it seems pretty important. Am I missing something?
Can Events have IDs when called in code?
I need to know if events have IDs when called in code, I have 5k instances of an artboard inside a parent artboard, I want to get which did the user interact with to put them in an array.
Unfortunately I cant share any files for the NDA
Rive editor crashes as soon as I open my file after newest update
I've updated the Rive editor a few minutes ago and since then I can't seem to open/edit my file from the desktop app, it just crashes/freezes. I've sent the .Rev to the support email.
Thanks for your help! I've got a lot of urgent work to get done on this so I'm hoping it'll be quick 😊
William
How to Trigger Parallel Animations on Button Press in Rive?
I'm new to Rive, so I need help with an issue.
I have a button for left reactions (similar to Instagram Live stream).
I have 5 different timelines for smile animations flying from different positions along the X-axis (Smile1, Smile2, Smile3, etc.).
What I Want:
Each button press should trigger an emoji animation that "flies" out, similar to reactions in an Instagram Live stream.
I want the timelines (Smile1-Smile5) to play on each button tap.
E.g. I tap 1st time to button = Smile1 fly out, I tap one more time - Smile2 fly out and so on.
2. These emoji animations should not stop or interrupt one another; instead, each animation should play independently and in parallel.
My problem is:
The duration of timeline for flying smile is 1 second. When I press the button state machine waits when Smile1 animation finish. I can press the button (trigger) 2-3 times per second but only Smile1 timeline plays. So I need a smile to fly every time I press this button. How I can do it?