Evelyn GameDev Logo
Published on

Animating a 3d character with Mixamo and Unity and Vroid Studio (Vroid / Unity / Mixamo)

Authors
  • avatar
    Evelyn
Animating a 3d character with Mixamo and Unity and Vroid Studio (Vroid / Unity / Mixamo)

Please share this article if you like!

Hi, I'm Evelyn.

icon of Evelyn
I'd like to apply an animation to 3D models created with Vroid, and use them in my game production.

This blog post will solve those problems for you. So let's get on with the development!

I also send out videos of the content of this blog post, so please check the videos if there are parts that are difficult to understand from the text alone.

If you want to run it with Universal Render Pipeline, please refer to the following video.


Table of Contents

export a vrm file from Vroid Studio

First, let's export the 3D model data to run in Unity using Vroid Studio, which is a free software.

Vroid Studio website

Visit the Vroid Studio website at the Url below to install Vroid Studio.

Vroid Studio website

After Vroid Studio is downloaded, launch it.

Startup screen of Vroid Studio

Once you have chosen your favorite character, export it. In this article, we will assume that you have chosen the character Vita.

Export screen

Make sure that the Vrm file is generated in the location that you set during the export.

Checking the Vrm file

import packages

In order to be able to import the vrm file that we just exported into Unity, we will import the necessary packages.

UniVrm url
UniVRM

Drag and drop the UniVRM package file that you just downloaded into your Unity project and incorporate it into your project.

Dragging and dropping UniVrm into a Unity project

Create a folder of your choice, and drag and drop the Vrm file. The 3D model data will then be extracted into a form that can be used in Unity.

Importing a Vrm file to Unity project

Next, import the FBX exporter using the Package Manager, since Mixamo requires FBX files to be uploaded.

FBX exporter

export a fbx file

Now we will prepare the FBX file for uploading to Mixamo. Right-click on the data of the 3D model placed on the hierarchy and select the Export to FBX item

export to FBX

Change the Export Path to any location to export the FBX file.

Click export button

upload a character

Now it's time to apply the animation. This time, we will use Mixamo, a service provided by Adobe, which allows us to easily apply animations by simply uploading an Fbx file.

Mixamo website url
mixamo web top page

Click the Upload Character button, and drag and drop the FBX file you just exported.

upload the character to mixamo

Wait for the upload to complete.

uploading

A modal will be displayed, and we will click the Next button.

auto rigger

add an animation

Now that the character has been uploaded, we can apply the animation.

Clicking on the thumbnail on the left will also apply the animation to the uploaded character.

animation tumbnail

Now that the animation has been applied, click the Download button to download it as an FBX file.

donwload FBX

Once the download is complete, you will get the FBX data with animation clips.

select donwload path

Make sure that the fbx file is created in the specified location.

donwload folder

apply an animation

Now it's time to apply the animation data we just downloaded to the 3D character in Unity.

Drag and drop the downloaded FBX file into Unity and change the Rig's AnimationType to humanoid.

rig config

Select the animation clip in the FBX and press Command+D (or Ctrl+D if you are a Windows user). Then you can duplicate the animation clip data.

dupulicate animation clip

Create an Animation Controller, and drag and drop the animation clip you just duplicated.

set to controller

Then, add the controller you just created to the Controller of the Animator component of the 3D character placed on the hierarchy.

set to controller

This completes the entire process. Let's run it one last time to make sure the animation is applied.

set to controller

How was it? If you want to customize your own animations, I recommend the Very Animation asset, and you can watch this video.

Thank you for reading to the end. I would be happy if I could contribute to your game development.

icon of Evelyn
Let's combine Vroid, Unity and Mixamo to facilitate game development!

Please share this article if you like!