• L'Interface et les Menus du Creator

  Visite guidée de l'éditeur : barre supérieure, panneau Modules, fenêtres outils et raccourcis.Peu de lectures

• ⏱ Tour rapide de Celestory

  ⏱ Découverte en 3min Lien de l'exemple: https://creator.celestory.io/project/ltwVLboal 👉 Pour commencer Une app Celestory se compose de 🔱 graphes et ses 🧩 blocs définissant la logique et de 📑 pages de menu. Vous pouvez pré-visualiser l'app en cliquant sur Jouer le module courant sur la barre du haut. ![](https://storage.crisp.chat/users/helpdesk/webPopulaire

• Projet, module, graphe, bloc : qui contient quoi

  Les quatre niveaux emboîtés de Celestory, et le piège « Contexte » qui ment sur sa portée.Peu de lectures

• Votre premier projet : de la page blanche au premier écran

  De la page blanche au premier écran en dix minutes, sans tomber dans le mur du bloc Départ relié à rien.Peu de lectures

• Relier deux blocs : le fil, les triangles et les cercles

  Triangles et cercles, flux et valeurs : ce qui se branche sur quoi, et pourquoi un lien est refusé en silence.Peu de lectures

• Votre premier choix : le lecteur décide, l'histoire bifurque

  Le bloc Choix : chaque option écrite fait pousser une sortie, et une option non reliée disparaît du jeu.Peu de lectures

• Une variable, c'est se souvenir

  Créer une variable, l'écrire avec Assignation, la relire avec Condition — et pourquoi elle est commune à tout le projet.Peu de lectures

• Tester son projet et lire le débogueur

  La routine de test en cinq gestes, et tout ce que la fenêtre Débogue montre — ou tait.Peu de lectures

• Sauvegarder : Celestory ne le fait pas pour vous

  Celestory ne sauvegarde jamais tout seul : l'habitude à prendre, et les trois façons de tout perdre.Peu de lectures

• L'Interface du Graphe (Visual Scripting)

  Naviguer dans le canevas, lire un bloc, tracer des liens et injecter des variables.Peu de lectures

• La Fenêtre d'Édition d'un Bloc

  Le double-clic qui ouvre les réglages d'un bloc, et tout ce qu'on y trouve.Peu de lectures

• Injecter une variable dans un texte : les doubles accolades

  Écrire {{nom}} dans un texte crée un point d'entrée à relier à une variable.Peu de lectures

• Les Raccourcis Clavier du Creator

  Tous les raccourcis du Creator, canevas compris, et ceux qui ne fonctionnent pas.Peu de lectures

• Choisir son template : Chatbot, Visual Novel, Blackbox, Brouillon

  Chatbot, Visual Novel, Blackbox, Brouillon : lequel choisir, et ce qu'on ne peut plus changer après.Peu de lectures

• Les fichiers acceptés par Celestory, et comment les organiser

  Formats acceptés, limites de taille, dossiers, Spine et remplacement d'un fichier.Peu de lectures

• La Gestion des Contenus (Rich Media & Assets)

  Mise en forme des textes, variables dynamiques et médiathèque du projet.Peu de lectures

• Les données et la Connectivité

  Connecter votre application à Airtable, Baserow, une API, Voltask ou un serveur MCP.Peu de lectures

• L'Aide à la Création & Le Vibe Coding avec l'IA

  Générer du contenu avec l'IA et laisser l'assistant construire votre graphe.Peu de lectures

• Organiser un grand graphe : groupes et blackbox

  Groupes, blackbox et commentaires : garder un graphe lisible quand il grossit.Peu de lectures

• Écrire une page HTML5 dans Celestory

  Recevoir des valeurs du graphe et lui en renvoyer depuis une page HTML5.Peu de lectures

• Quand rien ne marche, et que rien ne le dit

  Huit défauts qui ne déclenchent aucune erreur : le graphe compile, le rendu est faux.Peu de lectures

• Les blocs hérités : ils acceptent tout, et n'affichent rien

  Un bloc hérité accepte tout et n'affiche rien : comment le repérer avant de perdre une heure.Peu de lectures

• Afficher un décor : la chaîne des trois blocs

  La chaîne des trois blocs pour afficher un décor plein écran.Peu de lectures

• Mettre en forme sans écrire de CSS

  90 réglages natifs avant d'écrire la moindre ligne de CSS.Peu de lectures

• Découper une grosse application HTML5

  Cinq patrons pour garder une grosse application HTML5 lisible.Peu de lectures

• 🎤 Ajouter Voix-off, sons et musiques

  Lien vers la vidéo exemple : https://www.loom.com/share/bcd853a711d648ae9354720fe51e8c83 🎤 Ajouter Voix-off, sons et musiques : Vous avez la possibilité d'ajouter du contenu audio dans votre app par le biais de musiques ou de sons. Les musiques seront jouées en fond sonore de l'application ; les sons peuvent être joués seuls ou par dessus une musique. Pour lancer une musique, vous devez ajouter dans votre flux le bloc "Jouer musique". Vous pouvez choisir ainsi l'audio dans vos ficPopulaire

• 🔱 Concevoir un parcours personnalisé

  🔱Parcours personnalisés Lien de l'exemple: https://creator.celestory.io/project/Y7kht_RrZ Quelles sont les différentes façon de maîtriser un savoir? Différents parcours amenant à différent niveau de maîtrise. Chaque apprenant est unique. Tout en offrant un accompagnement personnalisé, vous pouvez analyser les différents profils de vos apprenants. Regardons la différence entre un parcours linéaire (type Powerpoint ou E-learning classique) et un parcours personnalisé:Populaire

• 📑 Créer un menu et ses pages

  Lien de l'exemple: https://creator.celestory.io/project/wAsAqEoND Vous pouvez créer vos menus grâce à de nombreux éléments: 1. Créer son menu Allez dans Menu principal (bouton bleu portant le titre de votre projet en haut à gauche de l'interface de création), puis cliquez sur Menus. SiPopulaire

• 🔑 Entrer un mot-clé ou un code (avancé)

  Entrer un mot-clé ou un code signifie vérifier qu'une chaîne de caractères (une variable de type Texte) correspond à une autre via une condition. Voici la valeur que peut avoir chaque type de variable : Booléen : Vrai ou Faux Nombre : 1, 2, 3... Texte : chaîne de caractères Nous verrons ici comment créer des variables et tester de type texte. 1. Pour commencer dans Celestory aller à https://creator.celestory.io/home/examples ![](https://storage.crisp.chat/users/helpdesk/Populaire

• 🐱‍🏍 Importer des Gifs

  🐱‍🏍GIFs & images Lien de l'exemple: https://creator.celestory.io/project/A_4nSP5la 🟩 Charger image : Si vous souhaitez uploader des images dans votre app, vous pouvez le faire dans Menu Principal/Fichiers. Vous pouvez aussi charger facilement des images hébergées sur des sites extérieurs via des URL, comme des Gif avec Gyphy, vos logos ou les photos utilisateurs avec Airtable. _Lien: https://giphy.com/ Après avoir créé un bloc Image, étendez le point d'entréPopulaire

• ▶️ Intégrer Youtube

  ▶️Insérer Youtube Lien de l'exemple: https://api.celestory.io/play/Uy7Jm44_fX Vous voulez intégrer une vidéo, hébergé sur un service de streming, comme Youtube? Il faut savoir que la pluplart de ces services proposes "d'intégrer" leur propre lecteur de vidéo sur d'autres site et application. Pour cela, il faut cliquerPopulaire

• 🎒 Inventaire

  Lien de l'exemple: https://creator.celestory.io/project/oidDJLf-A Les inventaires utilisent des variables Listes. C'est un type de variable qui peut contenir plusieurs valeurs d'un même type (booléen, numérique, texte ou image). Il n'y a pas de valeur par défaut à mettre dans ce type de variable. Elles sont très utiles pour créer un inventaire ou pour reQuelques lectures

• 🔢 Mettre en place des conditions numériques

  🔢 Conditions numériques Lien de l'exemple: https://creator.celestory.io/project/90Ievz1OJ Les conditions sont indiquées par des variables dans un graphique. Une variable est un indicateur qui peut voir sa valeur varier. Voici la valeur que peut avoir chaque type de variable : Booléen : Vrai ou Faux Nombre : 1, 2, 3... Texte : chaîne de caractères Nous verrons ici comment créer des variables avancées de type nombres. 1. Pour débuter dans CelestoPopulaire

• ☑️ Mettre en place des conditions vrai/faux

  ✅❌Condition vrai/faux Lien de l'exemple: https://creator.celestory.io/project/lJ4S8mDu Les conditions sont indiquées par des variables dans un graphique. Une variable est un indicateur qui peut voir sa valeur varier. Voici la valeur que peut avoir chaque type de variable : Booléen : Vrai ou Faux Nombre : 1, 2, 3... Texte : chaînedecaractères Nous allons voir ici comment créer les plus simples, les variables booléennes. 1. Pour commencer à CelestoPopulaire

• 💬 Personnaliser un texte/score

  Pour personnaliser un texte, il doit être "formaté" par des variables dans un graphique. Une variable est un indicateur qui peut voir sa valeur varier. Voici la valeur que peut avoir chaque type de variable : Booléen : Vrai ou Faux Nombre : 1, 2, 3... Texte : chaîne de caractères Nous verrons ici comment créer des variables avancées de type texte. 1. Pour commencer dans Celestory aller à https://creator.celestory.io/home/examples ![](https://storage.crisp.chat/users/helpQuelques lectures

• 👆 Présentation interactive

  👆Zone Cliquable Lien de l'exemple: https://creator.celestory.io/project/Pf6FPWjL 🟪 Zone cliquable Zone cliquable est un bloc qui permet d'associer des choix à des intéractions localisées dans une image. Une fois le bloc créé, cliquez sur Editer dans la zone Image. Une nouvelle fenêtre s'ouvre, celle de l'édition de la Ressource image. 🔺Veuillez aprèPopulaire

• 📅 Prise de rendez-vous

  📅Créer RDV Lien de l'exemple: https://creator.celestory.io/project/7JJadkWMi Nous allons ici montrer comment un rdv peut être pris en utilisant le menu en surimpression pour afficher une réservation Calendly par exemple. Créez dans Réglages de modules/Menus un menu "overlay", c'est à dire un menu en surimpression qui va mettre l'expérience en pause.Populaire

• 🕹️ Structures de Quiz, tests & game design

  Vous pouvez utiliser quizz et mini-jeux pour des examens, des mises en situations, des exercices d’entrainement, des bilans de performance, ou de l’auto-évaluation. Vous pouvez: Autoriser plusieurs tentatives. En utilisant les variables numériques, voir 🧮 Mettre en place des conditions numériques Permettre d'avoir un ordre pré-défini ou aléatoire des questions en utilisant le bloc [🟥 Chemin aléatoire](/fr/article/chemin-aleatPopulaire

• 🎭 Visual Novel

  👥 Visual Novel 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. Le Template créé par défaut dans un nouveau projet estPopulaire

• La Fenêtre Étiquettes

  Étiqueter des blocs par mot-clé, et les retrouver dans tout le projet.Peu de lectures

• La Fenêtre Traductions

  Ajouter une langue à votre projet et exporter les textes à traduire.Peu de lectures

• L'Historique du projet

  La liste des actions annulables, et ce qu'elle ne garde pas.Peu de lectures

• Rechercher un bloc

  Retrouver un bloc par son nom, son type ou son texte dans un gros graphe.Peu de lectures

• Les crédits IA et l'abonnement

  Les paliers d'abonnement, leurs crédits IA, et ce qui se passe une fois le quota atteint.Peu de lectures

• Importer et exporter un module

  Transférer un module entre projets, et le piège d'un nom déjà pris.Peu de lectures

• Vue d'ensemble : l'éditeur de menus

  Vue d'ensemble de l'éditeur de menus de l'application : concepts et grandes familles.Peu de lectures

• Catalogue des Types de Ressources

  Catalogue de référence des 41 types de champs utilisés dans les blocs.Peu de lectures