Complementing Your Dress Up Game with Background Image and Music

Note: If your visual novel contains any explicit content (Hentai, Eroge, Yaoi, etc), please select mature. Failure to do so may result in deletion of your visual novel and a banned account.

This is NOT where you add characters for your game, this is for submitting free to use character art for other game creators to share their artwork with the community in the public resources gallery.

To add characters to your game project, go to your Dashboard, choose a project and click "Open Project," click on the library tab, and add characters there.

I own this asset and allow others to use it

I don't own this asset and I will give proper credits to the original owner

This is NOT where you add backgrounds for your game, this is for submitting free to use background art for other game creators to share their artwork with the community in the public resources gallery.

To add backgrounds to your game project, go to your Dashboard, choose a project and click "Open Project," click on the library tab, and add images there.

I own this asset and allow others to use it

I don't own this asset and I will give proper credits to the original owner

This is NOT where you add GUI for your game, this is for submitting free to use GUI for other game creators to share their artwork with the community in the public resources gallery.

To add GUI to your game project, go to your Dashboard, choose a project and click "Open Project," click on the library tab, and add GUI there.

I own this asset and allow others to use it

I don't own this asset and I will give proper credits to the original owner

This is NOT where you add objects/item images for your game, this is for submitting free to use art for other game creators to share their artwork with the community in the public resources gallery.

To add objects/images to your game project, go to your Dashboard, choose a project and click "Open Project," click on the library tab, and add images there.

I own this asset and allow others to use it

I don't own this asset and I will give proper credits to the original owner

This is NOT where you add music/soundtracks for your game, this is for submitting free to use music/soundtracks for other game creators to share their music with the community in the public resources gallery.

To add music to your game project, go to your Dashboard, choose a project and click "Open Project," click on the library tab, and add sounds there.

I own this asset and allow others to use it

I don't own this asset and I will give proper credits to the original owner

This is NOT where you add sound effects for your game, this is for submitting free to use sound effects for other game creators to share their sounds with the community in the public resources gallery.

To add sounds to your game project, go to your Dashboard, choose a project and click "Open Project," click on the library tab, and add sounds there.

I own this asset and allow others to use it

I don't own this asset and I will give proper credits to the original owner

Note: If your dress up game contains any explicit content (Hentai, Eroge, Yaoi, etc), please select mature. Failure to do so may result in deletion of your visual novel and a banned account.

Features	Free	Premium
Scene map for organizing scenes and connecting your story
Flags or Point System: Keep track of simple statistics like love points, flagged triggers, etc.
Creating screens such as CG gallery or extra screens
Add collaborators to your visual novel project so multiple people can work on it at once
Cloud Storage: Directly upload files from your computer into your project	-
Video Files	-
Flag Folders: Organizing your flags into folders	-
Customizable Save Slots	-
Character Popularity Poll	-
Password Protection Feature	-

Features	Free	Premium
Pieces system for creating your character or avatar model
Creating screens such as character closet/wardrobe or other screen systems
Add collaborators to your dress-up game project so multiple people can work on it at once
Cloud Storage: Directly upload files from your computer into your project	-
Masking to hide certain shapes or "cutouts" of pieces or other assets	-
Special effects such as blurring or coloring filters	-
Sharing your saved images with online web community	-
Password Protection Feature	-

Creating Your First Dress Up Game Preparing Your Assets Before Uploading Uploading a Piece to the Library TIPS: Organizing Your Pieces in the Library Managing Pieces in the Build section Building the Game with Button Complementing Your Dress Up Game with Background Image and Music

Publishing the Game on CloudNovel

Complementing Your Dress Up Game with Background Image and Music

You're almost done with your dress-up game! For now, let's improve your dress-up game by adding a background image and music.

Adding the Asset

❏ Uploading the background image

Let's first learn how to upload the background image in the library.

Open your project's Library by clicking on this tab.

Click Images and then press the 'Add Image' button.

Click Images

Press 'Add Image'

Name your Asset and choose a file or enter a URL in the URL bar.
(Tips: If you're bulk uploading, you don't have to name your asset)

Next, click 'Add Image' to start uploading.

❏ Repeat these steps for sound

Repeat these steps for the sound except you'll have to choose the 'Sound' asset before adding the sound.

Placing the Image on the Stage

❏ Showing the background image

Go back to the Build section.

Just like the name of the asset, background image, and music, we will be placing them at the back of the model. So make sure you've toggled the 'Back' option for this button.

Next click 'Add Assets' and drag and drop the assets you've just added.

Enter the timeline by clicking this blue button.

Select the background image among the list in the Scene Assets panel.

Within the Animation and Commands panel, choose 'Show Image' to make the background image appear on the stage.

Play the animation in the timeline.

❏ Tweaking 'Show Image' animation

If you aren't satisfied with the animation, you can always edit it.

Click the 'Show Image' animation from the timeline. This will bring up the settings for the animation.

If you wish to change the position of the image horizontally, you can do so by changing the value here.

If you have a problem with its vertical orientation instead, you'll have to look at the 'Selected Asset' panel on the left-side of your Workspace.
Among other assets info, you'll find an input box with Y Position beside it. Entering a value here will change the vertical position of the image.

If you ever need to change the size of the image, you can do so by inputting a number less than 1 to scale down or bigger than 1 to scale it up.

Make sure to save changes before we move on to the sound.

Playing the Background Music

❏ Playing the sound

First, please confirm that you are inside the timeline editor and your workspace looks like with the Assets Scene panel on the left-side.

Next, select your sound asset to enter the Asset's setting.

Now, if you look at the Animation and Commands, you'll see a bunch of animations? Now, which one should we use?

Don't worry, let us explain.

Among all of the animations, if you want to play the sound, you'll have three choices.

Play
It will play the sound once then stop.
Loop
It will play the sound then keep looping it until you add a Stop animation.
Fade In
The sound will enter the stage with low volume at first then gradually increase the volume to normal and it will keep looping until you add a Stop animation.

Depending on the situation, you may make your own choice that is suitable for your game. Just click the 'Add to Selected Asset' button to add it to your game.

Press on the stage and it should start playing. If it didn't please wait for a while because the sound may be delayed a bit for the first time loading.

After this, your dress-up game is pretty much finished. Next, we will learn how to publish your game to CloudNovel.