Skip to main content
8mo ago

how to render interactive 2D graphics on 3D objects

It is mentioned in the video link below that Rive can "render interactive 2D graphics on 3D objects".

I'd like how this can be done:

  1. how to import 3D objects?

  2. how to attach 2d graphics to 3d object?

Video link:

2 replies
8mo ago

Hi The idea behind this is to create the animations in Rive and then use it in Unreal or Unity. In the video you can see several examples. One of them is the Cockpit. In this case the entire interface of the ship is done in Rive and then the file has been imported into Unity to integrate it into the 3D model. In order to do this you have to install a plugin in Unreal or Unity to be able to import the Rive file and be able to access the artboards and state machine. Here you can find information about this https://rive.app/community/section/game-runtimes/sgmPjw7BlfIf

8mo ago

Also if you are interested in web, you can use libraries like ThreeJS with Rive.
This is a quick example:
https://pedroalpera.github.io/rive-threeJS-basic-example/
And you can find the code here:
https://github.com/pedroalpera/rive-threeJS-basic-example?tab=readme-ov-file