[🎭VISUAL NOVEL](https://www.youtube.com/watch?v=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://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBamtFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--fbd511f106037374648b33935d17a38023721fd5/dc72ac57-614a-4efd-8db8-9341db_z30gq9.png)

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa0VEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--3386ca901b0d8b9081bcf59599754b830a03abff/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://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbXNGIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--2f1702f9695c84610cd0d2e629032c39d34a1049/98f42470-43af-49e2-885f-db24fe_11hout6.png)

### - Add a character:

Makes a mood of the character appear at a location

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcklDIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--1bb3ab5622a96018ca6b923822e61df989ecf208/fefd66f1-b9fb-4887-ad33-6d762a_120q4o8.png)

### - Change the mood

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbWtEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d004140b2b86f26ab32d08fbcfb79dda4b429002/ffc78d7b-0d67-42a0-aad9-dec405_1xlymad.png)

### - Remove character

Makes the character disappear by fading out

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbUFFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--8ca0b84e675512546b2b0f25336c0b761525f325/bd4087ed-bc9d-4585-95e3-b064f4_dghb50.png)

### - Flip the character over:

Makes a flip in the image of the current mood

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDRCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--bcbfc9b93a548dbb39052788067a9b2233985bf4/a808bd29-7e5d-4482-b0f0-f8b51e_2y6x6l.png)

### - Slide:

Displays an image is a text overlay on the screen:

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDhEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--2030d3355e02e8c488c868593aa39e3d3dec074b/e3340be3-729a-46e4-aca3-4ffef1_3rg9ff.png)