English
French
Aller au site
Retour
Articles sur :
Blocs
Apprenez les fonctionalités de chaque bloc pour créer votre graphe
⬛ CSS
Le bloc CSS vous permet de modifier vous-même le design du template de votre module. Vous devez intégrer manuellement votre style CSS. De plus, il est possible de (dés)activer le CSS avec un système de variable booléenne. Pour plus d'information sur le CSS, vous pouvez aussi consulter cet article : http://help.celestory.io/fr/articles/3838546-css .
Populaire
🟩 Narrateur
Le bloc Narrator permet d'afficher du contenu texte en dehors d'une bulle, permettant ainsi de rapidement le différencier d'une bulle de dialogue. De plus, sa mise en forme le démarque du reste du feed du chat bot et chat visuel. Il est possible d'ajuster les marges de ce texte, et vous pouvez placer un "trou" entre singletons (ex: {{x}} pommes) qui sera remplacé par la valeur d’une variable en cours. Une fois fait, le texte entre singletons apparaît en bas du bloc avec un point à connecter au
Populaire
🟦 Assignation
Le bloc Assignation permet d'assigner une valeur à une variable. Cette assignation est absolue, ce qui veut notamment dire que la valeur assignée écrase la valeur précédente. Voici un exemple : dans mon histoire, j'ai Y pièces d’or. Or un malheureux événement me fera perdre mes Y pièces d'or, que je remplacerai par une bourse de 10 pièces d’or. Pour modéliser cet événement, j'ajoute un bloc Assign que je connecte à la variable Y et je définis 10 en valeur du bloc (la valeur apparaît en double
Populaire
🟦 Expression
Le bloc Expression vous permet d'établir une expression mathématique. En double-cliquant sur le bloc Expression, vous pouvez écrire une expression mathématique (Ex: x > 3 ou y == 5). Il suffit ensuite de relier le point Value d'Expression au point Test des blocs Condition ou Switch. Opérateurs mathématiques (basique) : Vous pouvez aussi vous rendre sur l'ARTICLE 08 : "Opérateurs mathématiques BLOC CONDITION (fr)" ![](https://storage.crisp.chat/users/helpdesk/website/7a5b3a6585249400/f42ace9
Populaire
🟪 Choix vidéo
Il s’agit d’une combinaison du bloc Vidéo et du bloc Choix. Les choix apparaissent donc directement à la fin de la lecture du fichier. C’est le bloc parfait pour créer des vidéos interactives. Le bloc fonctionne donc comme les deux autres blocs : pour insérer une image ou une vidéo, il vous suffit donc de cliquer sur l'icône du média concerné, puis de choisir ou d'uploader le média
Populaire
🟪 Choix
Le bloc Choix permet de proposer au joueur un choix sous forme de bouton cliquable. Ce choix peut être unique ou multiple : vous pouvez ajouter autant de nouvelles propositions que nécessaire en double-cliquant sur le bloc, puis sur le "+" bleu. Vous pourrez ensuite écrire du texte sur ces propositions. Enfin, vous devrez relier les différents out de chacun des choix pour aiguiller le flux. ![](https://storage.crisp.chat/users/helpdesk/website/bdfa28e49520b800/6d3d95e5-29c0-4fda-82e6-9ec6c8_1c5
Populaire
🟥 Switch
Le bloc Switch permet de créer un carrefour de plusieurs chemins, le passage vers chacun d'entre eux étant soumis à la réalisation d'un test spécifique. En effet, chaque nouvelle sortie créée est associée à un point test sur la gauche du bloc. Ce point doit être relié à un bloc Expression contenant l'expression logique à valider. Le flux sera dirigé vers la 1ère sortie d'un test validé. Si aucun test n'est validé, la sortie "default" sera le chemin emprunté.  par la valeur d’une variable en cours. Une fois fait, le texte entre singletons apparaît en bas du bloc avec un point à connecter au bloc de la variable que vous ciblez. ![
Quelques lectures
🟦 Checkpoint
Le bloc Checkpoint vous permet d'offrir à votre utilisateur la possibilité de recommencer l'expérience depuis cette dernière sauvegarde de ses données. Le bloc va à la fois sauvegarder sa position dans le graphe (son Fil de l'histoire repartira de cet endroit précis) et les valeurs des variables à l'instant où il a atteint le bloc Checkpoint. La sauvegarde des données de l'utilisateur se fait sur le stockage local de son appareil (ce qui permet d'utiliser l'application hors-ligne). _Note: Si
Quelques lectures
🟩 Notification
Lien vers la vidéo explicative : https://www.loom.com/share/ea5e51532a2d460f9d2201b8510a2bf2 Le bloc "Notification" vous permet d'ajouter en surimpression de votre contenu une notification/un texte/une image qui apparaîtra avec ou sans délai, pour une durée déterminée. Pour ce faire, il vous suffit de relier un bloc "Notification" à votre bloc de contenu. A l'intérieur du bloc
Quelques lectures
🟥 Sequence
Le bloc Sequence ressemble un peu au bloc Choice, en cela qu'il propose différents chemins. La différence est qu'il va faire passer le fil de l'Histoire dans l'ordre successif de ces chemins, comme on peut le voir sur la capture d'écran ci-dessous. Une branche issue de Séquence (à l'exception de la dernière branche) peut ne pas être reliée au reste du flux sans que cela ne pose pro
Quelques lectures
🟦 Liste inclut
Voir 🔎 Recherchez ou récupérez des valeurs
Quelques lectures
🟩 Dialogue
Le bloc Dialogue permet d'afficher une ou plusieurs séries de bulles de dialogues des personnages dans l'historique de conversation. Lors de la création d'un bloc Dialogue, ouvrez celui-ci et choisissez un personnage préalablement créé via le menu contextuel déroulant. Vous pouvez aussi en créer un. Fenêtre édition bloc DIalogue Pour ajouter des répliques, cliquez dans la zone de texte une fois la fenêtre
Quelques lectures
⬛ Alerte
Le bloc Alerte permet d'écrire le contenu de notifications qui s'afficheront dans le feed du module. Il fonctionne comme un bloc Dialogue. Seule la forme de la notification d'alerte diffère de celle des dialogues. Elle est personnalisable et ne nécessite pas de mentionner le nom du personnage qui parle (ex: pas besoin d'écrire "narrateur :"). Vous pouvez remplacer le texte que vo
Quelques lectures
🟦 Airtable
Lien de l'exemple: https://creator.celestory.io/project/DFwt9S1RB Lien de la base de données Airtable: https://airtable.com/universe/expv5ePD2Qfw7lIlK/nocode-serious-game-data-base 🟦 Bloc Airtable Ce bloc permet d'échanger avec votre base de données à configurer avec votre compte Airtable (tableur en ligne collaboratif). Pour commencer à utiliser le bloc Airtable, vous de
Quelques lectures
🟩 Image
Image Le bloc Image permet d'afficher une image dans une bulle du feed du module. De plus, il est possible de rajouter du texte, y compris personnalisé (via le bloc Format text), par dessus l'image : vous pouvez même modifier sa position en jouant sur les marges, comme sur la deuxième capture d'écran. ![](https://storage.crisp.chat/users/helpdesk/website/7e8f4496768d3c00/e8f8f
Quelques lectures
🟥 Chemin aléatoire
Le bloc Chemin aléatoire permet de renvoyer aléatoirement le Fil de l'Histoire vers l'une des multiples sorties dont vous pouvez déterminer le nombre en entrant une valeur dans la zone "chemins". Tous les chemins possèdent un pourcentage égal en termes de probabilité d'obtention.
Quelques lectures
🟦 Ajouter à une liste
Voir 🔎 Recherchez ou récupérez des valeurs
Quelques lectures
🟨 Ouvrir un module
Le bloc Ouvrir un module vous permet de faire passer le Fil de l'histoire d'un graphe d'un module au bloc Start du module cible. Attention à bien définir des conditions à l'entrée du module si besoin. De plus, le bloc Ouvrir un module fonctionne d'une façon très similaire au bloc Ouvrir un graph, que vous pouvez consulter ici : http://help.celestory.io/fr/articles/3978841-ouvrir-un-graphe ![](https://storage.crisp.chat/users/helpdesk/website/c5b75ef31d95a800/1e27e601-9ab3-4176-a70f-0835c4_1wai
Quelques lectures
🟥 Condition
Le bloc Condition vous permet de vérifier si une condition est réalisée ou non. Cette condition donne forcément un résultat vrai ou faux. Pour la déterminer, cliquez et maintenez le point "condition" et tirez-le avec votre souris puis relâchez le clic :  par la valeur d’une variable en cours. Une fois fait, le texte entre singletons apparaît en bas du bloc avec un point à connecter au bloc de la variable que vous ciblez. ![](https://storage.crisp.chat/users/helpdes
Quelques lectures
⬜ Commentaire
Lien vers la vidéo exemple : https://www.loom.com/share/c7dc912f773e4243a878c414b45043bf ⬜ Commentaire : Le bloc "commentaire" vous permet d'ajouter des commentaires visuellement et librement autour de votre graphe. Ce bloc n'est pas relié au flux et n'a donc aucune incidence sur celui-ci. Vous pouvez le positionner où vous voulez, choisir la taille, la couleur et/ou la transparence du bloc.  pour l'afficher dans l'interface utilisateur. Pour afficher un lecteur vidéo, comme YouTube, lisez cet article : https://documentation.celestory.io/fr/article/inserer-une-video-youtube-s06hxn/ Ici, nous avons indiqué le lien direct de la vi
Quelques lectures
🟦 Date d'aujourd'hui
Lien vers l'exemple : https://creator.celestory.io/project/8WigExztT Si vous souhaitez insérer une date dans vos expériences interactives, il vous suffit de créer un bloc "Date d'aujourd'hui" que vous connecterez à la valeur "x" d'un bloc "Alerte". Afin que la date puisse s'afficher correctement, il convient dans votre texte d'écrire {{x}} à la place de la date. Cette valeur sera automatiquement remplacée par la date du jour! ![](https://storage.crisp.chat/users/helpdesk/website/1c440b0b65aba5
Quelques lectures
🟪 Swipe
Voici le bloc Swipe violet, qui vous permet d'afficher une carte. La carte peut être glissée à gauche ou à droite par l'utilisateur, avec un résultat différent à chaque passage, comme Tinder. Dans sa fenêtre d'édition, vous pouvez modifier l'affichage texte du résultat du balayage dans l'option gauche et droite. ![](https://storage.crisp.chat/users/helpdesk/website/eb4c18136de0c8
Quelques lectures
🟪 Choix uniques
Lien du graphe exemple : https://creator.celestory.io/project/wk0MinITD Lien de la vidéo explicative : https://www.loom.com/share/3a97c1a91c5949a7813b439a6d1acd8d Choix uniques: Le bloc "Choix uniques" agit comme le bloc Choix, et se souvient des choix réalisés par l'utilisateur, et ne lui reproprose pas ces propositions. Enfin il existe une sortie "fin" qui redirigera le flux une fois tous les choix utilisés. ![](https://storage.crisp.chat/users/helpdesk/website/e874cbc8ec9
Quelques lectures
🟩 Départ
Départ Le bloc Départ permet de commencer le flux logique de chaque graphe. Il est impossible de le supprimer.
Quelques lectures
🟥 Break
Le bloc Break vous permet de casser une boucle créée par le bloc Répétition. Il est à placer dans la "branche morte" de ce dernier, soit la branche par laquelle le joueur quitte la boucle pour revenir au reste du graphique. Le bloc Break a donc quasiment une fonction "musicale". Voici l’enchaînement qu'on obtiendrait si on ne le plaçait pas : blocs de la boucle*nombre d'itérations
Quelques lectures
🟩 Effacer le flux
Le bloc Clear dialogue permet de supprimer le feed, c'est à dire l'historique visuel des éléments. Après ce bloc, la suite du feed apparaîtra normalement. Ce bloc est donc particulièrement utile pour créer des jeux de mémorisation ou des effets de style dans un scénario. Voici un petit exemple d'application. ![](https://storage.crisp.chat/users/helpdesk/website/5100829ebc1bfc00/9
Quelques lectures
🟥 Une fois
Le bloc Une fois permet de ne faire passer qu’une seule fois le Fil de l'Histoire par un chemin par défaut. Quand le flux repassera par le bloc Une fois, il sera redirigé vers le second out. Le bloc Once permet donc de transformer un chemin en "dead end". Il peut aus
Quelques lectures
🟦 Incrémentation
Le bloc Increment permet rapidement d'augmenter la valeur d'une variable numérique. C'est une combinaison des blocs Assign et Expression qui va ajouter la valeur d'un chiffre positif (ex: +1 ou +3) à la valeur d'une variable numérique préexistante (ex : avec un bloc à +5 et une variable X, celle-ci prendra la valeur X+5).
Quelques lectures
🟦 Charger checkpoint
Lien vers le projet exemple: https://creator.celestory.io/project/HQkLzo6nV (à importer dans votre projet sous Menu principal/Réglages Projet/Importer-Exporter) Le bloc Charger Checkpoint vous permet de rediriger le Fil de l'histoire automatiquement vers le dernier bloc Checkpoint traversé par l'utilisateur. Les valeurs des variables redeviendront alors celles du moment où le bloc Checkpoint a été traversé. 
Lien vers le graphe exemple : https://creator.celestory.io/project/5cB1mtaii Lien vers la vidéo exemple : https://www.loom.com/share/7e9c5eb9af1147e48fe0029082889897 ⬛ Définir ATH (Affichage Tête Haute) : Les Affichages Tête Haute (ATH) vous permettent d'afficher un menu persistant ainsi que ses éléments dans la partie supérieure de l'écran au cours de l'expérience utilisateur.  dans le bloc Choice. Vous allez parfois avoir besoin d'utiliser un système booléen pour certaines
Quelques lectures
🟥 Répétition
Le bloc Répétition permet de créer une "branche porte" composée de blocs qui amène le Fil de l'histoire à s'arrêter. Ce dernier reviendra inlassablement au bloc Répétition, créant des boucles. Il est possible de les briser en utilisant le bloc Break. L'index est une valeur qui représente le nombre de boucles déjà réalisées (ex: Cela fait {{x}} fois que je te le dis !).
Quelques lectures
🟩 Saisie de texte
Le bloc Saisie de texte permet à l'utilisateur d'entrer une séquence de caractères tapée au clavier, qui pourra ensuite définir la valeur d'une variable textuelle. Une fois le texte tapé dans la case prévue à cet effet, l'utilisateur devra appuyer sur un bouton pour valider son entrée. Le texte et l'apparence de la case à remplir ainsi que celui du bouton sont personnalisables. !
Quelques lectures
⬜ Connecteur
Le bloc Connecteur vous permet de créer un pont malléable pour le Fil de l'histoire, vous permettant d'arranger visuellement le graphe comme vous le souhaitez. Vous pouvez créer un bloc connecteur en double-cliquant sur une connexion pour la scinder en deux, ou ajouter directement un bloc Connector via le clic droit Il n'a aucune incidence sur les variables ou la visualisation de
Quelques lectures
🟩 Charger image
Voir 🐱🏍 Importer des Gifs
Quelques lectures
🟦 Analytics
Analytics vous permet de déclencher l'analyse du comportement des utilisateurs. Le nom de l'analytic sera affiché dans le diagramme de Sankey (dans le menu Analytics qui se trouve dans le menu principal). Le même ordre indiqué pour X blocs vous permet de les comparer directement (puisqu'il est possible que les différents "points de passage" que vous voudriez comparer ne soient pas au même endroit du graphe). Plus d'information sur les 📊 Analytics ici  cliquable depuis l'app. Le joueur sera alors redirigé vers la page en question.
Quelques lectures
🟦 Zapier
Le bloc Zapier vous permet de transférer la valeur d'une variable vers +2000 apps via la plateforme Zapier. Note: Si vous souhaitez envoyer des données via Zapier, veuillez d'abord exporter votre projet. Les Triggers ne commenceront à fonctionner que sur des apps exportées. Plus d'informations dans l'article: 🔌 Connectez Celestory à Zapier
Quelques lectures
🟧 Jouer son
Voir 🎤 Ajouter Voix-off, sons et musiques
Quelques lectures
👨🏫 Anatomie d'un bloc
Dans Celestory, le bloc vous permet de créer le contenu, la logique et les données de votre app. Pour créer un bloc, vous pouvez: soit cliquez sur Ajouter un bloc sur la barre du haut de l'interface de graphe de votre projet. soit faire un clic droit dan
Quelques lectures
🟦 Formater texte
Désormais, les blocs contenant une entrée "texte" sur le côté gauche possèdent les mêmes capacités que le bloc Formater Text : ce qui suit est donc valable pour tous ces blocs. Le bloc Format permet de créer des "textes à trous", dont les trous sont signifiés par des inconnues entre singletons ("{{ }}"). Il vous suffira ensuite de connecter une variable numérique ou textuelle à l'entrée créée par l'inconnue pour que le contenu de la variable s'affiche à la place de l'inconnue entre singletons.
Quelques lectures
🟦 Non
Le bloc Not permet d'inverser la valeur d'une variable booléenne (true à false ou inversement). Ce bloc doit être relié à un bloc Assign.
Quelques lectures
🟦 Integromat
Le bloc Integromat vous permet d'envoyer la valeur d'une variable à +1000 apps via la plateforme Integromat. Note: Dans le but d'envoyer des données via Integromat, veuillez d'abord exporter votre projet. Les Triggers ne commenceront à fonctionner que sur des apps exportées. Plus d'information dans l'article: 🔌 Connectez Celestory à Integromat
Quelques lectures
🟧 Modifier personnage
Le bloc Modifier personnage vous permet dans un graphe de changer l'imagine d'un personnage, l'apparence de sa bulle ou encore son animation. Il faut d'abord avoir créé le personnage dans le menu du module. Cela permet notamment de visualiser un changement de relation avec quelqu'un ou de créer une ressource narrative très expressive. De plus, tout changement de personnage est déf
Peu de lectures
🟨 Ouvrir un graphe
Le bloc Open a graph permet de faire passer le flux d'un graphe à un second autre. Un "graph" est donc une sorte de sous-graphique qui vient ponctuer votre projet. Il est très utile pour créer des systèmes complexes, comme des jeux de dés ou des combats, qu'on pourra replacer plus facilement dans le reste du projet. Il faut cependant qu'un graphe soit dans le même module ou n’ait p
Peu de lectures
🟧 Arrêter son
Voir 🎤 Ajouter Voix-off, sons et musiques
Peu de lectures
🟦 Décrémentation
Le bloc Décrémentation vous permet de faire baisser la valeur d'une variable numérique par la soustraction d'un nombre entier. Il s'agit de la combinaison d'un bloc Expression et Assignation. Il est donc préférable de noter un nombre positif dans le bloc, puisque le bloc va soustraire cette valeur à la variable : écrire un nombre négatif en valeur reviendrait à faire une addition plutôt qu'une soustraction. Il est aussi possible d'assigner une variable numérique à la valeur. ![](https://storag
Peu de lectures
⬛ Masquer ATH
Lien de l'exemple : https://creator.celestory.io/project/5cB1mtaii Le bloc Masquer ATH permet de masquer l'ATH qui a été préalablement affiché dans l'interface utilisateur. Pour apprendre à utiliser le bloc Définir ATH : https://documentation.celestory.io/fr/article/definir-ath-affichage-tete-haute-em5qha/
Peu de lectures
🟧 Jouer musique
Le bloc Play music permet de jouer un son mp3 en arrière plan sonore de l'app, ce qui implique qu'il sera joué jusqu'au bout de sa durée et qu'il continuera de jouer durant le flux de votre projet. Il est possible de faire ou non boucler la musique, et il est nécessaire que vous ayez d'abord uploadé le son sur la bibliothèque de votre projet.
Peu de lectures
🟩 Saisi
Lien de l'exemple : https://creator.celestory.io/project/XsIFyE3mE Le bloc Saisi permet à l'utilisateur d'entrer une séquence de caractères tapée au clavier, qui définira ensuite la valeur d'une variable. Il est adapté aux expériences en feed. Une fois le texte tapé dans la case prévue à cet effet, l'utilisateur devra appuyer sur Entrée pour valider son entrée. Vous pouvez
Peu de lectures
🟪 Modifier Zone cliquable
Voir: 👆 Zone cliquable
Peu de lectures
🟦 Récupérer d'une liste
Voir 🔎 Recherchez ou récupérez des valeurs
Peu de lectures
🟧 Arrêter musique
Voir 🎤 Ajouter Voix-off, sons et musiques
Peu de lectures
🟩 Saisie de nombre
Lien vers le graphe exemple : https://creator.celestory.io/project/sPIvf6C7y Permettez à vos utilisateurs de rentrer directement la valeur d'un nombre, que vous pouvez ensuite assigner à une variable numérique, permettant ainsi de faire des formules calculées. Il suffit d'étendre le point de sortie "valeur" et de le connecter au point d'entrée valeur d'un bloc Assignation dont l
Peu de lectures
🟦 Supprimer d'une liste
Voir 🔎 Recherchez ou récupérez des valeurs
Peu de lectures
🟦 Nombre aléatoire
Le bloc Random Number permet d’obtenir un nombre aléatoire entier (sans virgule) ou décimal (à virgule). En double cliquant sur le bloc, vous pouvez définir les limites de la plage du nombre défini aléatoirement (ex: entre 1 et 10). Vous pouvez aussi lier le bloc à une variable booléenne afin de déclencher l'option des décimales. La valeur du point Résultat sera alors remplie et vous pourrez par exemple connecter ce point au point Valeur d'un bloc Assignation. 