Rive Questions

General
1

Rive looks amazing. https://rive.app/ We have been following it on Twitter for half a year or so. A few questions:

  1. Can we use Rive animations inside ZIM - we have brought Lottie animations inside ZIM... and may be able to do the same, assuming the animations are on the canvas. They are primarily animating interfaces and characters.

  2. Rive has a state machine panel that basically looks like it will play certain animations depending on input. In other words... a conditional - or a set of conditionals / case statement. Is there any more to it? Perhaps we should demonstrate how we can do that with code and do a comparison.

  3. I have seen some almost full out games made with it... and looked briefly at the code. It was a thousand lines. So... there seems to be a coding language for it... what is it? Anybody try?

3 Likes
2

We are coming along with this. @capi421 - I can't seem to find an ES6 module for Rive JS runtime. I would rather not use a script tag going forward - any chance you can dig around a little and see if you can find it. If not, maybe you can install a node version and work your magic to make an E6 package. I could try... but I miss hanging out with you. Here is an example with the script tag https://zimjs.com/rive/animate.html

Note there is another example here with an ES6 module but that is for the canvas-advanced with wasm - so we are good for that one - but not the plain JS runtime.

I do have a question in to the Rive people here but I have a feeling they are going to tell me to use NPM or the script tag. Rive JS ES6 import URL?

2 Likes
3

great!!

2 Likes
4

Thanks for our Discord chat, @capi421 As worked out, we have decided to bring the two small Rive helper classes right into ZIM so no need for an extra helper module at this time. That means, we can just direct people to import whichever Rive they need in whatever way they want - like when we use QR Codes or Animated GIFs.

1 Like
5

I found out you can remix:
I made the stacker transparent and smaller

image
image1038×591 31.4 KB

https://public.rive.app/community/runtime-files/12790-24230-stachersmall.riv
so the link to the communtiy
https://rive.app/community/files/12790-24231-stachersmall/
but it seems not working when the boundingbox is not the same size as the ZIM frame?
any idea if it is possible to let it work when the size of the hitBox is smaller than the ZIM frame?
thanks

6

From what I've seen, Rive doesn't have its own coding language essentially. All things considered, it involves a mix of its visual supervisor for making movements and runtime libraries (like JavaScript or C++ for web and local applications) to control and play the liveliness. The enormous codebase you experienced is logical well defined for custom incorporations or more perplexing arrangements.

1 Like