Le trésor de Barbaroussa : disponible en téléchargement et comment ajouter des niveaux ..

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*]…];
Exemple pour le premier niveau.

*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)

Vous avez aimé cet article ? Alors partagez-le avec vos amis en cliquant sur les boutons ci-dessous :

Twitter Facebook email
Licence Creative Commons

Démarrez une conversation

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

*

code