In this tutorial we will show you how to add characters to your visual novel. To find a character for your visual novel, go to CloudNovel's character resources
Go to your visual novel project library.
Once you are inside your library, click on the add a character
button to create a character.
A character form will appear. Fill out the character name and description.
Once you are done, click "add character."
When you have created your first character, it should appear as an empty block with only the character's name. Now to add character images or sprites, you must go inside your character. Click on your empty character name.
Your character form will appear. This is where you can edit your character's name, default settings, and colored highlighted name in the scenes.
- Name of your character
- A short description of your character.
- The color of your character's name as it appears in scene and page dialogue.
- This number represents the default vertical position of your visual novel character. There are six preset heights you may choose from when you set your character height.
Refer to the diagrams below to see how the presets position your characters:
- Positions your character 50 pixels from top.
- Positions your character 135 pixels from top.
- Positions your character 200 pixels from top.
- Positions your character 120 pixels from bottom.
- Positions your character 90 pixels from bottom.
- Positions your character 40 pixels from bottom.
(Height presets are calculated differently based on the default character image/sprite. Using the same height preset value on a different character will not guarantee the same vertical position of your characters)
- This number represents the default size of your character. A scale of 0.5 will be half the size of the original character image, and a scale of 2 will be twice the size of the original character image.
Position Height (Textbox Character)
- The vertical or Y value of the character that will appear on the textbox (for show textbox character animation)
Horizontal Position (Textbox Character)
- The horizontal or X value of the character that will appear on the textbox (for show textbox character animation)
Image Scale (Textbox Character)
- This number represents the default size of your textbox character. A scale of 0.5 will be half the size of the original character image, and a scale of 2 will be twice the size of the original character image.
To add sprites, go to the bottom and click continue
Now you are inside the character. Click on add sprite
to add a sprite image to the character.
A new form will appear. Fill out the form with the name and asset source of your character sprite:
- name of character sprite (Neutral, Happy, Sad)
- source or URL link of the image.
How do you retrieve the URL/source of an image?
Different browsers have different methods of finding the source URL of an image. First, make sure to upload your image onto an image hosting site. Once it is uploaded, find and copy the URL of the image(you can do this by right clicking on the image
*Your image URL should end with .jpg, .gif, or .png extension file. If your image URL does not end with the file/image extension, most likely that URL will not work.
Once you have copied the URL/source, paste it in source
. You may also preview your sprite to make sure the sprite image is correct.
Click on add asset
. Your sprite should now be added to your character.
To add additional sprites and expressions, click on add sprite. To edit your sprite, click on the sprite image.
You may set the sprite as the default for the character by clicking on set as default
. Setting it to default will make the sprite the default image to appear when your characters shows up in the scene.
will remove your sprite from the character. Remember to save changes if you decide to change the sprite name, source URL, or other info.
Congratulations, you have now added a character to your visual novel. Continue onto the next tutorial to learn how to add backgrounds