Mon expérience Ren’Py à l’université

Dans le cadre de mon cours Exploitation pédagogique des TIC au préscolaire/primaire, j’ai dû créer un jeu éducatif à l’aide du logiciel libre Ren’Py. Voici un bref aperçu des étapes franchies pour arriver au produit final.

a. Création de l’histoire et du jeu

Comme nous étions libres quant au sujet du jeu ainsi que le public auquel il était destiné, j’ai décidé de faire un projet Ren’Py adressé à des élèves de 3e cycle. Par contre, je n’avais pas d’idée précise en ce qui concernait le sujet que j’allais aborder. J’ai donc énuméré les thèmes qui m’intéressaient pour ensuite les rechercher dans le Programme de Formation de l’École Québécoise ainsi que dans la progression des apprentissages pour finalement éliminer les sujets qui ne fonctionnaient pas. Avec chaque thème restant, je me suis fait des tempêtes d’idées quant au scénario et aux personnages possibles afin de trouver l’option gagnante. Le truc, c’est de faire cette étape à l’avance, en début de projet, pour se laisser le temps (quelques jours) afin d’être certain de son sujet, car avec tout le temps qui y est investi, il faut aimer son projet pour ne pas travailler à reculons.

* Je joins mon script pour que vous puissiez avoir une bonne idée de ce à quoi cela devrait ressembler*script renpy

b. Scénario et texte

Pour ma part, l’écriture du scénario ne m’a pas posé problème après avoir arrêté mon choix sur le sujet de mon jeu, soit Le corps humain pendant une activité physique (Annie et l’équipe des Éclairs). Comme mon jeu est destiné à des élèves du 3e cycle, je n’avais pas beaucoup de contraintes relatives à la complexité et la longueur du jeu, si ce n’est de m’assurer que les termes utilisés ainsi que le langage soient adaptés au niveau de compréhension d’élèves de 5e-6e année.

Par contre, lorsque j’ai transféré mon scénario dans le script de Ren’Py, j’ai dû régler plusieurs petits détails de mise en page, même si j’avais pris la peine de bien aligner les guillemets dans mon scénario de départ (fait dans le traitement de texte).

Il faut donc prendre le temps de travailler le script en sections au lieu de le mettre en entier d’un seul coup dans Ren’Py. Avec cette astuce, j’ai pu travailler une section à la fois de mon texte en y ajoutant les images, sons, voix, etc. tout en vérifiant au fur et à mesure si le tout fonctionnait (en lançant le jeu), ce qui minimisait le risque d’erreur.

c. Création et recherche d’images

Pour mes personnages, j’ai décidé d’économiser du temps en prenant ceux de mon enseignante et en les modifiant au besoin seulement. Par exemple, pour le personnage de Sophie, j’ai pris les expressions nécessaires et j’ai changé la couleur des cheveux ainsi que des vêtements pour créer un deuxième personnage. Juste avec le changement de couleur, ça m’a pris quelques heures pour faire toutes les expressions de mon deuxième personnage féminin, car je n’étais pas complètement à l’aise avec le fonctionnement de Gimp, donc les opérations (sélection d’une section, sélection des pixels qui n’ont pas été pris, etc.) pour transformer l’image de départ ont été nombreuses et surmontées de quelques erreurs. Pour les fonds d’écran, je me suis servie d’un des sites qui nous avaient été donnés pour rechercher des images, soit Wikimedia Commons. Je m’étais déjà dressé une liste de mes besoins en fond d’écran, ce qui a grandement facilité ma recherche, tout comme pour mes personnages. Le fait de se faire un plan d’action en ce qui concerne les besoins en images est une étape supplémentaire, mais nécessaire selon moi, car cela m’a permis de sauver énormément de temps lors de la recherche et de la vérification de tous mes éléments.

 annie_salutationsophie_salutation

d. Mettre les images dans le jeu

Pour cette partie, tout s’est bien déroulé, car j’avais identifié correctement mes images et fonds d’écran afin de bien retrouver dans le script. Je les ai donc insérés au début et par la suite tout au long du scénario. Comme je l’ai mentionné plus haut, j’ai procédé par section (par scène) en l’enregistrant et en allant lancer le jeu pour vérifier si le tout fonctionnait. S’il y avait une erreur, elle était notamment plus facile à repérer, car je savais déjà dans quelle section elle se trouvait et qu’est-ce qui en faisait le sujet. Évidemment, j’avais pris le temps d’enregistrer mes images et mes fonds d’écran dans les bons formats afin de minimiser les erreurs lorsqu’elles étaient insérées dans le script.

cuisine_annie_avec_fruitsannie dans la cuisine

e. Recherche de sons et musique, enregistrement des voix

Tout comme pour les images, je n’ai pas eu de problème à rechercher les sons voulus, si ce n’est que je n’avais pas une histoire qui se prêtait à avoir autant de sonorisation que demandé par notre enseignante. Pour la musique du générique, j’avais plusieurs choix à ma disposition avec plusieurs sites de musiques libres de droits d’auteur, alors j’ai pu prendre quelque chose qui respectait l’ambiance que je voulais avoir. Pour l’enregistrement de ma voix, j’ai utilisé le logiciel Audacity avec lequel j’avais déjà travaillé à maintes reprises. J’ai donc enregistré tous les dialogues d’un même personnage dans le même fichier afin d’apporter toutes les mêmes modifications à chaque phrase d’un seul coup, ce qui m’a sauvée beaucoup de temps. J’ai exporté par la suite chacun des dialogues en les enregistrant en ordre chronologique selon le scénario pour les placer plus facilement dans le script de Ren’Py. J’ai beaucoup aimé cette partie, car j’ai pu m’amuser à changer ma voix pour les différents personnages.

f. Mettre les sons dans le jeu

Pour cette étape, placer les sons dans le script s’est déroulé sans problème. Il fallait seulement placer des pauses après certains d’entre eux pour pouvoir les entendre au complet. Il fallait donc travailler par section et regarder si tout concordait à merveille. J’ai donc dû y aller par essai et erreur quant à la longueur de la pause que je devais mettre.

g. Menu, générique et choix

Avec les guides qui avaient été mis sur le blogue, j’ai suivi les étapes nécessaires à l’élaboration de la page couverture à l’aide de Gimp ainsi que la page du générique. Pour ce dernier, il fallait faire comme les sons dans le jeu en ajoutant des pauses entre chaque texte pour que le joueur ait le temps de lire correctement ce qui défilait comme information.
Pour ce qui est des choix du joueur, il a fallu que je m’indique clairement sur mon premier scénario quelles étaient les suites d’histoire pour chaque option possible. En aillant un plan clair et détaillé, il m’a été plus facile de comprendre comment je devais l’intégrer dans mon script sans que le tout soit mélangé. En suivant les exemples qui m’étaient fournis et en y allant par petite section, je pouvais m’assurer que chaque choix que j’ajoutais fonctionnait dans le jeu.

choix du joueure

h. Mettre le jeu en ligne grâce à Dropbox

Pour mettre mon jeu en ligne à l’aide de Dropbox, il fallait seulement que je prenne mon jeu et le compresse afin de le déposer dans le dossier indiqué. J’ai bien aimé la facilité d’accès de ce logiciel que je n’avais jamais utilisé auparavant. C’est un outil très pratique et facile d’utilisation que je recommande à tous.

i. Réflexion critique

Bref, au bout du compte, j’ai vraiment apprécié ma première expérience avec Ren’Py. J’étais très perplexe au début du projet, car je ne savais pas quelle direction cela allait prendre et que j’étais projetée dans un environnement qui m’était totalement inconnu. Avec le temps, j’ai appris à apprivoiser le tout et en y allant graduellement par petits morceaux, avec des sections, il était facile de ne pas se décourager en début de projet. J’ai appris à persévérer même si je voulais tout abandonner quand je rencontrais des problèmes et que je travaillais longtemps sur des petits détails qui sont à peine visibles. Je crois que j’ai tiré une belle leçon de cette expérience en allant jusqu’au bout du projet même si je n’étais pas du tout emballée en début de session, en laissant la chance au coureur. J’ai découvert une panoplie d’outils et de sites très intéressants à utiliser dans plusieurs contextes et je suis contente d’avoir vécu un projet Ren’Py. Je ne le referais peut-être pas exactement de la même façon si j’avais à le vivre durant mon stage, mais il est certain que je veux me servir à nouveau de Ren’Py en classe pour plusieurs autres occasions. L’informatique est loin d’être ma force et je me décourage très facilement lorsque je ne comprends pas les problèmes que je rencontre devant mon ordinateur et j’ai quand même apprécié mon projet et je crois qu’il doit rester dans notre programme pour que les étudiants découvrent quelque chose de nouveau et aient à en retirer de nouveaux apprentissages. Je sais que plusieurs étudiants au baccalauréat, et je m’y inclus, n’aiment pas être poussés totalement à l’extérieur de leur zone de confort, mais je crois qu’avec la profession en enseignement primaire, ce projet est une belle expérience qui me servira pour bien des expériences futures, car tôt ou tard, nous aurons à faire face à ce genre de problématique.

Catherine Déry-Vigneault                                                                                                                                                                                         Hiver 2013                                                                                                                                                                                                               étudiante au Baccalauréat en Éducation Préscolaire et Enseignement Primaire (BÉPEP)

Publicité

Jnavigue 3 – Ajouter des images et des sons

Maintenant que nous avons la catégorie et que nous pouvons la choisir et y jouer, il faut avant tout placer les images dans le dossier …

La façon dont il faut nommer nos images est simple. Vous vous souvenez lorsque nous avons créé notre catégorie dans la Liste_Commune.rpy? Nous avons écris:

$ Cours = {
« amies »:[« des amies. », »Associées. », « Des »],
« arbre »:[« un arbre. », »Vital pour filtrer l’air. », « Un »],
« bac »:[« un bac. », »Pour récupérer. », « Un »],
}

Notre « mot » étant « arbre » est celui que l’on doit associer. C’est ce mot qui tu attribueras à une image et à un son.

Pour la nomenclature, voici la façon dont il faut nommer les sons et les images:

Dans le mot suivant:

« amies »:[« des amies. », »Associées. », « Des »],

« amies » est le mot clé, ce n’est qu’un mot, sans déterminant. Ce mot peut prendre une lettre majuscule, des accents, et autre…
Pour chaque caractère utilisé, voici comment vous devrez nommer votre image et votre sons:

é = e
û = u
à = a
ê = e
(un espace) = _
â = a
-(tiret) = _
è = e
ë = e
ç = c
‘ (un apostrophe) = _
î = i
ù = u
Î = I
É = E

donc, si nous avons un mot qui prend des accents, comme l’épée, nous nommerons l’image et le son: l_epee(.png/.ogg)

Pour l’image:   game/images/Commun/Vocabulaire

Pour le sons: game/sons/Vocabulaire

Ces dossiers se trouvent dans le dossier Jnavigue que vous avez extrait sur votre bureau au tout début.
Il est fort possible qu’un fichier ayant le même nom soit déjà dans la liste, alors pas de problème, vous n’avez qu’à le remplacer 😉

Cela termine le petit tutoriel pour ajouter des catégories dans le jeu Jnavigue. Pour plus de détail, vous pouvez m’envoyer vos questions à l’adresse oliberub1994@gmail.com et je me ferai un plaisir de répondre.

J’aimerais rajouter que si certaines personnes souhaitent que je redonne le cours en « livestream », il me ferait grand plaisir de le faire.

Jnavigue 2 – Utilisation de catégories dans Jnavigue

Bien, maintenant que vous avez votre catégorie de créée dans Liste_Commune.rpy, il faut être capable de l’utiliser dans les jeux!

Étape 1

Il y a 2 endroits où on peut sélectionner votre catégorie: dans les réglages et lorsque l’on n’a pas choisi de catégorie.
Dans le fichier screen_platform.rpy à partir de la ligne 1156, on peut voir qu’il y a l’intégrale de la Liste_Commune.rpy que nous avons vue plus tôt. Ce que vous devez faire, c’est prendre votre catégorie, la copier et la coller au même endroit dans le fichier, au bon module. N’oubliez pas l’indentation! ( le nombre de tabulations)

Utilisation_Scree_List

Étape 2

Plus bas, vous voyez ceci:

Utilisation_Screen

cela commence vers les ligne 2390 environ.

Étape 3

Maintenant, rendez-vous dans l’onglet qui_paire_trouve.rpy et allez en bas, vers la ligne 1065 où vous verrez ceci:

Utilisation_Qui

faites ce qui est demandé.

 

Étape 4

Maintenant que l’on peut jouer dans Qui paire trouve, il faut que l’on puisse jouer dans les autres jeux (Ananas gramme et bonhomme pendu). Pour cela, rendez-vous dans l’onglet choix_categorie.rpy choix_categorie

 

Enlevez les commentaires et changer « Cours » par le nom de votre catégorie, MAIS gardez la même syntaxe que lorsque vous l’avez écrit dans Liste_Commune.rpy  cela veux dire que si ma catégorie était: L’époque

 

Dans ma liste commune, je l’ai appelé l_epoque = {…}

Dans Qui paire trouve et screen_plateform, je l’ai mis entre « guillemets »: « L’époque »

MAIS, ici, je vais écrire if _Categorie == « l_epoque »:

………………………………………….. = l_epoque

 

JNavigue 1 – Création de catégories dans Jnavigue

Pour débuter, je vais vous expliquer le fonctionnement de Jnavigue pour pouvoir le modifier. Nous nous concentrerons sur le jeu de Qui Paire Trouve

En premier, on choisit une catégorie, puis on paire les mots jusqu’à ce qu’il n’y en ait plus à associer.
Je sais, c’est vraiment bref, mais l’important est ici:

http://prezi.com/mh1kkia59kxv/fonctionnement-de-qui-paire-trouve/

 

Étape 1

Si ce n’est pas déjà fait, décompressez le fichier zip sur votre bureau (pour windows)
Ouvrez JEdit ou Editra.

Pour télécharger le dossier, cliquez ici pour Windows

ici pour MAC
Cliquez sur Ouvrir de votre éditeur, puis cherchez les 4 fichiers suivants (qui sont dans JNavigue/game, attention de bien prendre les .rpy) : choix_catégorie.rpy, Liste_Commune.rpy, qui_paire_trouve.rpy et screen_platform.rpy
ChargementFichiers


Étape 2

Rendez-vous à l’onglet Liste_Commune.rpy pour commencer la création d’une catégorie.

Dans le fichier Liste_Commune.rpy on divise le contenu par modules:

  • if ile == 1:
  • if ile == 2:
  • if ile == 3:
  • if ile == 7:

Chaque bloc de « if » signifie que tout ce qu’il y a à l’intérieur de celui-ci appartient au module associé.
Voici un exemple de catégorie:

creationListeCommune

Il y a cependant quelques exceptions: le nombre de mots de votre catégorie doit être des multiples de 3. En effet, chaque mot correspond à 2 images (une où on voit l’image et l’autre où on voit le mot) Dans le jeu, on affiche soit 6 cartes ou 12; donc on doit au moins avoir 3 mots (ce qui fait 6 cartes).

À titre d’exemple, nous créerons une catégorie appelée Cours qui sera située dans le module 1.

Cours Ren’Py – Que voulez-vous apprendre ?

Dans ce blogue nous vous proposerons divers petits cours (ou guides) vous expliquant progressivement comment faire un jeu Ren’Py.

Voici les sujets des cours :

Les cours suivant le cours 4 serviront à répondre à vos besoins, questions, attentes. N’hésitez donc pas à mettre en commentaires à cet article les sujets que vous aimeriez voir abordés.

JNavigue et Ren’Py – AQUOPS 2012

L’année dernière à l’AQUOPS (Association Québécoise des Utilisateurs de l’ordinateur au Primaire-Secondaire) nous avons présenté l’utilisation de Ren’Py pour la création d’une suite de jeux ludo-éducatifs : JNavigue.

Voici un petit tour rapide de la version 2.2 de l’époque de JNavigue :

Pour plus de détails, voir l’article décrivant cette présentation dans le blogue de l’AQUOPS.

Voir également le site de JNavigue.

Présentation d’un projet Ren’Py au préscolaire – AQUOPS (2013)

Marie-Joëlle Croteau va présenter, le 27 mars, dans le cadre du colloque de l’AQUOPS (Association Québécoise des Utilisateurs de l’Ordinateur au Primaire-Secondaire), un projet Ren’Py qu’elle a mené au préscolaire (maternelle).

Je la laisse exposer, en quelques lignes, son projet :

Le projet consiste à la réalisation d’une histoire à l’aide du logiciel Ren’Py.  Il s’agit ici d’une histoire interactive qui se raconte d’elle-même, avec les voix et les images des élèves. Le projet s’est réalisé sur plusieurs périodes, suivant 3 grandes lignes directrices : l’écriture de l’histoire, son illustration et sa présentation.

Le diaporama de la présentation : Ren_Py_presentation (en PDF)

Jeu Ren’Py qui a servi comme élément déclencheur pour donner le goût aux enfants d’écrire leur histoire :

Jeu Ren’Py des enfants :

Montage vidéo des enfants ayant fait le projet et témoignages sur celui-ci :

Voici des illustrations de chaque étape du projet :

Période 1 : Choix du thème de l’histoire-Tempête d’idées

Tempête Sujet

                    Échéancier-Support visuel pour chaque période

Pictogrammes

Période 2 : Choix des personnages-Croquis d’élèves

lapine - Croquis d'élèvelicorne des mers - Croquis d'élève

Période 3 et 4 : Dictée à l’adulte – Début de l’histoire

Période 3-4

Période 6 à 9 :

Exemple de phrase tapée à l’ordinateur

Phrase tapée

Dessins d’élève

decor_debutmilieubonhomme_algueours_aimepoisson

                      Le troisième dessin est un collage réalisé par un élève en intégration.

Texte dans son intégralité :

Texte – L’intégralité

Période 10 : Enregistrement des voix- Lettre envoyée aux parents pour l’apprentissage des phrases

Lettre aux parents – voix

Période 11 : Présentation – Invitation des autres classes de la maternelle

Lettre aux enseignantes

Période 12 – Discussion et rétroaction globale

Activité d’appréciation, inspirée de Pénélope en Norvège!

Période 13 – Évaluation du Schéma en trois temps avec plusieurs fins

Images à remettre en ordre

                     – Grilles d’observation de stratégies et de connaissances spécifiques

Grilles d’observation