👨🏫 Anatomy of a block
In Celestory, the block allows you to create the content, logic and data of your app.
To create a block, you can:
either click on Add block on the top bar of your project's graph interface.
or right-click in an empty space on the graph, then click on Add block.
Note: The Add Block contextual menu automatically recognizes the blocks you use the most and offers them to you in priority to save time.
Let's cut a block off:
Colour
The color of a block represents the part of the application on which it has an effect.
For example, the following colors/effects are associated:
🟥 light red: redirections of the Story Feed
🟨 yellow: opening/closing a module/graph
🟦 blue: change of variables (and therefore data)
🟪 purple: the choices
🟧 orange: media content in the background (visual/sound)
🟩 green: media content in the foreground (image/video)
⬜ blank: for the creator only, no effect on the application
⬛ black: for experts to modify the application by coding
More information on the different blocks available on the block list.
(1) Input
The input of a block is the input connection of the Storyline, and therefore the logical thread that will reflect the different possible paths of the user in the app.
Cannot be connected to the input of a block the output of another block.
(2) Point constituting
These points are in part the nature of the block. They must be detailed by the creator for the block to function properly.
E.g.: A Repeat block must have the indicated number of iterations, an Analytics block must have the name and the order of comparison of its data to be analyzed indicated...
(3) Output
The output of a block is the output connection of the Storyline. It can be connected to the input of another block.
(4) Alternative output
These are alternative outputs that redirect the Storyline in another direction.
E.g.: A Choice block with a countdown will propose an alternative output for timeout if the countdown reaches 0 for the user.
(5) Value created
This is a value created by the block itself, which can then be assigned to one of the project variables for example.
Ex: For the Repeat block, index is the value created corresponding to the number of times the loop has been made, which can then be correlated to a numerical variable. You will then be able to tell the user how many times the user has tried this portion of the graph.
To create a block, you can:
either click on Add block on the top bar of your project's graph interface.
or right-click in an empty space on the graph, then click on Add block.
Note: The Add Block contextual menu automatically recognizes the blocks you use the most and offers them to you in priority to save time.
Let's cut a block off:
Colour
The color of a block represents the part of the application on which it has an effect.
For example, the following colors/effects are associated:
🟥 light red: redirections of the Story Feed
🟨 yellow: opening/closing a module/graph
🟦 blue: change of variables (and therefore data)
🟪 purple: the choices
🟧 orange: media content in the background (visual/sound)
🟩 green: media content in the foreground (image/video)
⬜ blank: for the creator only, no effect on the application
⬛ black: for experts to modify the application by coding
More information on the different blocks available on the block list.
(1) Input
The input of a block is the input connection of the Storyline, and therefore the logical thread that will reflect the different possible paths of the user in the app.
Cannot be connected to the input of a block the output of another block.
(2) Point constituting
These points are in part the nature of the block. They must be detailed by the creator for the block to function properly.
E.g.: A Repeat block must have the indicated number of iterations, an Analytics block must have the name and the order of comparison of its data to be analyzed indicated...
(3) Output
The output of a block is the output connection of the Storyline. It can be connected to the input of another block.
(4) Alternative output
These are alternative outputs that redirect the Storyline in another direction.
E.g.: A Choice block with a countdown will propose an alternative output for timeout if the countdown reaches 0 for the user.
(5) Value created
This is a value created by the block itself, which can then be assigned to one of the project variables for example.
Ex: For the Repeat block, index is the value created corresponding to the number of times the loop has been made, which can then be correlated to a numerical variable. You will then be able to tell the user how many times the user has tried this portion of the graph.
Updated on: 29/03/2021
Thank you!