Question 1

🔌 Créez votre base de données relationnelle (Airtable)

Accepted Answer

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).

1) Pour commencer à utiliser le bloc Airtable, vous devez Activer les intégrations

(Menu principal/Intégrations). Vous devez y rentrer votre clé API Airtable qui permet

cette connexion à l'une de vos bases (c'est-à-dire de vos tableurs).

2) Copiez la clé API situé en cliquant sur votre photo de profil, puis "Account". Dans

la page "Account overview", la section API affiche une zone rose. Double-cliquez dessus et copier la clé. De retour dans le menu des intégrations de Celestory, collez la.

3) Vous pouvez créer désormais des blocs Airtable. Il s'agit d'un bloc évolutif. Commencez par sélectionner votre base de

Question 2

🎓 Serious Game

Accepted Answer

${youtube}🧍‍♂️Serious Game

Lien exemple: https://creator.celestory.io/project/JhOjVBxRv

Créer des avatars en grands formats vous permet de faire de la mise en scène. Ce qui peut être utilisé dans des Présentations interactives ou des Serious Games par exemple.

La mise en scène d'avatars intègre certains concepts:

L'identité des personnages est créée dans chaque Module (Menu latéral/Réglages du module/Personnages) avec son nom, son animation, son fichier et un design de bulle/texte particulier.
Les scènes démarrent par la mise en place d'un décor via le bloc 🟧 Fond.
Les dialogues des personnages sont écrits via le bloc 🟩 Dialogue

1. Donnez une identité à vos personnages

Allez dans Menu latéral/Réglages du module/Personnages pour créer l'identité de vos personnages (elles ne seront partagées que pour ce module).

Vous pouvez y changer:

Le nom de votre personnage: c'est ce nom très précis (attention à mettre un nom simple mais représentant bien votre personnage et son expression, par exemple "Student boy angry") qui sera à réécrire dans les blocs dialogues.
L'animation d'apparition de votre personnage: s'il vient de la gauche ou de la droite de l'écran.
L'image qui lui est associée: cliquez sur la flèche vers le haut en bas à droite de la zone Image pour sélectionner une image issue des fichiers du projet.

Apparence des dialo

Question 3

🎭 Visual Novel

Accepted Answer

${youtube}👥 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 est celui du Chatbot.

Seuls les blocs liés à l'un des templates ne sont pas compatibles avec l'autre.

🎭 Visual novel

Dans Celestory, il existe 3 types de blocs: les blocs de logique, les blocs liés à un template et ceux qui ne sont pas liés à un template.

Il existe 2 templates: Chatbot et Visual Novel.

Si le template Chatbot met en scène un mur de publication de messages, le template Visual Novel a plusieurs particularités:

Il est constitué autour de la scène, un décor qui est découpé en X emplacements de même largeur, qui s'adaptent à la taille de l'écran.
Les personnages ont des images de dialogue (une image fixe à gauche de chaque dialogue pour indiquer qui parle) et des humeurs, qui peuvent chacune être associées à une image.
Il possède de nouveaux blocs pour animer les personnages.
Les actions des blocs possèdent des délais.
Il est compatible avec un logiciel d'animation permettant d'avoir des squelettes avec effets 2D ou 3D: Spine.

Plus d'information: Sit

Question 4

📑 Créer un menu et ses pages

Accepted Answer

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.

Si votre projet n'en possède pas, il vous sera proposé de créer votre menu.

Cliquez sur "Ajouter votre premier menu"

La fenêtre de création de menus apparaît.

Un menu est un écran fixe dans votre application qui affiche différent éléments que vous pouvez disposer dans l'ordre et la position que vous le souhaitez. A droite vous pouvez voir une prévisualisation en direct du menu et choisir en haut à droite le ratio de prévisualisation.

2. Les types de menus

Il existe 3 types de menus:

Le menu personnalisé

Le plus courant des menus. Il s'active dès que l'application se lance, et vous permet de rajouter autant de pages que vous le souhaitez, tout en vous permettant de lancer des modules de parcours personnalisés (qui créeront de la data) sous forme d'

Question 5

🟦 Assignation

Accepted Answer

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 cliquant dans le bloc). L’opération mathématique est donc désormais Y=10.

La valeur assignée correspondra à la nature de la variable. Ainsi une variable booléenne ne pourra avoir qu'une valeur true ou false, une variable numérique une expression numérique…

Pour assigner le contenu d'une autre variable dans la première, il faut "tirer" le point variable (cliquer sur le point et déplacer la souris), sélectionner la variable à modifier, puis lier le point qui est apparu à une autre variable depuis le bloc, ou lier à la sortie d'un autre bloc.

Question 6

▶️ Intégrer Youtube

Accepted Answer

${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?

Interface 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 cliquer sur Partager en bas de la vidéo.

Bouton youtube Partager

Puis cliquez sur Intégrer

Youtube menu de partage

Il faudra alors copier uniquement l'adresse intégrable de la vidéo dans le code iframe.

youtube code iframe

Ensuite sur Celestory, il faut créer un bloc Webview, l'ouvrir et y coller ce lien.

celestory bloc webview youtube

youtube celestory player

Vous pouvez également le coller dans un menu si vous le souhaitez, comme un menu overlay ou un menu page classique pour offrir plus d'espace de visionnage.

Il suffit d'utiliser l'élément de m

Articles fréquemment lus

Toutes les catégories