Skip to main content
Home
K
4h ago

Stroke as Clipping Mask

Please add clipping option if the path only has a stroke, no fill.

I wanted to animate text (outlined in Illustrator) to reveal with a curved stroke line via trim path, and found out that clipping only applies to the 'fill' part of the path.

It's very hard to use curved shape to mask it instead of a stroke for this case.

Hope the team will consider this feature, thank you!

0 replies
4h ago

Is there a smarter way to organise this?

In this example, the four images each have a hover animation, and then each will have a click action that launches a URL. My flowchart is getting a bit messy, and I'm wondering if there's a smarter way to do this?

The bottom screenshot is from "Idle Expand" (the hub of the spider).

Thanks

0 replies
A
6h ago

Default Cubic Interpolation Key Type breaks editor

  1. There's a bug that breaks editor when you use the new "Set as default interpolation" feature. When it's set to "Cubic" an attempt to set a new key (sometimes editing the key) on curve vertices crashes the editor so it needs to be refreshed

  2. Both browser and desktop app, macOS

1 reply
J
1d ago

Deleted assets still contribute to exported `.riv` size

I've encountered an issue where if I add assets and then later remove them the exported size of the .riv file doesn't get smaller even though I've deleted the assets. This produces an unfortunate side-affect that adding any asset such as a PNG sequence or a Lottie file permanently affects the size of your outputted animation. Is this because it's being stored in the revision history?

How I encountered the bug.
I imported some Lottie files that utilized PNG sequences, but noticed that the files were too large. So I deleted the assets from Rive, compressed them, then re-imported them. However when I went to export the animation the .riv file was now larger than the original export!

I've done additional experiments and came to the conclusion that for some reason removing assets doesn't actually reduce the size of the export.

Will add example .rev when I get the chance later today.

7 replies
1d ago

Targets are not visible

Targets are not visible in animation mode, is this normal?
if it's normal how can i view them? i saw that in this tutorial he continues to see them in animation mode (time 33:04) A Cat following the Mouse

2 replies
1d ago

Jump to selected child object's parent layer or exact sublayer in the project hierarchy.

When we select a layer in the timeline, it automatically becomes selected/activated in the hierarchy of the project manager.

However, when we try to select a shape in the timeline (even if it already has keyframes), nothing happens. To manipulate it in the timeline, we have to navigate through the hierarchy and search for it manually. This process is time-consuming, especially when dealing with hundreds of objects.


It would be great to have the ability to quickly jump to the desired layer or object using a shortcut or to do it automatically, similar to how it currently works with groups or parent layers. This feature would streamline navigation and make it easier to manage complex projects.

Basically "Reveal layer source/composition in project" AE feature :)

Thanks!

0 replies
1d ago

Text Overflow Fit Multiline Issue

When adding line-break characters to a Text Run that has Overflow set to Fit, the Text is scaled as if it was on a single line.

I would expect the text to fit with regards to line-break as well, so scaling to fit the widest line on the horizontal axis.

This seems like an unintentional issue that we cannot work around as users with using dynamic (on runtime set) Text Runs with variable copy.

1 reply
M
2d ago

Designing Login/Signup UI with Rive Animations

Hey everyone! I'm currently working on the front-end animation for my app using Rive, and I’ve reached the stage where I need to design the UI for the login and signup screens. I'm wondering about the best way to handle this:

Should I create a separate Rive file specifically for the login/signup animations, or should I add more timelines to my existing UI Rive file?

Would love to hear your recommendations or any tips based on your experience with Rive. Thanks in advance!

2 replies
M
2d ago

How to enable discreate GPU rendering

Hello, sorry about this question, but I am new to Rive and could not figure it out independently. I am currently using Rive for some basic animations; however, when I go to render them, they take quite a while. This surprised me as I have a pretty good GPU in my rig; however, after checking Task Manager, I noticed that Rive only uses integrated graphics even after I changed the Windows power profile. Could someone please help me understand how to getRivee to use my Graphics card for rendering instead of my CPU? Thanks for the help.

1 reply
a
2d ago

Rive causing site to crash on mobile

I add a rive animation that contains a sequence of images, it works on desktop but for some reason crashes browsers on mobile, from what i can tell it seems to trigger a safeguard of the browser, is there a way to fix this?

here is a link to the site

1 reply
p
2d ago

time machine changes keyframes

Hi guys, I really need your help! Please explain what the error could be:(

What I need: a smoothly appearing animation of a writing hand

Timeline 2 - static frames of a hand, only the transparency of the hand changes (from 0 to 100)

Timeline 1 - the hand draws in the air

My sequence = Entry --> Timeline 2 (smooth appearance of the hand) --- > Timeline 1 (hand draws)

What happens:

Rive ignores timeline 2, does not show the smoothly appearing transparency, but brings it to the middle.

Plus, it starts the animation not from the keyframe from timeline 2, but from the frame of the design mode. Although I need to start the animation from frames from timeline 2

Please explain what my mistakes are and how this can be fixed? I will be very grateful. I made the animation slow to make it clearer

2 replies
2d ago

Icon to reveal more properties is invisible

I've been experiencing this on both Windows and Mac. Desktop app.
Also happening to the state machine 'play' icon

1 reply
3d ago

Trim timeline duration to work area

I love the new "Set work area" option when right-clicking keyframes.
I wish we had a follow-up functionality to then trim the timeline's duration to the work area, similar to the Ctrl+Shift+X shorcut in After Effects.

0 replies
4d ago

Clip on Artboard

The Clip Artboard is now tucked away in the corner. It used to have a label with a checkbox. This newer method, while cleaner, isn't as direct as the previous method.

I have to now hover in order to see the label.

0 replies
c
4d ago

Finding all text runs without prior knowledge of the names

Is there any way in which either from within the editor or in the runtime that the list of all text runs could be exposed as a list somehow. I wish to create a dashboard where I can link text runs with other variables in a generic way without having to track them explicitly.

1 reply
4d ago

Unify the Opacity of grouped objects

When you keyframe the opacity of a group of layers in Rive you get unfortunate results. I'd expect the elements to maintain the way they render at 100% opacity, however, you get overlapping shapes that become quite busy:

If I alter the opacity of the group in other software, the result is a lower opacity while maintaining the visual relationship.

0 replies
4d ago

Add Keyframe Shortcut

Please, some kind of keyboard shortcut to add a keyframe to all selected objects / all selected animated properties.

Sometimes you need to have all animation keyframes stop at the same moment to continue animating a new moment, and with dozens and dozens of animated vertices it can take forever to add a keyframe to each one all the way down the timeline hierarchy.

0 replies
D
4d ago

Please make Clipping process even easier and more intuitive

Hello

I know that the clipping feature/process on this app is not super complex, but I do not find it not super intuitive. I feel like it requires too much thinking. I think clipping should be much more simple. It could be as simple as selecting two or more layers in the layers panel on the left, and then the top layer in that selection becomes the clipping object. A special icon could be added to that layer to indicate that it is a clipping object. It could be implemented in the following way:

  • The top layer in a group of selected layers in the layers panel becomes the clipping path after the user selects all of the layers, right clicks and choose "clip".

  • The top layer can either be a vector OR Raster image (with transparency or no transparency)

  • After the layer stack becomes clipped with the top layer doing the clipping, please DO NOT automatically make the clipping layer transparent and disappear (similar to Illustrator which I don't like they implement that feature). Please keep the transparency of the clipped object at 100% unless otherwise reduced. I think this is how it is already setup, but I am just saying this in case a new clipping version is released following my suggestions.

** Even better - The above example is similar to how Figma or Adobe XD used to do clipping. However, an even faster way is... to simply allow the user to select the layers they want to be clipped in the layers panel. Then they literally just drag the layers on top of a SPECIFIC ZONE of another layer above or below on the layers panel... and release. This is incredibly fast....and the best example I have seen of this is Affinity Designer. That app makes clipping the easiest Ive seen.

1 reply
D
4d ago

Multiple widths across one stroke

Please create the ability for the user to have a stroke (both lines and closed shapes) with multiple widths across one stroke. This could be implemented in the following way:

  • EX1: Two different widths at different nodes - One end of a stroke could have a width of say 20px and the other end could have a 2px width. That would create a tapered effect.

  • EX2: Three or more different widths at three nodes - A user could and have the ability to add additional unlimited width nodes along a path. If the user adds an additional width node, they could for example make node 1@20px, node 2@40px, and node 3@ 10 px. etc etc

Last... once the nodes on a stroke with different widths are added, please allow the user to animate the multi-width stroke by having an animate "offset" feature. This would allow the stroke to move around a shape or through a straight line without trimming the path itself but still maintain the visible portion of the stroke's total length... along with its multi node widths.

**Nice to have but not necessary: Along with the above, there could be a checkbox called "repeat stroke pattern along path". Lets say that a user creates a stroke that has 3 different px widths at 3 different nodes. The user then decides to trim the path slightly on both ends and then they animate the offset feature to make the stroke move through a line path or around a shape. However, because the stroke is trimmed, there will be some empty space beyond the end of the stroked portion. If this checkbox was checked... then whatever portion of the stroke IS showing... would suddenly be repeated along the remaining part of the non-visible stroke. That way as the user animates the offset stroke feature, the repeating stroke pattern is now "pulled through" the empty portions of the path.

0 replies
D
4d ago

Please create option to add arrowheads at the end of strokes

Hello! Please create the ability to add arrowheads at the ends of strokes. These arrowheads could be added at both ends of the stroke. Additionally, if this is added, then there would also be a need to add the following features to allow the arrowhead to be customized with the following:

  • In the stroke settings pop-up, there could a place to add an arrowhead at either end of the stroke.

  • There could be different styles of arrowheads to choose from. EX: arrows, dots, inverse triangle, hollow dots, squares etc. In this popup menu, as the use hovers or drags their cursor through the different styles, the arrowheads update in real time on the artboard.

  • Once an arrowhead style is selected, then the arrowhead could be scaled in two directions.. one to increase the width of the arrowhead, and the other to increase the length. There could be a chain-link icon between them which allows them to both scale together to preserve aspect ratio, or the link could be deactivated to scale both independently.

  • Last - Allow the stroke itself to be scaled and tapered. This would allow the stroke to have different widths across the same stroke.

  • **Nice to have not necessary: Allow the user to add a custom inserted shape to the end of a stroke instead of the predefined shapes mentioned above. This could be cool for animating an object around the canvas with a trailing line behind it.

Use cases:

  • Animated arrows moving around on the screen which have a trim path attached to them. Different animation abilities could be had here.. which would be in addition to the current option of creating a vector shape arrow and animating the individual shape nodes.

0 replies