Bonjour à tous.

Je vous livre ici tout plein de renseignements sur ce jeu, que j’ai conçu.

D’abord, là enfin, il commence à être jouable et assez diversifié au niveau des tracés géométriques. (cercles et segments possibles). C’est la version 15. Le code a été nettoyé!

J’ai ajouté un 5e niveau!

C’est toujours au même endroit! Là https://www.mathix.org/reperage-pirate-jeu ou là (si problème de mise en cache) : https://www.mathix.org/reperage-pirate-jeu/v17

Alors quelques fonctionnalités :

• On peut squeezer la vidéo en cliquant dessus ou en appuyant sur « échap ».
• Pour « tracer un segment » (en fait, il tend une corde entre deux panneaux), il faut appuyer sur « contrôle ».
• Pour tracer des cercles (ou poser des petits cailloux), il faut appuyer sur « shift ».
• Des bruitages sonores ont été ajoutés.

Voici ce que ça donne :

Comment ajouter des niveaux ?

Et bien, déjà on télécharge le jeu (je propose les sources en BB-NC-SA v3)

Elles sont disponibles ici :
https://www.mathix.org/reperage-pirate-jeu/pirate.zip

Pour ajouter un niveau :

• Il faut une image qui soit une carte en png qu’on mettra dans le répertoire images/niveaux sous la forme *nombre*.png le *nombre* étant le numéro du niveau.
• On va dans le répertoire « js » et on édite le fichier « variables.js ». 4 ajouts sont à faire :
  • taille.push(*nombre*);
  • position_origine.push([*nombre1*,*nombre2*]);
  • position_bateau.push([*nombre1b*,*nombre2b*]);
  • consigne.push[« *texte*« ];
  • consigne.push[« *texte2*« ];
  • correctionniveau.push([[*nombre3*,*nombre4*,*lettre*],[*nombre4*,*nombre5*,*lettre2*]…];

*nombre* : correspond au nombre de cases carrées dans la carte dans le sens de la longueur.

[*nombre1,*nombre2*] est la position du repère (dessiné en rouge), donné en nombre de cases en partant du coin en haut à gauche de l’image (en abscisse et ordonnée)

[*nombre1b*,*nombre2b*] est la position du bateau lorsqu’il arrive, donné en nombre de cases en partant du coin en haut à gauche de l’image (en abscisse et ordonnée). Attention il arrive toujours de la gauche. Faite en sorte qu’il navigue toujours!! 🙂

*texte* est la consigne écrite sur le parchemin. Pour sauter une ligne, il faut écrire \n .

*texte2* est le texte que le héros dit en début de niveau. Pour sauter une ligne, il faut écrire \n . Attention, le texte doit être court.

[[*nombre3*,*nombre4*,*lettre*],[*nombre4*,*nombre5*,*lettre2*] sont les corrdonnées des panneaux sous la forme [xA,yA,A] où xA est l’abscisse de A, yA l’ordonnée de A. Cette fois-ci les cordonnées des points sont dans votre repère défini par l’origine du repère que vous avez choisi. L’ordre des points n’a pas d’importance.

Astuce :

Pour tester votre niveau directement, vous pouvez éditer le fichier variables.js et mettre la variable modedebug à true.

Attention il faudra la remettre à false ensuite.

Si vous avez des niveaux créés qui sont chouettes je peux les intégrer dans la version en ligne (en mettant dans la carte discrètement votre nom)

Et voilà, j’ai pas mal progressé dans l’implémentation du jeu, le moteur de jeu également pour ajouter plus facilement des actions.

Bref, ici, on a trois niveaux, des animations, on peut tendre des cordes pour parler de croisements de segments (dans l’idée, je compte faire également les cercles, où l’on verrait notre pirate planter un piquet tendre une corde et faire un cercle en posant des cailloux).

J’ai également changé les étapes, on a tout le texte, et on plante les panneaux en appuyant sur la bonne lettre du clavier.

Pour l’implémentation de vidéos, j’ai enfin réussi pour contourner les restrictions des navigateurs pour interdire le autoplay.

Donc en somme, on se retrouve avec l’activité que j’avais faite, implémentée dans le jeu.

Voilà !!À vous de jouer moussaillon!!

C’est toujours au même endroit : https://www.mathix.org/reperage-pirate-jeu

(s’il y a un problème de cache, vous pouvez accéder à la version 9 ici :https://www.mathix.org/reperage-pirate-jeu/v9/index.html )

Voilà un petit projet qui se finalise enfin!

J’ai donc potassé quelques temps sur un petit générateur de carrés magiques (qui propose le carré magique à compléter et sa correction). On peut également changer la difficulté. Ici, on travaille la somme des relatifs ou le produit des relatifs.

En fait, il est à destination des élèves du cycle 4.

Tout est généré aléatoirement (en javascript).

Alors tout d’abord une mise au point, ce n’est pas un jeu interactif, c’est seulement pour générer un carré magique afin d’en insérer dans un exercice.

Le programme est sous licence CC BY-NC-SA v3! 😉

Son fonctionnement

Pour générer un nouveau carré magique avec des nombres différents

Pour afficher (ou cacher) la correction

Pour changer la difficulté (de 1 à 3 pour la somme et de 1 à 2 pour le produit)

pour changer l’opération que l’on doit effectuer avec les nombres relatifs dans le carré magique.

Bon jeu!!

 

 

Le jeu est accessible, ici.

Il suffira de mettre ce code sur votre site pour l’intégrer :
<iframe src="https://mathix.org/carre-magique" width="600px" height="600px"></iframe>

Coucou! Après les pérégrinations d’OVH, mathix.org est de retour, lié en partie à un gros soucis d’alimentations électrique avec des relais électrogènes qui tombent en panne… Bref… pas super ravi mais je me dis que ça doit arriver. En fait, la panne était plutôt grandiose.

Bref, aujourd’hui, je vais pouvoir vous parler d’un petit exercice qui est passé dans les évaluations nationales, celui de la calculatrice cassée. J’ai trouvé l’idée intéressante et vu comment certains élèves ont été déroutés par la question, je me suis dit qu’il y avait quelque chose à exploiter.

Bref, ni une ni deux, je me suis mis en tête de fabriquer une calculatrice sur ordinateur avec une désactivation de touches qui empêche de saisir directement le nombre cherché.

Je n’ai fait qu’un niveau de difficulté, je pense à faire en sorte d’enlever une touche ou deux en plus, mais il faut tester la faisabilité, et donc coder pour que le programme effectue cette vérification… Cela fera l’objet sans doute d’une amélioration.

Attention ici la calculatrice ne gère pas les priorités opératoires! C’est plus difficile!

Bref à vous tester!!

Pour y jouer directement , c’est ici.

Pour l’inclure dans votre site :

<iframe style="border: none; width: 600px; height: 500px;" src="https://mathix.org/calculatrice_cassee" width="400" height="600"></iframe>

Ou sinon on y joue depuis cet article :