[👥 Visual Novel](https://www.youtube.com/watch?v=j9rYk100t_4)


Lien de l'exemple: https://creator.celestory.io/project/jWPO7iDAris

🔺 Pour activer le Visual Novel, vous devez créer un nouveau Module et choisir le Template Visual Novel.

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdVFHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--775b572cd7009ed353784f2e06d7c2ebeefd0297/cab5f25a-46c5-43e2-a0e7-74b06f_1cc5y8a.png)

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbEFEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a06b776938805c442a170a57518e58b521cdeab2/cdfeabd1-6c62-4ad7-b3a9-a3f15c_wvu1ly.png)

Le Template créé par défaut dans un nouveau projet est celui du Chatbot.

Seuls les blocs liés à l'un des templates ne sont pas compatibles avec l'autre.

## 🎭 Visual novel

Dans Celestory, il existe 3 types de blocs: les blocs de logique, les blocs liés à un template et ceux qui ne sont pas liés à un template.

Il existe 2 templates: Chatbot et Visual Novel.

Si le template Chatbot met en scène un mur de publication de messages, le template Visual Novel a plusieurs particularités:

- Il est constitué autour de la scène, un décor qui est découpé en X emplacements de même largeur, qui s'adaptent à la taille de l'écran.

- Les personnages ont des images de dialogue (une image fixe à gauche de chaque dialogue pour indiquer qui parle) et des humeurs, qui peuvent chacune être associées à une image.

- Il possède de nouveaux blocs pour animer les personnages.

- Les actions des blocs possèdent des délais.

- Il est compatible avec un logiciel d'animation permettant d'avoir des squelettes avec effets 2D ou 3D: Spine.  
  
Plus d'information: Site de Spine

Exemple de squelettes Spine:

## 🏃‍♀️🚶‍♀️ Animer les personnages

Les blocs spécifiques du template Visual sont:

### - Scène:

Affiche l'image d'un décor qui est divisé en X emplacements

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbllEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--f2c7847a91858f45d0e752066998b5ea561ccc29/d4e616e9-165c-4d4f-9de7-7c3a2d_dkbwv6.png)

### - Ajouter un personnage:

fait apparaitre une humeur du personnage à un emplacement

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdkVHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--bbeebed0c2b336dda4ef77dfaee3371326a2af5b/95cab6f1-e8f5-49a7-8de0-ca5931_1a9tr8m.png)

### - Changer l'humeur:

crée un fondu entre l'humeur précédente et l'humeur cible

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbllGIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ee3e1180720e65ebd2aa3ef062735b34d2907402/9d1f36d6-7a53-4168-989f-fa3ad2_cc5li9.png)

### - Enlever un personnage

fait disparaître le personnage par un fondu

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0lEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d9207850b3dfbd4d3075dd8e24c4b95f804d32f6/a8fe0bbb-a81e-4684-a262-879ed7_k07mdt.png)

### - Retourner le personnage:

fait faire un flip à l'image de l'humeur en cours

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdVFFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--db9a76f69ef682f29f974b16cde8f3dca294a799/6087c233-618b-4bd0-a34b-0aa1b5_3de4fs.png)

### - Slide:

Affiche une image est un texte en surimpression de l'écran

![](https://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcklEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--e60f3d1a10c3d348a61d3e84c76bff64510c21a4/0b84a050-40f0-4d5f-a2de-d18c84_bq2gi4.png)