Skip to main content
Support
10mo ago

How to get support

Please post your general support questions.

  1. Explain in detail what you need help with.

  2. Tell us what browser/desktop app/OS/runtime you're using.

  3. Include a screenshot, video, code snippet, or a .rev backup file.

For help with your account or billing questions, please contact us here.

0 replies
M
3d ago

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!

2 replies
p
5d ago

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

1 reply
K
5d ago

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!

2 replies
g
6d ago

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

1 reply
j
6d ago

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!

1 reply
T
6d ago

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.

1 reply
A
6d ago

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?

3 replies
C
7d ago

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?

1 reply
9d ago

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



1 reply
B
11d ago

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

4 replies
11d ago

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

1 reply