Using Live2D in Your Game
Live2D allows 3D models and animation to be easily created from 2D images.
Here’s a simple demo to give you idea of what it can do:
And you can click the link below to play the demo of Houkago Quest! 2, a visual novel by LKproject which uses Live2D and TyranoScript.
What do you think? Exciting, right?!
TyranoBuilder supports Live2D, and even has official cooperation and technical back-up from Live2d Inc., so you can be a part of this new era of visual novels!
Now let’s look at how to add it to your games!
First, we’ll enable the Live2D functionality in TyranoBuilder.
From the menu at the top of the TyranoBuilder window, select Project > Add-In Components as below:
Then place a check next to the Live2D Components.
Hit Accept to accept the User Agreement that pops up…
And when the Live2D components appear in the Tools Area on the left, you’re all set!
Add a Live2D Model
For this tutorial, we’ll be using Nasuka from Houkago Quest! 2. You can download her model from the TyranoBuilder online Asset Library (Project > Asset Library from the menu) or from the below link:Tip
If you’d like to play around other models, there are several free samples available from the Live2D homepage.
Click the below link to visit the Live2D page and download them:
Live2D Sample Data
Go ahead and download the Live2D model and extract it to a suitable location on your computer.
Add a Live2D Model to the Scene
Right then, let’s add the Live2D model to a game.
The first step is to import the Live2D model that you downloaded to the project.
Click the Live2D button at the top right of the TyranoBuilder window.
Click the ‘Add Live2D’ button and select the model.json file from the model data you downloaded and unzipped earlier.
For Nasuka, you should select the file nasuka.model.json.
The Live2D model and motion files will be automatically matched.
Once the model is loaded, Select a motion file to see the motion in action.
From the Tools Area drag and drop the ‘Add Live2D’ component into the Scene Editor.
In the Live2D parameters in the Settings Area, select ‘nasuka’.
Click the handy Live2D Positioning Tool and drag and drop to set the position of the Live2D model.
Save the project and preview.
The Live2D model displayed, right?!
How easy was that?!
If your model looks noisy / glitchy in Internet Explorer, try using the noise removal tool at the link below to optimize your model.
You can set Live2D motions at the timing that suits you.
For example, you can have characters get angry, blush, and so on to match the in-game situation.
Setting motions to play at your preferred timing in TyranoBuilder is simplicity itself.
Drag and drop the ‘Live2D Motion’ component from the Tools Area into the Scene Editor.
Available motions are automatically displayed, so simply select which motion you’d like to use.
With the motion selection tool, you can check the motion as you position the character.
Go ahead and save and preview the game.
Your motion played, right?
To have a model character exit the scene, use the ‘Remove Live2D’ component, and to change the position, use the ‘Move Live2D’ component.
More Options with TyranoScript