La tortue pas à pas : un laboratoire pour apprivoiser la tortue de  p5Visuel

p5Visuel est destiné à permettre la création simple d'éléments interactifs à inclure dans des pages web : il vise donc efficacité et rapidité. Par exemple, quand on charge la tortue de tracer un graphique dans le canvas, on n'est pas témoin des diverses étapes de son tracé : celui-ci apparaît d'un coup, et les phases de sa création demeurent cachées, de façon à accélérer le plus possible le processus.

La plupart du temps, c'est ce que nous recherchons. Mais les débutants trouvent souvent utile d'être témoin du tracé de chacun des éléments constituant le graphique. C'est pour eux que nous avons crée un environnement permettant d'exécuter pas à pas nos graphiques tortue.

Fonctionnement de la tortue pas à pas

En cliquant sur l'image ci-dessus, vous ouvrez une version modifiée de l'éditeur p5Visuel et vous obtenez le programme suivant.

Si vous exécutez le programme, vous obtiendrez le résultat illustré ci-dessus : une tortue rouge dans un canevas 800 x 600 avec un fond gris. Si cela vous convient, vous n'aurez pas à modifier la fonction initialisation. Mais sinon, vous êtes libres d'y ajouter des blocs modifiant la taille du canvas, sa couleur de fond, ainsi que la taille de la tortue et sa couleur.

Par contre, vous devrez compléter la fonctions figure pour déterminer la figure devant être exécutée pas à pas. Pour illustrer la façon de procéder, voici trois exemples de figures de plus en plus complexes.

Remarque : les programmes que vous ferez ici nécessitent cet environnement modifié de p5Visuel, et ne seront donc pas compatibles avec la version standard de p5Visuel. On peut cependant les modifier pour les utiliser dans le contexte standard habituel en suivant les instructions suivantes.