Pointer Down vs Pointer Up conflict
Hello, I have a state machine set up, where on pointer down (mouse is held down) an animation using solos and SVG's gets triggered and plays forwards while the mouse is held down, then when released it plays the animation backwards/reverse. The problem is that if you just click on it once, it triggers the forward animation but almost instantly goes to the reverse animation. If i set the forward animation to Exit Time 100%, it will not go to the backwards animation right away, but then it becomes a one click interaction, instead of the press down and hold interaction that i am trying to achieve. Not sure if i need to use a blend state or some additional listeners/triggers? Any help would be appreciated.
Running ver 0.8.2618, MAC OS, Chrom browser.
Billing Upgrade Issue
Hey Rive,
I was on a monthly plan and recently canceled it in the process of trying to upgraded to an annual plan.
Now I seem to be stuck in a kind of billin limbo, where my monthly plan will end at the end of march, but I can't pay for an annual plan.
Can you help me out?
Rive artboards slow to load on ReactNative app
Hi, we have an app in beta test using rive artboards and animations, and they take noticeable time to load, how can we improve this? The animals below are all imported with Rive (animals in the round button -> animals to select on a square background and animals running / celebrating. They are the same riv file on different artboards, some nested artboards.
We're using reactNative with Expo.
Look below at 3 seconds, 8 seconds and 15 seconds:
Thank you!
Feathered strokes and overlay blend mode look wrong in Webflow
Uploaded a .riv file to Webflow.
The .riv runtime file looks good on a shared link, but elements that have feathered stroke and elements that have an overlay blend mode look wrong when imported into Webflow.
wrong:
what it looks like in Rive:
Problem loading file; may be corrupt! [Javascipt]
logs from browser:
rive.js:5453 Problem loading file; may be corrupt!
overrideMethod @ hook.js:608
(anonymous) @ rive.js:5453
step @ rive.js:3892
(anonymous) @ rive.js:3873
fulfilled @ rive.js:3864
Promise.then
step @ rive.js:3866
(anonymous) @ rive.js:3867
__awaiter @ rive.js:3863
Rive.initData @ rive.js:5408
(anonymous) @ rive.js:5326
Promise.then
Rive.init @ rive.js:5311
Rive @ rive.js:5268
(anonymous) @ yetti/:75Understand this warningAI
rive.js:5329 Problem loading file; may be corrupt!
The code below is a simple static HTML file with JavaScript. I have already recreated the Rive file multiple times, tried various CDN links, and ended up using a JS file. The strange thing is that this issue appeared after I rebooted my PC, even though I didn’t change any code. I tested it on Chrome, Firefox, and also used different deployment servers like serve
, http-server
, and the VSCode extension (Five Server).
live - https://vixkosla.github.io/yetti/
https://github.com/vixkosla/yetti/
Audio cannot copy/paste to new file
When I added an audio file to 'File A' and used 'audio event' in an Artboard.
Then I copied this artboard and went to another 'File B' to paste it. At this point, the applied audio files cannot be pasted together.
The applied images and fonts can be pasted into the new file normally, except for the audio file which cannot be pasted. I hope this issue can be fixed.
Nested artboards - Export issues
I've created a Main artboard and nested 2 other artboards into it to achieve some sort of scene switching. I noticed several issues with that workflow:
- the loops are not playing at all - had to switch to "One shot" animation
- the animations are not as smooth as the original, there's a lot of twitching - had to turn mix down to 80%
- suddenly, some animations are not working at all or just partially working
- the exported .riv file shows only one animation and it doesn't look good
What am I missing? How do I attach .rev file here?
MacOS Ventura, Desktop App
Text readability
Hello,
I just started using Rive and the text is very hard to read.
Also the vector graphics antialiasing is very far from what browsers typically render.
Is there a way to mitigate this?
When I create text it looks nothing like your text in the editor.
It also seems that your editor application uses flutter.
So that is the reason why the editor text is readable while the rive text is not?
ctrl click on mac no longer works as right click in rive
this definitely used to work, but for some reason lately while using rive ctrl click on mac isnt working for right click. works on any other app as usual. so certain things I need to do (duplicating timelines for example) isnt possible without a mouse.
Sports captioning - clips and pics: jumping to set end point in runtime
We are producing a service which allows fans to take captioned pictures of sports players where the caption tells a specific story. To do this we use the feature of text in runtimes being variable. The service includes the ability to post clips and pictures however, we have a question about how to set the runtime to jump to the end point of animation if the user is taking a picture, so the caption is not caught midway through the build.
Can you advise how to do this in Flutter, so that it can be triggered off the shutter button.
Is it possible to jump around State Machine in Flutter this way?
[SOLVED] Wordpress integration
Hi! I'm new to Rive and as somebody who lacks knowledge in coding, I was wondering if there were beginner-friendly ressources available anywhere that explain how to embed a Rive element on Wordpress without having to upgrade your account?
Squarespace support
With Rive now supported by Wix, I am desperate to know when this functionality is coming to Squarespace? Native functionality, not funky workarounds. I (as I am sure many others are) am stuck on Squarespace, and changing platforms is not an option.
Can we please get some indication of if/when this is likely to happen?
Rendered Output vs Expectations
Hi,
I am a Rive rookie so I don't know what I'm talking about but I created a Rive-Animation (red circle with an outside gradient to transparency).
On my website it came out with a crisp edge, no outside Feather-Effect.
Is it possible the web runtime does not support outside gradients/feather ?
UI error when modifying foreground gradient stroke settings on a row or layout
Regular rectangle shape does not have any issue.
Row or Layout box with a radial or linear stroke suffers a UI error of some sort when clicking between Stroke Settings and the colour settings. When the error occurs the shape is deselected. See recording for demo.
Using 0.8.2618
Rendering error on corner using stroke
Using a stroke from 'Fills and Strokes Foreground' on the corner edge of a 'Layout' with no border radius can result in a rendering error with a pointy edge. This issue is amplified when using feather on the stroke.
Using version 0.8.2618
Cannot reorder 'Fills and Strokes Foreground' with drag and drop
Found a straightforward bug - you cannot reorder the items within 'Fills and Strokes Foreground'
It still works for 'Fills and Strokes Background'
Using Rive desktop app version 0.8.2618
Copy or move transitions
It would save a huge amount of time (and nerves) to be able to either:
1. copy and paste transition attributes from one transition to another (duration, conditions, interpolation etc)
or
change the "anchor points" of a transition, i.e. drag the starting and end points of a transition to a different timeline.
Use case: any time I need to add a state between to connected states, and any time I make a mistake in the connection (e.g. connected to start instead of any..)
Please, please, I don't think this would be very complicated?
Read the inputs from the state machine in React Native runtime
I find it a bit confusing to not be able to read state machine inputs in React Native, only methods to set it are accessible on the riveRef.current object. In my opinion it makes separation of concerns about what should be made in the Rive editor and what should be made codewise blurry. If i'm setting some logic in the Rive editor, I find it a bit redundant to have to redo it in react using local states.
But maybe there a particular reason I'm missing for why it's designed that way ?
I'd be curious to know.
Thanks a lot for you amazing work anyways, I've gotten into Rive recently and I'm quite amazed by it 👏
Is there a tool or some other way to track differences between .riv files?
If designers rename or remove events/state machines etc. The devs are relying on magic strings to hook up those events/state machines. As the project grows it becomes difficult to rely purely on communication between the teams.
Is there a tool or API we can use to get an exhaustive list of events/state machines in the file? This also applies to event property names, artboards, etc.
I took a look at the Web (JS) API and low-level API but couldn't see anything.
If it turns out I need to parse the rive file manually and build something, could someone point me to some docs I could look at?
Custom fonts
Hello! I do have custom fonts. What happens after my subscription ends? My website is full with Rive custom fonts animations.