⬜ Comments
⬜ Story
The Story block allows you to create the draft scenes (notes) of your interactive scenario. It does not affect the design or logic of the graph. It will not be visible to the player. You can replace the text you place between singletons (e.g. x apples) with the value of a current variable. Once done, the text between singletons appears at the bottom of the block with a point to connect to the block of the variable you are targeting. (https://storage.crisp.chat/users/helpdesk/website/1Popular⬜ Connector
The Connector block allows you to create a malleable bridge for the Storyline, allowing you to visually arrange the graph as you wish. You can create a connector block by double clicking on a connection to split it in two. It does not affect the variables or the visualization of the experiment, but it certainly improve the clearness of your project. Indeed, it can sum up a lot of cSome readers⬜ Comment
Link to video example : https://www.loom.com/share/c7dc912f773e4243a878c414b45043bf ⬜ Comment: The "comment" block allows you to add comments visually and freely around your graph. This block is not linked to the stream and therefore has no impact on it. You can position it wherever you want, choose the size, color and/or transparency of the block. 🔺 Be careful, as tSome readers
🟩 User Interaction
🟩 Load video
Example link: https://creator.celestory.io/project/OqkScT5D5 The Load video block allows to create a video value which can then be sent to another block via a constituent point. It allows to use the url of a video (direct link) to display it in the user interface. To display a video player, like YouTube, read this article: https://documentation.celestory.io/en/article/insert-a-youtube-video-1horjlj/ Here we have indicated the direct link of the video in the url field of the block.Popular🟩 Dialogue
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 click on Select a character to open the contextual menu. Then choose a character or create a new one. Opening dialogue block Several characters in dialogue (https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/imagexkc01Popular🟩 Start
The Start block is used to start each graph. Therefore, it is not possible to erase it.Popular🟩 Narrator
The Narrator block allows you to show text content outside of a bubble, which makes easier to distinguish this one frome dialogues'ones. Also, it has a diferent display form which reinforces its differences with the regular chatbot and visual chat template. It is possible to adjust the margins of this text. You can replace the text you place between singletons (ex: x apples) by the value of a current variable. Once done, the text between singletons appears at the bottom of the block with aPopular🟩 Notification
Link to the video : https://www.loom.com/share/ea5e51532a2d460f9d2201b8510a2bf2 The "Notification" block allows you to overlay your content with a notification/text/image that will appear with or without delay, for a set period of time. To do so, you just need to link a "Notification" block to your content block. Inside the "Notification" block you can enter your text or uploadPopular🟩 Input number
Link to the graph example: https://creator.celestory.io/project/EIZOuM2v Allow your users to directly enter the value of a number, which you can then assign to a numeric variable, allowing you to make calculated formulas. Simply extend the "value" output point and connect it to the value input point of an Assignment block whose variable input point is linked to a numeric variablPopular🟩 Image
The Image block allows you to show an image in a bubble in the feed of the module. It is also possible to add text, including custom text (via the Text Format block) on top of the image. Text is editable, as you may change its position with margin settings under text's screen. This editing will change the position of your text on the displayed image. (https://storage.crisp.chSome readers🟩 Input text
The Input text block allows a user to enter a sequence of characters on the keyboard that will define the value of a text variable. Once the text has been typed in the box provided for this purpose, the user will have to press a button to validate his entry. The text, the design of input and validate button are customizable. (https://storage.crisp.chat/users/helpdesk/website/7Some readers🟩 Video
The Video block allows you to display an image or video media file in full screen. By clicking on it, the player makes it disappear and the stream continues. If the Enable Zoom function is activated, then it will be possible to zoom in on it, and to pass, the player will have to click on the cross at the top right of the player.Some readers🟩 Clear feed
The Clear feed block allows you to remove the feed aka the history of visual elements. After this block, the rest of the feed will appear normal. This block is very useful if you want to create a game of recalling or a textual effect in a complex narrative. Here is an example of what is possible : (https://storage.crisp.chat/users/helpdesk/website/17a937df9a703000/8dcc871c-0aSome readers🟩 Load image
See 🐱🏍 Import GifsSome readers🟩 Choice with dialogue
The block Choice with dialogue combines the blocks Dialogue and Choice into one block. A dialog will appear just before the choice. You can replace the text you place between singletons (e.g. x apples) with the value of a current variable. Once done, the text between singletons appears at the bottom of the block with a point to connect to the block of the variable you are targeSome readers🟩 Input
Link to the example: https://creator.celestory.io/project/cbZhW1bVu The 🟩 Input block allows the user to enter a sequence of characters typed on the keyboard, which will then define the value of a variable. It is suitable for feed experiments. Once the text has been typed in the box provided, the user must press Enter to validate the entry. You can define in the drop-down menu type, the type ofSome readers🟩 Link
The Link block allows you to insert a web address (url) that can be clicked from the app. The player will then be redirected to the page in question.Some readers🟩Microphone
The Microphone block let you talk to the experience with your own voice ! It enables the microphone of the user device to listen what is said, and turns this into the url of the sound exit point. Microphone block graph Several options are possible. It can be send to a Voltask block to enable a speech recognition service like the Open AI "Speech toFew readers🟩 Background image
Background image is a block dedicated to add to an image information to make it a background, such as an image point, size, position, etc... background imageFew readers🟩 Get url from image
Get url from image transforms a image (like an image variable) into a url. It is useful to be send and analysed with AI with a tool like Voltask. get url from imageFew readers🟩 Load sound
Load sound lets you load a sound from a URL, which can then be connected to a block that can play it, such as Play sound or Audio choice.Few readers🟩 Select File
🟩 Select file .Few readers🟩 Get URL from File
🟩 Get URL from File .Few readers🟩 Multi Input
🟩 Multi Input .Few readers
🟧 Media & Scene
🟧 Switch Background
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 timPopular🟧 Play music
The Play music block allows you to play an mp3 sound in the app background, which means the sound will be played until its end and during the course of your project. Firstly, be sure that you have uploaded your sound on your project's library. You also have the option to turn loop on or off.Popular🟧 Edit character
The Edit character block allows you to change a character's image, the appearance of its bubble or its animation in a graph. Firstly, you will have to create the character in the menu. This allows you to visualize a change in your relationship with someone, but it can also be helpful if you want to create a narrative shift. One should notice that a change by the Edit character bloSome readers🟧 Stop music
See 🎤 Add Voice over, sounds and musicsSome readers🟧 Play sound
See 🎤 Add Voice over, sounds and musics .Some readers🟧 Background
The Change background block allows you to trigger a change in the feed's visual background from another image. Numerous adjustment parameters are available: you can change the fit of the image, its in/out effect, the color of the area not covered by the image or even add a didascalie (bottom right in the following screenshot). In fact, the image will first appear before becoming the interface background. background (https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/capture-dFew readers🟧 Input Camera
🟧 Input Camera .Few readers🟧 Scene
🟧 SceneFew readers
🟪 Narrative behavior
🟪 Unique choices
Link to the graph exemple: https://creator.celestory.io/project/JDdoZdnL Link to the video example : https://www.loom.com/share/3a97c1a91c5949a7813b439a6d1acd8d Uniques choices: The "Unique choices" block acts like the Choices block, and remembers the choices made by the user, and does not reproduce these proposals. Finally there is an "end" output that will redirect the flow once all the choices have been used. (https://storage.crisp.chat/users/helpdesk/website/77f8Popular🟪 Choice
The Choice block allows you to offer the user a choice in the form of a clickable button. This choice can be single or multiple : you can add as much as propositions needed by double clicking on the block, then on the "+" icon. Each propositions can be named as you can input text on them. You can then link the different out of each choice to continue the story. The Choice blockPopular🟪 Alter choice
The Alter Choice block allows you to alter the way choices are displayed according to different variations. It should be connected to the choice point corresponding to the proposal whose appearance you wish to modify (delete, cross out the choice or replace it with an image) in the Choice block. Some options imply the use of boolean variables to be effective. This is the case whPopular🟪 Video choice
This is a combination of the Video block and the Choice block. The choices therefore appear directly at the end of the file playback. It is the perfect block for creating interactive videos. This blocks works as a mix of a Video and a Choice block, which means you will have to choose a document to be displayed. You will have to click on the icon corresponding to your document, thenSome readers🟪 Swipe
Here is the purple Swipe bloc, which allows you to display a card. The card can be swiped to the left or to thr right by the user, with a different outcome of each swipe, like Tinder. In its edit window, you can change the displayed text of the swipe outcome in the left and right option. (https://storage.crisp.chat/users/helpdesk/website/8a3033decaaaa000/5925684f-eb35-4ee2-acSome readers🟪 Alter clickable zone
See: 👆 Clickable zone .Some readers🟪 Date check
Date check is a block that check the current date (hour/min, day, year) connected to the internet. It has 2 outputs: before and after this date. It is specially useful when you want to do a communication campaign in a period of time, like unlocking an experience in a specified time (on which you can still add condition to unlock). Date checkFew readers🟪 Generate Json
When you want to send multiple values through a long text, specially to do AI custom prompt, then you need to generate a JSON format. JSON is a file format used for the transmission of data through a human-readable text. It links a key to the data (text, numbers, boolean values,...) with a colon (for example : "fruits": "apple", "banana" , "numberOfFilms": 13, "storeIsOpen": false ) Those keys can be then useful to decode the JSON into an objet in services like Voltask, (https://voltaskFew readers🟪 Audio choice
🟪 Audio choice . .Few readers🟪 Pause
🟪 Pause .Few readers🟪 Voltask Webhook
🟪 Voltask Webhook .Few readers🟪 QTE
🟪 QTE .Few readers
🟥 Flow Control
🟥 Break
The Break block allows you to break a loop created by the Repeat block. It is to be placed in the "dead branch" of the latter, which represents the path taken by the player when the loop is over. The Break block almost have a "musical" function. Without it, a Repeat block would create the following pattern : loopnumber of iterations, then "dead branch", then loopnumber of iteratPopular🟥 Condition
The Condition block allows you to check whether or not a condition is fulfilled. This condition is bound to give a true or false result. To determine it, click and hold the point "condition" and drag it with your mouse and release the click: (https://storage.crisPopular🟥 Sequence
The Sequence block looks like the Choice block as both of them give different paths to the players. The main change is that the Sequence block will redirect the flow in the successive order of its path, as we can see in the following screenshot. One can also see that a branch from Sequence may not be connected to the rest of the flow (except for the last branch) : it is not a probSome readers🟥 Switch
The Switch block allows you to set up a combination of conditions to multiple outputs. Each new output created is associated with a test point to be connected to each Expression block containing the logical expression to be validated. The flow will be directed to the 1st output of a validated test. If there is no validated test, the flow will go through the "default" pass.Some readers🟥 Random path
The Random path block allows you to randomly send the Storyline to one of the multiple outputs whose number has been determined by the value you have inputed in the "paths" section. The percentage of each output is equal for each path.Some readers🟥 Word recognition
Example link: https://creator.celestory.io/project/XsIFyE3mE The Word Recognition block recognizes text expressions. Coupled with a Text input block, it allows to recognize text typed by the user. Once the block is created on the graph, you can click on the Words button to add expressions that the block will recognize. You can add several expressions per field, to doSome readers🟥 Once
The Once block allows the Storyline to pass through a default path only once. When the stream passes through the Once block again, it will be redirected to the second out. The Once block is useful if you want to create a "dead end" for example You can also link a booSome readers🟥 Repeat
The Repeat block let you create a short "dead" branch of the graph with any block you want. The Storyline will go through that branch and at the end will come back indefinitely to the Repeat block. Use the Break block to break the loop. Index is the value representing the number of loops already done (ex: I told you that x times already!).Some readers
⬛ User interface (UI)
⬛ Alert
The Alert block is used to write the content of notifications that will be displayed in the feed of the module. It works like a Dialogue block. Only the shape of the Alert notification differs from that of the Dialogs. It is customizable and doesn't need to mention the name of the character speaking (ex: no need to write "narrator:"). You can replace the text you place between sinPopular⬛ Set HUD (Head UP Display)
Link to the graph example: https://creator.celestory.io/project/1VqMc5WsZ Link to the video example: https://www.loom.com/share/7e9c5eb9af1147e48fe0029082889897 ⬛ Set HUD (Head UP Display): The Head Up Display (HUD) allows you to display a persistent menu and its items in the upper part of the screen during the user experience. To create a HUD, you must first goPopular⬛ Run Javascript
The Run javascript block allows you to import your own javascript code to modify your app. Be careful, it is reserved for experts and a bad manipulation may break the app code. Sample code: https://gist.github.com/JonathanPicques/59191e2e7df2ef77391f57843d42543cSome readers⬛ Hide HUD
Link to the example: https://creator.celestory.io/project/5cB1mtaii The ⬛ Hide HUD block is used to hide the HUD that has been previously displayed in the user interface. To learn how to use the ⬛ Set HUD block: https://documentation.celestory.io/en/article/set-hud-head-up-display-r71wrb/Some readers⬛ CSS
CSS The CSS block allows you to manually modify the design of the template of your module. You will have to write down your own CSS code in the dedicated area. It is also possible to create an undo feed of the CSS thanks to boolean variable. More informations about CSS are disponible in this article : http://help.celestory.io/en/articles/3838546-css (https://storage.crisp.Some readers⬛️ HTML5
The HTML5 block allows the use of HTML, CSS and JavaScript (a mix of design and logic) to create a web page. The code can be put in the "content" section of the bloc. To use variables in the code, they have to be declared between two curly brackets (for example : variableName ). The variables can then be linked to other blocks. (https://storage.crisp.chat/users/helpdeskFew readers⬛ Open menu
⬛ Open menu .Few readers
🟨 Navigation
🟨 Open a graph
The Open a graph block allows you to pass the Sotryline from one graph to another. For this reason, it is very useful when you want to create recurrent and complex systems such as battles or roll of dices. The graph has to be part of your module or in the global graphs' section : otherwise it will not work. You can create a graph by clicking on the "add' button of your module'sSome readers🟨 Open module
The Open Module block allows you to move the Storyline from a graph to a module to the Start block of the target module. Be careful to define conditions at the Start of the module if necessary. As the Open module is quite similar as the Open graph block, you can have a look at the following article : http://help.celestory.io/en/articles/3978841-open-a-graphSome readers
🟦 Data Processing
🟦 Airtable
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). To start using the Airtable block, you must Enable integrations (Main Menu/Integrations).Popular🟦 Random Number
The Random number block is used to obtain a random number (integer or decimal). By double clicking on the block, you can define the limits of the range of the randomly defined number (e.g. between 1 and 10) and you can connect the block to a boolean variable which will trigger the possibility to have decimal numbers. The value of the Value point will then be filled with a random number and you can for example connect this point to the Value point of an Assign block. (https://storage.crispPopular🟦Text Format
Blocks containing a text stack now have the same capacity as the Text Format block. Therefore, all of the next description is also correct for these blocks. The Text Format block is a block which allows you to replace certain variables (to be indicated by an unknown between singletons which will create a point with the name of this unknown to be linked to the block of the corresponding variable). These variables can be numeric or textual, and will be replaced by their current value in thePopular🟦 Decrement
The Decrement block allows you to decrease the value of a numeric variable by subtracting an integer. This is the combination of an Expression and Assignment block. The block acts as a triggering of a substraction. For this reason, be careful when you set a value : a positive one will result in a substraction, whereas a negative one will result in an addition. You can also link a numeric variable to the value input. (https://storage.crisp.chat/users/helpdesk/website/87a8e2db05525000/3358780Popular🟦 Checkpoint
The Checkpoint block allows you to offer your user the ability to restart the experience from the last backup of their data. The block saves both its position in the graph (its Storyline will start from that location) and the values of the variables at the time it reached the Checkpoint block. The user's data is saved on the local storage of his device (which allows to use the application offline). *Note: If you export your application in HTML5 or PWA format, be sure to tell your users not toPopular🟦 Webview
Example link: https://creator.celestory.io/project/7JJadkWMi The Webview block is used to display web integrations in the interface. It can be used to display pages, widgets or video players for example. The url field is used to indicate the web address of your integration. Here is a YouTube integration, to learn how to insert a YouTube video step by step: https://documentation.celestory.io/fr/arPopular🟦 Add to list
See 🔎 Search for or retrieve valuesPopular🟦 Make
The Make block let you send the value of a variable to +1000 apps through the Make platform. Note: In order to send data through Make , be sure to export your project first. Triggers will start to work only on exported app. More information in the article: 🔌 Connect Celestory to MakeSome readers🟦 Assign
The Assign block is used to assign a value to a variable. This assignment is absolute, which means the new value will erase the previous one. Here is an example : in my story, I start with an amount of Y gold coins. But I will unfortunately lose all my gold coins and I get back a purse of 10 gold coins. To recreate this event, I add a block Assign whose variable is Y and I set its value at 10 by double clicking in the block. The mathematical operation is now Y=10. The assigned value will corSome readers🟦 Today's date
Link to the example : https://creator.celestory.io/project/OfP0aCiv7 If you want to insert a date in your interactive experiences, you just have to create a "Today's Date" block that you will connect to the "x" value of an "Alert" block. In order for the date to be displayed correctly, you should write x in your text instead of the date. This value will be automatically replaced by the current date! (https://storage.crisp.chat/users/helpdesk/website/3df244a4c5bf3e00/2419aa70-0167-4f3e-aSome readers🟦 Analytics
Analytics let you trigger data to analyze the user behavior. The name of the analytic will be display on your Sankey diagram (Analytics menu in the main menu). The same order for X blocks let you compare them directly (as the different "gates" you might want to compare can be at different place in the graph). More information on 📊 Analytics hereSome readers🟦 Not
The Not block allows to invert the value of a boolean variable (true to false or vice versa). This block must be linked to an Assign block.Some readers🟦 Load checkpoint
Link to example project: https://creator.celestory.io/project/0-wJ8iNmg (to be imported into your project under Main Menu/Project Settings/Import-Export) The Load Checkpoint block allows you to redirect the Storyline automatically to the last Checkpoint block the user has been through. The values of the variables will then revert back to the values at the time the Checkpoint block was traversed. (https://storage.crisp.chat/users/helpdesk/website/1503565a3d9df200/fed98c24-db56-4fdd-9adc-Some readers🟦 Increment
The Increment block allows you to quickly increase the value of a numerical variable. It is a combination of the Assign and Expression blocks that will increment the value of a numeric variable by one positive digit (e.g. +1 or +3).Some readers🟦 List includes
See 🔎 Search for or retrieve values .Some readers🟦 Expression
The Expression block allows you to establish a mathematical expression. By double-clicking on the Expression block, you can write a mathematical expression (e.g. x 3 or y == 5). Then simply connect the point Expression value to the test point of the Condition or Switch block.Some readers🟦 Zapier
The Zapier block let you send the value of a variable to +2000 apps through the Zapier platform. Note: In order to send data through Zapier, be sure to export your project first. Triggers will start to work only on exported app. More information on the article: 🔌 Connect Celestory with ZapierSome readers🟦 Get from List
See 🔎 Search for or retrieve values .Some readers🟦 Remove from list
See 🔎 Search for or retrieve values .Some readers🟦 Multiple assign
Multiple assignment is a block that lets you assign several values to several variables (which can be of different types, such as numeric or textual) at once, saving you time.Few readers🟦 Loop through a list
🟦 Loop through a list .Few readers