Projet d'un jeu narratif :
Le but ici est de créer en trois mois un programme qui peut vraiment être dans la physique, dans l'artistique, dans la littérature ou dans tout type de domaine, l'idée étant de donner un résultat satisfaisant. Mon idée a donc été de créer un jeu narratif, une histoire interactive avec plusieurs choix.
Séance 1 : 26/01/23
Après validation du professeur de mon idée, celui-ci m'a donné des pistes : deux de ces anciens élèves avaient créer un même type de jeux. Ainsi, sur le site du professeur " isn webnode specialite", j'ai pu retrouvé leur site, et donc leur composition de programme. ça sera une forte aide pour mon jeu. Leur site s'appelle "Bernini-Gavlak".
Le support que je vais utiliser est Processing4, puisqu'il s'agit d'une bonne interface graphique. La difficulté sera de comprendre les codes spécifiques du logiciel.
Séance 2 : 30/01/23
Aujourd'hui, j'ai voulu voir comment ajouter une image de fond de mon choix. J'ai donc utiliser l'exemple sur processing 4, qui est "backgroundimage" donc image de fond. J'ai donc pris cette base de programme que j'ai ensuite modifié pour faire apparaître une autre image que j'ai téléchargé.
Séance 3 : 31/01/2023
Pour cette séance, j'ai repris mon code de mon image de fond et cette dois ci, j'ai travaillé sur le texte. j'ai donc trouvé avec des exemples de processing encore une fois, des programmes permettant d'ajouter un texte aligné au centre de l'image. Voici ce que ça donne pour l'instant :
Séance 4 : 02/02/23
Je cherche à changer d'image en un clic. J'ai cherché des exemples sur processing4. J'ai modifié plusieurs fois le programme, toutefois je n'ai pas réussi à produire ce que je cherchais.
Séance 5 : 20/02/23
J'ai continué mes recherches sur le changement de scène en un clic.
Séance 6 : 21/02/23
Pour cette séance, le professeur a regardé notre programme cas par cas. On a donc essayer de trouver une solution à mon programme. On a pu trouvé comment changer d'image en maintenant le clic. Voici à gauche le code sur lequel on s'était arrêté.
Séance 7 : 23/02/23
Entre la séance dernière et celle d'aujourd'hui, M.Laclaverie m'a envoyé un programme qui marche. L'outil est de mettre un bouton sur lequel l'utilisateur clic pour changer d'image. Voici le programme :
Séance 8 : 27/02/23
Nous allons voir l'histoire et les différentes scènes qui vont exister. Premièrement, il y aura une page d'accueil avec une image de fond et il y aura inscrit "Bienvenue" ainsi qu'une petite introduction " Vous êtes actuellement un futur joueur de ce jeu à choix multiples. Prenez les bonnes décisions, vous êtes le héro de votre histoire. Bon courage et à plus tard, de Fantine Beney pour vous, derrière votre écran". L'image sera celle-ci :
Pour la première scène commençait réellement le jeu, il y aura inscrit :"Vous vous réveillez dans votre lit, et vous partez voir votre mère, elle vous demande d'aller acheter des œufs".
Il y aura une possibilité de deux choix : soit "vous partez à l'épicerie (1)"ou soit "vous partez au supermarché (2)".
L'image qui accompagnera cette scène sera celle-ci :
Si l'utilisateur choisi la première possibilité, il y aura inscrit :" Vous prenez le chemin de l'épicerie. Vous croisez votre tante et vous lui proposez le passer dîner avec vous et votre famille. Elle décline gentiment en expliquant qu'elle est déjà prise pour ce soir mais une prochaine fois avec grand plaisir.". Si il a choisi le deuxième possibilité, ça sera la suite de l'histoire.
Quand l'utilisateur a fait le 2ème choix, la scène suivante sera avec "Après avoir fait le chemin pour acheter vos œufs , vous rentrez finalement chez vous. ". Pour cette scène il n'y aura pas de choix, simplement un bouton pour aller à la prochaine scène.
Les images seront celle-ci :
La scène qui suit sera un texte disant : " Une fois chez vous, vous décidez d'aider votre mère." et ici, il y aura le dernier choix multiple qui sera soit "Vous commencez à préparer le repas." soit "vous mettez le couvert.".
Si l'utilisateur choisi la première option, il y aura inscrit : "Votre mère, vous dit d'arrêter tout de suite pour ne pas mettre le feu à la maison. Vous vouliez juste aider mais bon, la cuisine, ce n'est pas votre fort. Vous mettez quand même la table.".
Si il choisit la deuxième option la dernière scène apparaîtra.
Pour la dernière scène, l'image ci-dessous sera accompagné d'un texte : "Après avoir dresser la table comme il le faut, vous vous installez avec votre famille et mangez les œufs au plat que vous avez acheté tout frais ce matin. Vous êtes heureux de ce simple mais pourtant plaisant début de journée."
L'image sera celle-ci :
La dernière image sera un simple fond noir. Il y aura écrit : " Vous êtes arrivé à la bonne fin. Je vous souhaite une bonne journée et merci d'avoir joué le jeu !"
Séance 9 et 10 : 28/02/23 et 02/03/23
Pour cette séance le professeur m'a aidé à changer de scènes grâce à un bouton. Voici le programme que l'on a trouvé :
Dans un premier temps, on importe toutes les images du programme. Ensuite on définit la police d'écriture.
Ensuite, on définit le bouton. Si il y a une clic, la première scène apparaît, si il y en a eu deux, c'est la deuxième etc...
On définit cette fois, les différentes scènes et les images et textes associés et correspondant à chacune.
Séance 11 : 06/03/23
J'ai continué le programme en continuant à définir les scènes et en les ajoutant dans les fichiers de processing.
Séance 12 : 07/03/23
Le professeur m'a une nouvelle fois aidé pour l'avancement de mon programme. Maintenant, nous avons des boutons pour les scènes à choix multiples.
Séance 13 : 09/03/23
Sur processing, les accents des textes ne sont pas acceptés, quelque soit la police. Alors, pour que les textes de mes scènes s'affichent correctement, je vais les écrire proprement sur libreoffice write, et les prendre en capture d'écran. Pour cette séance j'ai alors fait un test, en modifiant le programme pour insérer une capture d'un texte à la place de celui écrit directement dans le code.
Séances après le 09/03 :
Des séances ont étaient dédiées aux cours et certaines ont étaient annulés pour cause du bac de terminal.
Séance 14 : 03/04/23
La présentation à l'oral du projet sera la semaine au retour des vacances. Ainsi, je présenterai dans un premier temps le programme qui marche, mes différentes problématiques durant sa création et la définition de chaque ligne du code.
Séance 15 : 06/04/23
Hier, j'ai pris en capture d'écran tout les textes de chaque scène pour ensuite les insérer. J'ai également pris de nouvelles images plus adaptées pour l'histoire. Aujourd'hui, nous devons rendre l’état de notre programme. Alors pour cette séance, j'ai finalisé le programme, en y insérant les captures de textes et les images. Dans une premier temps, j'avais fait l'erreur de ne pas écrire "global img" pour toutes les images, alors mon programme ne fonctionnait pas. J'ai revu mon programme, et ai modifié mon erreur. Ensuite, j'ai réajuster les images de textes pour quelles soient bien placées et lisibles. Maintenant, le programme est dans son état final. Voici le code ainsi que quelques exemples de scènes :
