ZIM with Rive

A first look at bringing Rive into ZIM. We should be able to bring the interactive examples in as well. Will work on that next.

1 Like

Here is an example interacting with the Rive StateMachine:

waauw so now ZIM can interact with bones also?
It would be fun if the webcam cursor can interact with the camMotion hand, so the bone is also moving with the full arm :slight_smile:

this idea

waving


as I made this already

Cool for animationd and less kB! And follow the mouse!

now you can also add RIVE to ThreeJS
as ZIM could do also
https://twitter.com/PedroAlpera/status/1864248904318877839

@abstract your page with a slider, does not have the physics as this example
maybe you can add physics to the slider also as in this movie , because ZIM has also ease an physics .. so should be possible I thought but how? at https://zimjs.com/rive/input.html


https://twitter.com/novikoff/status/1865084558359593125

It is a different thing - for us, this would be like slide in drag() and List(), Window(), etc. Not really interested in putting it on a Slider... do not see the point. Perhaps the things the Slider operates would need it - and that is what damp parameter on the Slider does.

ok, but there is no damping into the example yet of https://zimjs.com/rive/input.html

The rive animation itself has damping on it if you look - it was built in to the rive input. We could have damped the input with ZIM - but there was no need. When we do damp the input, you need to run Ticker.always() as the damping takes extra time to finish. But, in this case, the damping was in the original rive app.

ok maybe an example of rive without the damp to show how we in ZIM need to activate the damping ?
so a ball into RIVE, and ZIM do the animation by physics and damping possible?

to show people rive files can be animated with physics of ZIM
thanks to think about