Rive Animation Controller

Content Type: Module
Categories: User Interface,Connectors,Visualization

Overview

Use this module to bring Rive animations and interactive graphics into your Mendix application.

 

The module provides an overview page for uploading Rive (.riv) files. This allows you to store and display as many Rive files as you can create! There is also a REST endpoint which serves the Rive file specified to the provided pluggable widget.

 

Included in the module is also an example/demo, so you can see how easy it is to set up and control a Rive animation in your Mendix page.

 

Please click for an example application which showcases the module in action, with a Rive animation connected to a simple login page.

 

Documentation

Demo urlhttps://rivecontroller-sandbox.mxapps.io/

Typical usage scenario

  • Storing and serving Rive (.riv) files to your Mendix application front-end
  • Displaying Rive animations in a Mendix page
  • Triggering animation transitions in the Rive graphic from user/system actions in your Mendix application

Features and limitations

  • Rive file overview page allowing for upload and management of .riv files
  • Rive Controller widget which can:
    •  Display any Rive file uploaded to the application
    • Allow State Machine to be configured
    • Allow for any number of State Machine Inputs to be configured, with all three types supported (Boolean, Trigger, Input)
    • Accept attributes which can control the configured animations

Demonstration

To see an example of a Rive animation with all input types configured in a Mendix app, visit the demo application.

Credentials are as follows:

Username - Admin

Password - rivepassword

 

Animations:

  • Clicking into username field (Bear looks down)
  • Typing into username field (Bears eyes move to the right)
  • Clicking into password field (Bear covers eyes)
  • Clicking the 'successful login' button (Bear celebrates)
  • Clicking the 'failed login' button (Bear is aghast)

Releases

Version: 1.0.0
Framework Version: 9.24.21
Release Notes: Initial release