Q: 🕺 Serious game

${youtube}<a href="JQ3TrAmlzTQ">🧍♂️Serious Game</a> Example link: https://creator.celestory.io/project/VN9BeBF3M <img src="https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/image_1e4mrfr.png" alt="" /> Each module of each project has a background by default (can be changed in Module settings on the left flap).So to start a staging with characters and backgrounds, you have to start by creating a block 🟧 Background. <img src="https://storage.crisp.chat/users/helpdesk/website/8a8f9bec2269d800/a45eba3b-9a20-4c3b-ac74-58fba0_k7hcnv.png" alt="" /> Double-click on this block then click on Images and select from the files the image you want to use. want to put in the background (you can also import your own image files). Some decors in this project have views multiple (side/back/front). Remember to choose in the advanced options the contained size so that the high and low edges The lower part of the image adapts to the image on your screen. Finally do not hesitate to give a personalized title (with no effect on user experience) to your block to better recognize it (e.g. here: Office front) <img src="https://storage.crisp.chat/users/helpdesk/website/5a37d4f35a45ec00/21ce40b4-8a38-43b6-9565-664fe8_1gxhwsw.png" alt="" /> The Dialogue block shows the dialogue of one or more series of lines in each character bubble in the feed of the module. <img src="https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/image_1doxyeg.png" alt="" /> When you create a new dialogue block, open it and clock on Slect a character to open t

Question 1

🕺 Serious game

Accepted Answer

${youtube}🧍‍♂️Serious Game

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

Each module of each project has a background by default (can be changed in Module settings on the left flap).So to start a staging with characters and backgrounds, you have to start by creating a block 🟧 Background.

Double-click on this block then click on Images and select from the files the image you want to use. want to put in the background (you can also import your own image files). Some decors in this project have views multiple (side/back/front).

Remember to choose in the advanced options the contained size so that the high and low edges The lower part of the image adapts to the image on your screen. Finally do not hesitate to give a personalized title (with no effect on user experience) to your block to better recognize it (e.g. here: Office front)

The Dialogue block shows the dialogue of one or more series of lines in each character bubble in the feed of the module.

When you create a new dialogue block, open it and clock on Slect a character to open t

Question 2

🎭 Visual Novel

Accepted Answer

${youtube}🎭VISUAL NOVEL

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.

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

Question 3

🔌 Create your relational database  (Airtable)

Accepted Answer

${youtube}🧮 Database 1/2

${youtube}🧮 Database 2/2

Example: https://creator.celestory.io/project/X2hu1xLcU

Airtable base link: https://airtable.com/universe/expv5ePD2Qfw7lIlK/nocode-serious-game-data-base

🟦 Airtable block

This block allows you to exchange with your database of your Airtable account (collaborative online spreadsheet).

1) To start using the Airtable block, you must Enable integrations

(Main Menu/Integrations). You must enter your API Airtable key which allows you to

this connection to one of your databases (i.e. your spreadsheets).

2) Copy the API key located by clicking on your profile picture, then "Account". In

On the "Account overview" page, the API section displays a pink area. Double-click on it and copy the key. Back in the Celestory integrations menu, paste it.

3) You can now create Airtable blocks. This is an evolving block. Start by selecting your database, then your table (this is your sheet).

From then on, 4 operations are proposed to you:

**Create, Retr

Question 4

🟦 Airtable

Accepted Answer

Example: https://creator.celestory.io/project/X2hu1xLcU

Airtable base link: https://airtable.com/universe/expv5ePD2Qfw7lIlK/nocode-serious-game-data-base

🟦 Airtable block

This block allows you to exchange with your database of your Airtable account (collaborative online spreadsheet).

1) To start using the Airtable block, you must Enable integrations

(Main Menu/Integrations). You must enter your API Airtable key which allows you to

this connection to one of your databases (i.e. your spreadsheets).

2) Copy the API key located by clicking on your profile picture, then "Account". In

On the "Account overview" page, the API section displays a pink area. Double-click on it and copy the key. Back in the Celestory integrations menu, paste it.

3) You can now create Airtable blocks. This is an evolving block. Start by selecting your database, then your table (this is your sheet).

From then on, 4 operations are proposed to you:

Create, Retrieve, Update, Delete

➕ Airtable operations

As a reminder, each line of y

Question 5

🐱‍🏍 Import Gifs & Images

Accepted Answer

${youtube}🐱‍🏍GIFs and Images

Link to the example : https://creator.celestory.io/project/UnjYWH0TL

🟩 Load image :

If you want to upload images to your app, you can do it in Main Menu/Files.

You can also easily upload images hosted on external sites via URLs, such as Gif with Gyphy, your logos or user photos with Airtable.

Link: https://giphy.com/

After creating an Image block, expand the entry point "image" and click on the creation of the Load Image block.

Open the Load Image block, and paste your url into it.

Allow the user to import a custom URL :

You can also offer the user to insert the custom url of their image - which you can then display wherever you want later in the experience by associating it with a text variable.

To do this, start by adding an "Input text" block - this will allow the user to insert the link of his URL. You just need to connect this block to an "Assign" block to which you will need to connect a text variable that you have previously created - in the example "URL image profile". Don't forget to link the value of the "Input text" block to that of the "Assign" block.

![](https://storage.crisp.chat/users/helpdesk/website/81a1042ddd045000/6dd03148-bbd7-4b9a-b806-

Question 6

🟧 Background

Accepted Answer

The Switch background block allows you to change the background, the decor of the module, from another image from the Resources.

The block allows you to operate on a wide spectrum of parameters. For example, you can change the position, the size, the color of the rest of the screen or the description of the image. Indeed, the background will be displayed for a short amount of time before the next block.

Frequently Read Articles

Browse All Categories