How to get support
Please post your general support questions.
Explain in detail what you need help with.
Tell us what browser/desktop app/OS/runtime you're using.
Include a screenshot, video, code snippet, or a .rev backup file.
For help with your account or billing questions, please contact us here.
Nested Artboard Issue
I'm working on a project where a book opens and closes based on numerical input. As the user inputs a number, the corresponding page flips over (e.g., input 1 shows page 1, input 2 shows page 2, etc.).
I've successfully implemented the animation (page 26 to 1). However, I'm struggling with the reverse animation (moving from page 1 to 26).
To achieve this, I've used nested artboards, with '1' for normal movement and '1 rev' for reverse movement. The issue arises when I add new animations, from the side panel, to the nested artboard - only the latest animation works. If you check the '1' or '1 Rev' the animation does not work, where as '2' and '2 Rev' works.
I'd appreciate guidance on resolving this issue.
Rive crashing site on mobile
Hey, Im using rive to create a scroll experience on my Webflow site, thing is for some unknown reason it's crashing my site on mobile, i really need help with this, here is a link https://xtend-staging.webflow.io/xtender-scroll-test
Is it possible to programmatically screenshot a Rive animation at a particular state in iOS?
What I want
I am showing a fullscreen Rive animation and when the user taps "Share", I want to export an image of the Rive animation at a particular state of the animation. I can't just programmatically take a screenshot of the entire screen (Example), as this would require the user to be viewing the particular state of the animation that I want to screenshot (They may tap share before this time).
What I tried
iOS SwiftUI has ImageRenderer, where you can provide a SwiftUI view and generate an image from it without the user actually seeing the view, but this does not work with RiveViewModel.view()
(Image shows an error icon) and anyways Apple documentation states..
ImageRenderer
output only includes views that SwiftUI renders, such as text, images, shapes, and composite views of these types. It does not render views provided by native platform frameworks (AppKit and UIKit) such as web views, media players, and some controls.
I also tried creating the RiveViewModel
and showing the RiveViewModel.createRiveView()
in a UIViewController
, showing the UIViewController
via UIViewControllerRepresentable
, and then rendering a UIImage
from the view (Example). This also doesn't work (Image is all white).
Question
What is the best way to accomplish my goal?
Thank you for any help!
Having trouble connecting nested artboards and their state machines
Intuitively I feel like I have something pretty simple here but I'm having a lot of trouble figuring it out. I'll attach some screen shots and the .rev file. Basically I have a menu screen where I want to click 1 of 11 elements and have that trigger 1 of 11 separate nested artboard's state machines. Note that only the first (upper left) element of the menu triggers action at the moment.
The concept is we're looking at a subtly animating menu of people, you click a person and it triggers a transition into a short profile on them. You hit a return button in the upper left corner which will bring you back to the menu to select a different person, etc.
The menu works great on its own as does the animation/transition into the profile. The problem occurs on the return to the menu screen. I've tried a lot of things and I just can't get the menu to return to it's initial entry state. It's just won't start over for some reason. Basically when you hit play, it does everything I want it to do until you try to get back to the menu. Any help would be much appreciated here.
Extra elements appear when exporting h.264
Hello! I've been trying to solve the problem for the second day - I have a looped fire animation, where I animated vertices. In rive the animation looks good and smooth, but when exporting to video format, "dents" and unnecessary artifacts appear, the smooth place becomes convex. I checked all the vertices, they all have key frames. I tried moving the points - it doesn't help :( please tell me, what could be the problem?
1 image - how it should look and looks in rive
2 image - how it looks when exported (left side of the light)
Also, the problem is that in a looped animation some artifacts do not appear immediately, for instance the first circle of the animation went through - everything is fine, and then on the 2nd, 3rd, etc. circles incorrect vertex locations appear
Malformed RIV file on export
I can see and edit the contents of a REV file on my mac using the desktop app (v0.8.1986) but, if I export, the RIV runtime is showing as malformed.
If I try and open the same REV file on another computer it is empty.
I've tried copying the artboards and timelines to a new file but getting the same result.
Files in question attached.
Many thanks.
Embed share link ratio
Hello, I am not sure if I should ask about this issue on Rive or Contra.
I wanted to post some Rive works on Contra, however every embed share link is always kept at the same 16:9 ratio, which cause artworks that are in portrait orientation look really small.
Is there any way to change the default ratio? thanks!
Rive import of Lottie files seems to confuse Degrees and Percentage for Trim Offsets on paths
I noticed a strange behavior when importing Lottie files into Rive, in that rotations of paths seems to be much faster. When digging into this, I noticed that they spin several times the rotations of what the Lottie animations did. This, I think, I traced down to the Rive importer using the degrees given in Lottie files for Percentages, and so a 360 degree rotation becomes a 360% rotation.
I think I confirmed this by looking at the key frames after importing a Lottie file into After Effects, which plays correctly and shows a key framed Trim Path offset of "1x+180 degrees" (or 540 degrees). For the same key frame after importing that Lottie into Rive I see a Trim Offset of about 540 percent.
Am I looking at this the wrong way or is there a bug related to the units during import? I can visually confirm that what originally is exactly 1.5 full rotations is now about 5.4 rotations when the Rive animation plays.
I am using the Rive web app, Adobe After Effects 25.0.1 with the Bodymovin plugin for AE to Lottie conversions, but I have validated the same using a Lottie file directly obtained from Lottiefiles, and so it's not the import/export conversion between AE and Lottie.
Thank you,
goIDit
Implementing 3-State Buttons for Touchscreens
Hello! What’s the best way to implement a button that works for pointer events and is compatible with touch screen tapping? My proof-of-concept (POC) button has three states: 1. default, 2. small (pointer over), and 3. flat (pointer down).
I’d like this button to work on touchscreens as follows: 1. default, and 3. flat (on touch), with it reverting back to the initial default state. Ideally, it would also play the 2nd state (small) briefly in between, if possible.
Currently, tapping the screen returns the user to the 2nd state instead of 1st, because it seems pointer up is not functioning with tapping?
So yeah, I’d like to know how to professionally implement a 3-state button that works seamlessly on both pointer and touchscreens.
Hosted Audio Assets
In Rive there is the option to embed your audio or have it hosted via Rive CDN via the Export Options in the Information panel when viewing the asset.
However, I am unable to find where this file gets hosted and what the URL is for it. I thought it would be referenced in the Framer code, but I only see reference to the .riv file there and not the audio file.
What is an easy way to see all of the assets that Rive CDN is serving for us?
Cheers!
Rive uploads for Greenshift Wordpress Plugin
Does anyone know how to upload a rive file into the wordpress editor? The very limited documentation for Greenshift purports the ability to upload the way you would any other media to a block in the page builder. However, when attempting to do so, an error message reading: "sorry, you're not able to upload this file type" appears.
I'm very new to all things web development, so its very likely I'm either missing something simple, or way off the mark.
Rive Animation not loading Properly
Hi Team,
I am trying to run an animation on Chrome, android 11 One Plus 6 device. This animation is working properly on the other devices but on this specific device, the animation does not load properly.
I am attaching a screenshot for the reference.
This is supposed to look like the following one:
Can someone help me if something similar has happened with Rive Animation?
Sound / Audio in RIV files not playing in browser
Hello,
I am new to RIVE, and am trying to create a simple animation with a sound loop. I have the sound being triggered on ENTRY of my State Machine on START. The sound works within RIVE app timeline, but when I go to publish or share the link, the sound is not playing, but the animation is.
What is the trick to get sound to play? I have verified that the sound file is embedded in the RIV file and format is set to SAME AS SOURCE.
I am embedding the file using the iframe embed code, but also the Share Link does not play the sound either:
https://rive.app/s/bAdWYxmomEib64Xfz9bQKg/
Text Menu Selection/Event/Trigger Issues
Hello everyone! I have a text header menu, that uses a nested artboard for all text, that contains numerical inputs to change the actual text, this works great. When a text is selected (pointer down) it transitions to a bolder text. Also works great.
The issue is how to do I get it to transition/animate out, back to the unselected idle state, only AFTER I click on any other text. Right now as soon as I move my pointer it animates back to unselected state.
In my main text component artboard, I have tried so the text transitions with pointer exits or pointer up conditions. Is there a way to set it up so there is a more sequential/staggered approach? Does it need events, triggers, more layers?
Control Rive Animation in Webflow with Webflow elements.
Is it possible to update a Rive input in Webflow by interacting with an element created in Webflow. For example, if I want to set a boolean input to True when I tap on a button that I created in Webflow, is that possible?
Simple path follow help
I am simply trying to get my little BEE friend to come out from behind the bear and circle the head of the bear after hovering on the LEFT, then the RIGHT of the bear, but the path tool makes it so difficult with smooth timing, is there a way to modify the transform pathway without creating a shape for it to follow? How would I make this bee's flight a smooth motion so the bear can simply follow it with its head?
Bee comes out from behind bear head, bear looks at it, bee hovers around o left side of bear smoothly, then goes INFRONT of bear face to right side to hover smoothly for a second, then goes back behind bear head.
Help! I've tried new shape path, without path, and its just not working.
https://boxels.com/images/samplebb.png
Jagged edges on the community link
Hi,
I posted a new community file today, and it seems my artwork has jagged edges (maybe it's an anti-aliasing problem?)
It looks okay on the shared link and the editor on my end.
screenshot from the editor:
screenshot from the community link (the jagged edges one:)
screenshot from shared link:
Community link: https://rive.app/community/files/13874-26245-dark-mode-curtains/
Shared link: https://rive.app/s/p63V4udy1k_eZW0aRzXQuw/
How can I go about fixing this?
Thank you!
Android Live Wallpaper
Hi, I would like to know if it is possible to use rive files as live wallpapers on android, I have trying to create it on Android Studio Kotlin JetPack Compose (with limited knowledge), but to no avail
Audio playback from any playhead position
Hello, I have an audio track that I'd like to be mapped fully to the timeline so that I can play the audio wherever the playhead position is in the timeline. Right now, I have a 45s animation, and I have to move the playhead to the very beginning of the timeline each time to see how a keyframe syncs with the audio. How can I achieve this? I'm on Windows using BETA 0.8.1780