202408_ Création d’un mini-jeu narratif didactique sur la botanique

J’écris un petit script en python, html-css, pour un jeu narratif sur la botanique. C’est un truc court pour commencer, parce que je ne suis pas si forte en langage de programmation et je dois beaucoup me documenter. Je suis sur VS code et j’utilise aussi l’IA pour la trame et comprendre à quoi sert chaque fonction, chaque bloc, etc.

 body {
            font-family: 'Arial', sans-serif;
            background-color: #e0f2f1; /* Très clair, moderne */
            color: #004d40; /* Vert foncé */
            margin: 0;
            padding: 0;
        }

Je sais déjà rédiger du html et des fichiers css, sans trop de problème, mais parfois, je me perds dans ce que je veux à cause de mes soucis d’attention. Sur VS code au moins, c’est pratique de visualiser rapidement et d’avoir des couleurs mais pas trop flashy ni trop variées, cela m’aide à me concentrer.

Python

J’ai essayé des choses comme :

 # Fonction pour afficher la potion finale
        def show_final_potion():
            container = document["potion-container"]
            container.clear()
            container <= html.H2("Vous avez terminé toutes les missions !")
            container <= html.P("Avec les ingrédients que vous avez collectés, vous allez maintenant créer la potion magique pour sauver la planète.")
            container <= html.UL([html.LI(ingredient) for ingredient in ingredients])
            container <= html.P("Mélangez-les avec soin et prononcez les mots magiques...")
            container <= html.P("Potion magique réussie ! La planète est sauvée !")

            document["potion-container"].style.display = "block"

Mais je ne suis pas 100% convaincue. D’un point de vue strictement narratif, je veux que cela soit très court. Voici la trame :

Trame du mini-game

Créez une potion magique et sauvez la planète !

C’est un jeu narratif interactif. Il s’agit d’une super aventure botanique où vous découvrirez des secrets fascinants sur les plantes tout en remplissant des missions passionnantes. Attention : ce jeu est réservé aux débutant-es qui n’y connaissent pas grand chose en matière de plantes (donc peut-être, surtout les très jeunes ?).

À la fin, vous serez en mesure de créer une potion magique qui sauvera notre planète. Voici ce qui vous attend :

<p id="intro">Bienvenue dans le jeu ! Accomplissez cinq missions pour obtenir des ingrédients et créer une potion magique. Êtes-vous prêt à commencer ?</p>
        <button id="start-button">Commencer l'aventure</button>
Mission 1 : Faire pousser une graine

Apprenez les bases de la germination des graines. Vous découvrirez les éléments essentiels dont les graines ont besoin pour germer et grandir : l’eau, le sol, et la lumière. Découvrez les techniques pour réussir à faire pousser une graine et obtenez une Graine de Chêne comme récompense !

Mission 2 : Faire une bouture

Explorez l’art de la bouture. Apprenez comment prendre une partie d’une plante pour créer une nouvelle plante. Découvrez les techniques pour faire une bouture réussie et recevez une Bouture de Lavande en récompense !

Mission 3 : Cultiver un légume en permaculture

Quels sont les principes de la permaculture pour cultiver des légumes ? Apprenez comment créer un sol fertile et choisir des plantes adaptées. Recevez des Tomates en permaculture comme ingrédient pour votre potion !

Mission 4 : Plantes spontanées et biodiversité

Explorez les plantes spontanées comme le Pissenlit et leur rôle dans les écosystèmes. Comprenez leur importance pour la biodiversité et recevez un Pissenlit comme récompense pour votre potion !

Mission 5 : Comprendre la biodiversité

Apprenez l’importance de la biodiversité avec la Plante Échinacée. Découvrez comment les différentes espèces contribuent à un écosystème sain et obtenez un Échinacée pour terminer votre potion.

Créez Votre Potion Magique

Après avoir complété toutes les missions et collecté les ingrédients, il est temps de créer votre potion magique ! Mélangez vos ingrédients avec soin et découvrez comment vous avez sauvé la planète grâce à vos nouvelles connaissances.

Un design moderne et rétro en même temps

Ce jeu allie modernité et charme rétro des années 90 avec des couleurs fraîches et une interface dynamique. Les boutons verts et les effets d’ombre ajoutent une touche vintage tout en restant élégants et fonctionnels.


Update : ajout de javascript

1 Le premier jet du code javascript est mauuuvais

Update 2 : ça y est j’suis déjà découragée


Le jeu sera libre et open source.

  1. bah ouais, c’est mauvais ↩︎

Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *