Créer des jeux éducatifs EGF facilement avec EGF Studio

EGF Studio est un outil qui permet de créer facilement des jeux EGF. Dans ce tutoriel, nous allons voir ensemble comment créer un jeu éducatif à l’aide de cet outil. 

1. Aperçu du format EGF

Un jeu EGF est linéaire, comme un livre. Il est composé de scènes, tout comme un livre est composé de pages.

Chaque scène d’un jeu EGF peut être d’un type différent, tout comme les pages d’un livre peuvent contenir des contenus variés (texte, image, etc.). Le type de ces scènes est appelé un rôle.

Les scènes sont organisées dans un ordre précis au sein d'une séquence, tout comme les pages d’un livre suivent une suite logique. Définir la séquence consiste donc à déterminer l'ordre dans lequel les scènes se succèdent.

Comme plusieurs scènes peuvent avoir le même rôle, chacune doit posséder un identifiant unique. C'est cet identifiant qui permet de la placer à la bonne position dans la séquence, tout comme le numéro d’une page indique sa place dans un livre.

Il existe plusieurs rôles de scènes, chacun correspondant à un format de contenu spécifique.

1.1. Les rôles de présentation

Ces rôles de scènes servent à présenter du contenu informatif au joueur afin qu'il acquière des connaissances.

text_simple

Ce rôle sert à afficher un contenu textuel unique. Le joueur devra cliquer sur un bouton « Suivant » pour passer à la scène suivante du jeu.

Scène du jeu « Professeur Moustapha : Parcours France », utilisant le rôle « text_simple ».

image_simple

Ce rôle sert à afficher une image unique. Le joueur devra cliquer sur un bouton « Suivant » pour passer à la scène suivante du jeu.

Scène du jeu « Professeur Moustapha : Parcours France », utilisant le rôle « image_simple ».

audio_simple

Ce rôle sert à jouer un fichier audio unique. Il propose un attribut optionnel permettant de passer automatiquement à la scène suivante lorsque l’audio a été entièrement écouté par le joueur. Mais il offre également la possibilité de permettre au joueur de cliquer sur un bouton afin de passer manuellement à la scène suivante du jeu, comme les rôles text_simple et image_simple.

Scène du jeu « Professeur Moustapha : Parcours France », utilisant le rôle « audio_simple ».

video_simple

Ce rôle sert à jouer un fichier vidéo unique. Il propose un attribut optionnel permettant de passer automatiquement à la scène suivante lorsque la vidéo a été entièrement visionnée par le joueur. Mais il offre également la possibilité de permettre au joueur de cliquer sur un bouton afin de passer manuellement à la scène suivante du jeu, comme les rôles text_simple et image_simple.

Scène du jeu en cours de développement « Découvre la LSF », utilisant le rôle « video_simple ».

1.2. Les rôles interactifs

Ces rôles de scènes servent à évaluer les connaissances du joueur. Pour chaque bonne réponse, le jeu passe automatiquement à la scène suivante. Pour chaque mauvaise réponse, le compteur d’erreurs est incrémenté de 1 et le jeu passe automatiquement à la scène suivante une fois celle-ci terminée. Lorsque ce compteur atteint le nombre maximum d’erreurs autorisé, le joueur est automatiquement redirigé vers l’écran de Game Over et devra recommencer la partie.

mcq_simple

Ce rôle sert à afficher un QCM à 4 réponses. La question du QCM peut être formulée sous forme de texte, d’image, d’audio ou de vidéo. Chaque réponse peut également être formulée sous forme de texte, d’image, d’audio ou de vidéo.

Un QCM doit également contenir un audio de bonne réponse et un audio de mauvaise réponse, qui seront joués avant de passer à la scène suivante du jeu.

Scène du jeu « Sensibilisation contre le paludisme », utilisant le rôle « mcq_simple ».

true_or_false_simple

Ce rôle sert à afficher une scène de type vrai ou faux. L’affirmation de la scène peut être formulée sous forme de texte, d’image, d’audio ou de vidéo.

Un rôle true_or_false_simple doit également contenir un audio de bonne réponse et un audio de mauvaise réponse, qui seront joués avant de passer à la scène suivante du jeu.

Scène du jeu « Sensibilisation contre le paludisme », utilisant le rôle « true_or_false_simple ».

question_simple

Ce rôle sert à afficher une scène contenant une question pouvant être formulée sous forme de texte, d’image, d’audio ou de vidéo. La réponse de l’utilisateur doit obligatoirement être formulée sous forme de texte.

Ce rôle offre deux attributs optionnels :

case_sensitive, pour prendre en compte la casse, c’est-à-dire faire en sorte que les majuscules et les minuscules correspondent à des mots différents. Par exemple, « Bonjour » est différent de « BONJOUR ».
diacritic_sensitive : pour prendre en compte les signes diacritiques. Par exemple, « éléphant » ne sera pas égal à « elephant ».

Ce rôle doit également contenir un audio de bonne réponse et un audio de mauvaise réponse, qui seront joués avant de passer à la scène suivante du jeu.

Scène du jeu « Les Signes du N'Ko », utilisant le rôle « question_simple ».

hangman_simple

Ce rôle sert à créer un jeu du pendu. Il prend une bonne réponse que le joueur devra trouver, ainsi que neuf images correspondant au statut du personnage du pendu. Typiquement, sur l’image 1, seul le début de la potence est visible ; sur l’image 9, la potence entière, la corde ainsi que le personnage complet sont représentés.

Ce rôle offre deux attributs optionnels :

case_sensitive, pour prendre en compte la casse, c’est-à-dire faire en sorte que les majuscules et les minuscules correspondent à des mots différents. Par exemple, « Bonjour » est différent de « BONJOUR ».
diacritic_sensitive : pour prendre en compte les signes diacritiques. Par exemple, « éléphant » ne sera pas égal à « elephant ».

Ce rôle doit également contenir un audio de bonne réponse et un audio de mauvaise réponse, qui seront joués avant de passer à la scène suivante du jeu.

Scène du jeu « Les Signes du N'Ko », utilisant le rôle « hangman_simple ». Ici, la phase initiale du pendu.

Scène du jeu « Les Signes du N'Ko », utilisant le rôle « hangman_simple ». Ici, la phase finale du pendu.

1.3. Les rôles de scènes obligatoires

Un jeu EGF doit obligatoirement contenir quatre scènes obligatoires :

- Une scène pour l'écran de titre du jeu (rôle « game_title_simple ») ;

- Une scène pour l'écran de Game Over du jeu (rôle « game_over_simple ») ;

- Une scène affichant les crédits du jeu (rôle « credits_simple ») ;

- Une scène pour l'écran de félicitations du jeu (rôle « congratulations_simple »).

game_title_simple

Ce rôle sert à créer un écran de titre permettant de lancer le jeu.

Ce rôle doit contenir une image, ainsi qu'une musique qui sera jouée en boucle.

Il doit obligatoirement y avoir une scène avec le rôle game_title_simple dans votre jeu. Votre jeu ne peut contenir qu'une seule scène de type game_title_simple.

La scène ayant pour rôle game_title_simple doit obligatoirement être placée en première position dans votre séquence EGF.

Scène du jeu « Sensibilisation contre le paludisme », utilisant le rôle « game_title_simple ».

credits_simple

Ce rôle sert à afficher les crédits du jeu. Les crédits sont composés de champs. Un champ doit contenir deux parties : un label et un contenu. Vous pouvez ajouter autant de champs que nécessaire dans un credits_simple.

Vous pouvez ajouter, par exemple, le champ suivant : label = « Idée originale » ; contenu = « Hervé Yvis », ainsi que le champ suivant : label = « Images » ; contenu = « Hervé Yvis (assisté par l’IA) ».

Il doit obligatoirement y avoir une scène avec le rôle credits_simple dans votre jeu, même si la scène ne contient qu'un seul champ. Par exemple : label = « Conception » ; contenu = « Hervé Yvis ». Votre jeu ne peut contenir qu'une seule scène de type credits_simple.

La scène ayant pour rôle credits_simple doit obligatoirement être placée en dernière position dans votre séquence EGF.

Scène du jeu « Sensibilisation contre le paludisme », utilisant le rôle « credits_simple ».

game_over_simple

Ce rôle sert à créer un écran de fin de partie qui ne se lancera que lorsque l’utilisateur aura perdu la partie.

Ce rôle doit obligatoirement contenir une image, ainsi qu’un audio qui ne sera pas joué en boucle.

Il doit obligatoirement y avoir une scène avec le rôle game_over_simple dans votre jeu. Votre jeu ne peut contenir qu’une seule scène de type game_over_simple.

La scène ayant pour rôle game_over_simple doit obligatoirement être placée juste avant la scène credits_simple, c’est-à-dire en avant-dernière position dans votre séquence EGF.

Scène du jeu « Sensibilisation contre le paludisme », utilisant le rôle « game_over_simple ».

congratulations_simple

Ce rôle sert à créer un écran de victoire, qui ne se lancera que lorsque l’utilisateur aura terminé le jeu avec succès.

Ce rôle doit obligatoirement contenir une image ainsi qu’un audio qui ne sera pas joué en boucle.

Il doit obligatoirement y avoir une scène avec le rôle congratulations_simple dans votre jeu. Votre jeu ne peut contenir qu’une seule scène de type congratulations_simple.

La scène ayant le rôle congratulations_simple doit obligatoirement être placée juste après la dernière scène de contenu de votre jeu, c’est-à-dire juste avant la scène de type game_over_simple. Elle correspond donc à l’avant-avant-dernière scène de la séquence EGF.

Scène du jeu « Sensibilisation contre le paludisme », utilisant le rôle « congratulations_simple ».

1.4. Les paramètres

Un jeu EGF doit inclure certains paramètres obligatoires nécessaires à son bon fonctionnement, et peut contenir des paramètres optionnels pour enrichir l’expérience de jeu (ex. : audio d’ambiance).

1.4.1. Les paramètres obligatoires

egf_cover

Il contient l’image d’affiche du jeu. C’est un peu l’équivalent de la première de couverture d’un livre. Il ne peut y avoir qu’un seul paramètre de type egf_cover dans un jeu.

Des jeux disposés sur l’étagère virtuelle d’un lecteur de jeux EGF. L’icône de chacun de ces jeux est celle utilisée par le rôle egf_cover de ces jeux.

max_wrong_answers

Il contient le nombre maximum d’erreurs que le joueur peut faire avant que l'écran de Game Over ne se lance. Il ne peut y avoir qu’un seul paramètre de type max_wrong_answers dans le jeu.

1.4.2. Les paramètres optionnels

foreground_audio

Il permet de lancer un audio, non joué en boucle, au début d’une scène.

Il est utile lorsqu’on souhaite ajouter un effet sonore, pour annoncer un nouveau niveau par exemple, ou pour jouer un audio par-dessus une scène de type text_simple.

Il peut y avoir plusieurs paramètres de type foreground_audio dans le jeu. Il faut cependant veiller à ne pas en utiliser plusieurs sur une même scène, sinon plusieurs audios seront joués en même temps.

background_audio

Il permet de lancer un audio à partir d’une scène donnée incluse et de l’arrêter à une autre scène donnée incluse. L’audio tournera en boucle tant que l’utilisateur se trouvera dans l’intervalle des scènes.

Ce paramètre est utile pour lancer une musique d’ambiance.

Il peut y avoir plusieurs paramètres de type background_audio dans le jeu. Il faut cependant veiller à ne pas les utiliser sur une même scène, sinon plusieurs audios seront joués en même temps.

2. Imaginer et structurer son jeu

Imaginez le jeu dans son ensemble : son titre, les fonctionnalités du format EGF (les scènes et les paramètres), ainsi que les ressources (textes, images, audios, vidéos, etc.) qu’il utilisera.

2.1. Trouver un titre

Pour trouver un titre pertinent, vous pouvez vous inspirer des deux méthodes suivantes :

Méthode 1 : Un titre directement lié au sujet

Si vous créez un jeu de sensibilisation contre le braconnage, vous pouvez simplement l’intituler « Sensibilisation contre le braconnage ».

Pour les versions suivantes, ajoutez un numéro : « Sensibilisation contre le braconnage 2 ».

Vous pouvez aussi préciser le public ou le périmètre :

« Sensibilisation contre le braconnage pour tous » (public large)
« Sensibilisation contre le braconnage pour tous : Amazonie » (focus géographique)

Méthode 2 : Un titre basé sur le nom d’un personnage du jeu

Si le jeu met en scène un ou plusieurs personnages (pour raconter une histoire ou transmettre des connaissances au joueur), une bonne méthode consiste à intégrer le nom du personnage principal dans le titre.

Exemple : « Professeur Moustapha : Parcours France » (Les contenus du jeu sont présentés par ce personnage).

2.2. Structurer le contenu du jeu

Une méthode pour structurer le jeu consiste à le diviser en chapitres.

Pour marquer le début de chaque chapitre, vous pouvez utiliser une scène ayant pour rôle image_simple. Vous pouvez également ajouter un audio qui se lancera au début du chapitre en utilisant le paramètre foreground_audio.

Pour toutes les scènes placées entre deux chapitres et peu denses en informations (par exemple, celles qui n'utilisent pas le rôle text_simple avec un texte étendu), vous pouvez ajouter un audio d’arrière-plan en utilisant le paramètre background_audio. Cet audio se jouera en boucle pendant l'intervalle des scènes sélectionnées.

Un jeu EGF n'est pas limité en nombre de scènes, mais il est préférable de créer plusieurs jeux EGF distincts plutôt qu'un seul jeu contenant trop de scènes. Essayez de respecter une limite de 45 scènes maximum par jeu, réparties en 5 ou 6 chapitres maximum.

Voici quelques exemples de jeux dont vous pouvez vous inspirer :

Professeur Moustapha : Parcours France : https://didark90.github.io/Professeur-Moustapha---Parcours-France/

Sensibilisation contre le paludisme : https://didark90.github.io/sensibilisation_contre_le_paludisme_embedded/

Les signes du N'ko : https://didark90.github.io/Les-signes-du-N-ko/

3. Lancer EGF Studio et préparer les bases

Le logiciel est disponible à plusieurs adresses dont :

Adresse 1 : https://egf-studio.vercel.app/

Adresse 2 : https://countryboycansurvive.itch.io/egf-studio

Vous pouvez également télécharger le logiciel à cette adresse : https://github.com/workspace-cbn/EGF-Studio et l’exécuter sur votre machine sans avoir besoin de connexion Internet.

Écran principal du logiciel EGF Studio.

3.1. Remplir les métadonnées du jeu

Dans la section « Metadata » du logiciel EGF Studio, remplissez les champs suivants :

Title : Le nom du jeu que vous avez choisi.
Language : Sélectionnez la langue du jeu.

Champs optionnels (recommandés) :

Les autres champs sont facultatifs, mais il est fortement recommandé de remplir au minimum les trois suivants :

Creator : Nom de l’auteur du jeu
Date : Date de publication du jeu
Description : Une courte description du jeu

Remplir le champ « Rights » est très utile si vous souhaitez que les personnes qui consulteront ce jeu sachent facilement sous quelle licence il est fourni. Si le jeu est sous licence libre, cela facilitera grandement sa diffusion.

Métadonnées remplies d'un jeu dans EGF Studio.

3.2. Saisir le nombre maximum d’erreurs avant l'affichage de l'écran de Game Over

1. Allez dans la section « EGF Settings ».

2. Cliquez sur le bouton « Add Setting ».

3. Sélectionnez le paramètre « max_wrong_answers ».

4. Donnez un identifiant au paramètre. Ici, nous mettrons simplement « max_wrong_answers ».

5. Dans le champ « Value », indiquez le nombre maximal d’erreurs qu’une personne peut faire avant que l’écran de Game Over ne s’affiche.

Saisie de la valeur du paramètre « max_wrong_answers » d'un jeu sur EGF Studio.

3.3. Ajouter l'image de couverture

1. Allez dans la section « EGF Manifest ».

2. Allez dans « Cover Image ».

3. Cliquez sur le bouton « Add Cover Image ».

4. Donnez un identifiant au paramètre. Ici, nous mettrons simplement « egf_cover ».

5. Téléversez l’image de couverture du jeu.

Il est recommandé d’utiliser une image de couverture au ratio 5:6. Vous pouvez utiliser un logiciel d’intelligence artificielle pour créer cette image.

EGF Studio propose une image de couverture par défaut que vous pouvez utiliser si vous n'avez pas d'image à votre disposition.

Saisie de l’image de couverture d'un jeu sur EGF Studio.

4. Ajouter les scènes obligatoires

4.1. La scène game_title_simple

1. Allez dans la section « EGF Manifest ».

2. Allez dans « Special Scenes ».

3. Cliquez sur le bouton « Add Special Scene ».

4. Sélectionnez « game_title_simple ».

5. Donnez un identifiant au paramètre. Ici, nous utiliserons simplement « game_title_simple » comme identifiant.

6. Téléversez l’image qui sera utilisée pour la scène « game_title_simple ». Si vous n’avez pas d’image, utilisez l’image par défaut du jeu. Vous pouvez utiliser un logiciel d’intelligence artificielle pour créer cette image.

7. Téléversez l’audio de la scène « game_title_simple ». Si vous n’avez pas d’audio, utilisez l’un des fichiers audio par défaut inclus dans EGF Studio.

Saisie de la scène « game_title_simple » d'un jeu sur EGF Studio.

4.2. La scène game_over_simple

1. Allez dans la section « EGF Manifest ».

2. Allez dans « Special Scenes ».

3. Cliquez sur le bouton « Add Special Scene ».

4. Sélectionnez « game_over_simple ».

5. Donnez un identifiant à la scène. Ici, nous utiliserons simplement « game_over_simple » comme identifiant.

6. Téléversez l’image qui sera utilisée pour la scène « game_over_simple ». Si vous n'avez pas d’image, utilisez l’image par défaut du jeu. Vous pouvez utiliser un logiciel d’intelligence artificielle pour créer cette image.

7. Téléversez l’audio de la scène « game_over_simple ». Si vous n’avez pas d’audio, utilisez l’un des fichiers audio par défaut inclus dans EGF Studio.

Saisie de la scène « game_over_simple » d'un jeu sur EGF Studio.

4.3. Ajouter la scène congratulations_simple

1. Allez dans la section « EGF Manifest ».

2. Allez dans « Special Scenes ».

3. Cliquez sur le bouton « Add Special Scene ».

4. Sélectionnez « congratulations_simple ».

5. Donnez un identifiant à la scène. Ici, nous utiliserons simplement « congratulations_simple » comme identifiant.

6. Téléversez l’image qui sera utilisée pour la scène « congratulations_simple ». Si vous n’avez pas d’image, utilisez l’image par défaut du jeu. Vous pouvez utiliser un logiciel d’intelligence artificielle pour créer cette image.

7. Téléversez l’audio de la scène « congratulations_simple ». Si vous n’avez pas d’audio, utilisez l’un des fichiers audio par défaut inclus dans EGF Studio.

Saisie de la scène « congratulations_simple » d'un jeu sur EGF Studio.

4.4. La scène credits_simple

1. Allez dans la section « EGF Manifest ».

2. Allez dans « Special Scenes ».

3. Cliquez sur le bouton « Add Special Scene ».

4. Sélectionnez « credits_simple ». Donnez un identifiant à la scène. Ici, nous utiliserons simplement « credits_simple » comme identifiant.

5. Remplissez les crédits du jeu. Mettez, par exemple, le nom du concepteur du jeu, l’auteur des images, l’auteur des éléments audio, etc.

Saisie de la scène « credits_simple » d'un jeu sur EGF Studio.

5. Définir l'ordre des scènes

Allez dans la section « EGF Sequence », puis déplacez les scènes pour les mettre dans l’ordre souhaité.

Ordre obligatoire à respecter :

La scène avec le rôle game_title_simple doit être en première position.
La scène avec le rôle congratulations_simple doit être placée après la dernière scène de contenu.
La scène avec le rôle game_over_simple doit être placée juste avant la scène credits_simple.
La scène avec le rôle credits_simple doit être en dernière position.

Comme nous n'avons pas encore ajouté de scènes de contenu et que le jeu ne contient que 4 scènes pour le moment, la scène congratulations_simple doit être placée juste après la scène game_title_simple.

L'ordre sera donc le suivant :

1. game_title_simple

2. congratulations_simple

3. game_over_simple

4. credits_simple

Mise en ordre des scènes d'un jeu sur EGF Studio.

6. Exporter le brouillon du jeu

Allez dans la section « Export », puis cliquez sur le bouton « Download EGF Game » : cela exportera le jeu.

Vous pourrez ainsi décider de retravailler plus tard sur le jeu en cliquant sur le bouton « Open EGF », puis en sélectionnant le brouillon de votre jeu.

Section d'exportation d'un jeu sur EGF Studio.

7. Ajouter les éléments de jouabilité du jeu

7.1. Ajouter les scènes de contenu

1. Allez dans la section « EGF Manifest ».

2. Allez dans « Content Scenes ».

3. Cliquez sur le bouton « Add Content Scene ».

4. Sélectionnez le rôle de la scène que vous souhaitez ajouter.

5. Remplissez les informations nécessaires à l’ajout de la scène. La plupart des scènes nécessitent des ressources (images ou audios) pour être créées. Si vous n’en avez pas, EGF Studio contient plusieurs ressources par défaut que vous pouvez utiliser pour vos scènes.

Assurez-vous d'ajouter au moins une scène de contenu, sinon votre jeu n'affichera que l'écran de la scène congratulations_simple après l’écran de titre.

Remarques :

Ajoutez les scènes de contenu une par une.
EGF Studio permet d’éditer et de remplacer le contenu de chacune des scènes du jeu.
N'oubliez pas de respecter l’ordre imposé par la séquence EGF (voir section 5).

7.2. Ajouter des paramètres

1. Allez dans la section « EGF Settings ».

2. Cliquez sur le bouton « Add Setting ».

3. Sélectionnez le paramètre que vous souhaitez ajouter (« background_audio » ou « foreground_audio »).

4. Remplissez les informations nécessaires à l’ajout du paramètre. Ces paramètres demandent d’utiliser des audios dans certains champs. Si vous n'en avez pas, EGF Studio contient plusieurs audios par défaut que vous pouvez utiliser pour créer votre jeu.

Remarques :

EGF Studio permet d’éditer et de remplacer le contenu de chacun des paramètres du jeu.

8. Exporter et tester le jeu

Lorsque vous avez terminé d'ajouter les éléments de jouabilité du jeu, exportez le jeu en suivant la même procédure que dans la section 6 (bouton « Download EGF Game »), puis testez-le avec un lecteur EGF.

Il existe plusieurs lecteurs EGF, notamment :

Simple EGF 1.1 Reader

Adresse en ligne : https://clever-kitsune-bf3d54.netlify.app
Version hors ligne : Vous pouvez télécharger le logiciel à cette adresse : https://github.com/muzammilfareed/Simple-EGF-1.1-Reader et l'exécuter sur votre machine sans connexion Internet.

Simple EGF 1.1 Library

Adresse en ligne : https://qasimnauman.github.io/Simple-EGF-1.1-Library
Version hors ligne : Vous pouvez télécharger le logiciel à cette adresse : https://github.com/qasimnauman/Simple-EGF-1.1-Library et l'exécuter sur votre machine sans connexion Internet.

9. Publier le jeu

Après avoir testé et validé votre jeu, vous pouvez décider de le publier afin que des apprenants puissent y jouer.

Pour cela, vous pouvez le diffuser sur :

des sites généralistes (ex. : itch.io, GitHub Pages, Dropbox, etc.) ;
vos réseaux sociaux (ex. : TikTok, Instagram, Discord, etc.) ;
ou sur des sites spécialisés dans l’hébergement de jeux EGF (ex. : https://egf-archive.pnhighschool.edu.bd, https://rothinmondal.com/egf-archive, etc.).