> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://documentation.celestory.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🎭 Visual Novel

${youtube}[🎭VISUAL NOVEL](BHiRJ6WADyk)

Example link: https://creator.celestory.io/project/ETZKLG0ZZ

🔺 To activate the Visual Novel, you must create a new Module and choose the Visual Novel Template.

![](https://storage.crisp.chat/users/helpdesk/website/896adc2f81bee800/dc72ac57-614a-4efd-8db8-9341db_z30gq9.png)

![](https://storage.crisp.chat/users/helpdesk/website/587cdb400db35400/21f3a4d7-2bd0-4cde-b249-fe1099_13qosbb.png)

The Template created by default in a new project is the Chatbot Template.

Only the blocks linked to one of the templates are not compatible with the other.

## 🎭 Visual novel

In Celestory, there are 3 types of blocks: logic blocks, blocks linked to a template and blocks not linked to a template.

There are 2 templates: Chatbot and Visual Novel.

If the Chatbot template displays a wall for publishing messages, the Visual Novel template has several particularities:

- It is made up around the scene, a decor that is cut in X places of the same width, which adapt to the size of the screen.

- The characters have dialog images (a still image to the left of each dialog to indicate who is speaking) and moods, each of which can be associated to an image.

- It has new blocks to animate the characters.

- The actions of the blocks have delays.

- It is compatible with an animation software that allows to have skeletons with 2D or 3D effects: Spine.

More info: Spine's website
Example of Spine skeleton:  

## 🏃🚶 Animating the characters

The specific blocks of the Visual template are

### - Scene:

Displays the image of a scenery that is divided into X locations

![](https://storage.crisp.chat/users/helpdesk/website/c58d13306ef8d000/98f42470-43af-49e2-885f-db24fe_11hout6.png)

### - Add a character:

Makes a mood of the character appear at a location

![](https://storage.crisp.chat/users/helpdesk/website/393cb13eecb34c00/fefd66f1-b9fb-4887-ad33-6d762a_120q4o8.png)

### - Change the mood

![](https://storage.crisp.chat/users/helpdesk/website/60310789bdcc7800/ffc78d7b-0d67-42a0-aad9-dec405_1xlymad.png)

### - Remove character

Makes the character disappear by fading out

![](https://storage.crisp.chat/users/helpdesk/website/9131f644bff46800/bd4087ed-bc9d-4585-95e3-b064f4_dghb50.png)

### - Flip the character over:

Makes a flip in the image of the current mood

![](https://storage.crisp.chat/users/helpdesk/website/11193fa021f9af00/a808bd29-7e5d-4482-b0f0-f8b51e_2y6x6l.png)

### - Slide:

Displays an image is a text overlay on the screen:

![](https://storage.crisp.chat/users/helpdesk/website/787d3abad58b6c00/e3340be3-729a-46e4-aca3-4ffef1_3rg9ff.png)