Livecoding

Voici une petite astuce pour accélérer votre travail dans P5. Nous allons utiliser un bouton que vous avez peut-être remarqué: qu’on peut activer et désactiver. L’idée de «Auto-refresh» me rapproche de quelque chose qu’on peut appeler le «live coding», c’est à dire que je n’aurai plus besoin d’appuyer sur le bouton lecture à chaque fois que je fais une modification de mon canevas.

Auto-refresh

Ici j’ai un programme qui démarre avec la mise en place de mon canevas — le setup() — avec la création d’un canevas qui prend la totalité de la surface disponible. Si j’utilise l’instruction de colorer le fond avec une couleur noire, je dois appuyer sur le bouton “lecture” pour voir mon canevas se remplir. Il y a donc ce bouton qui s’appelle “Auto-refresh” et qui me permettrait en temps réel de faire des modifications de mes instructions. Après une petite latence — qui est très pratique pour juste être sûr qu’on a fini de remplir la ligne — après cette petite pause P5 met à jour les modifications sur mon canevas sur la droite. C’est comme si on est en train de peindre en temps réel, mais avec de l’écriture, du code sur la partie à gauche.

Déboguer

Si vous rencontrez des erreurs, des problèmes, vous pouvez toujours revenir à un usage plus classique en désactivant «Auto-refresh» — en réactivant, moment par moment, chaque fois que vous faites un changement pour essayer de «déboguer», de trouver vos erreurs. Si jamais il y a quelque chose qui ne se comporte pas comme vous voulez, vous avez toujours cette option.

Peindre avec le code

Pendant que je travaille, personnellement j’utilise souvent «Auto-refresh». Ça me permet de travailler de manière très dynamique, en peignant avec du code.