Processing : trucs et astuces de geek à savoir

Processing est un logiciel simple et gratuit qui permet de programmer des choses sympas, comme faire rebondir une balle par exemple. Mais même là il faut connaître, apprivoiser votre outil de programmation ; et c'est ce que nous allons vous faire partager afin de vous aider dans vos premiers pas dans le logiciel.

Premièrement, et vous l'aurez remarqué si vous avez inséré des fonctions que nous vous avons présentés, ou juste existantes, les fonctions s'illuminent selon un code couleur (quelques fois, il faut ajouter une parenthèse avant que le logiciel ne la détecte, et il peut y avoir plusieurs couleurs pour une même fonction, en fonction de son rôle). Nous rappelons juste à nos chères lectrices que nous ne sommes pas des professionnels des couleurs et que nous allons les nommer simplement.

Les fonctions servant à déclarer une variable se colorent en orange, les fonctions vides "void", les boucles et les conditions ("if", "for"...) en vert ou en turquoise, les fonctions en bleu. Certains paramètres, pré-programmés, comme les coordonnées du pointeur de la souris, s'illuminent en rose. Si une fonction ne s'illumine pas alors qu'elle devrait, vérifiez bien l'orthographe et si la fonction existe.

Ensuite, il est possible de formater automatiquement le texte : vous pouvez rédiger vos lignes salement (à tel point que ce ne soit plus de la rédaction), Processing vous propose une fonction "auto-format", caché dans "modifier" sur ordinateur ou "tools" (outils) sur smartphone. Ou pour les amateurs de raccourcis clavier, ctrl+t.

De plus, certaines fonctions permettent de changer de couleur des objets, le fond de l'écran, et il faut pour cela rentrer un code hexadécimal de six chiffres précédé d'un dièse, afin d'indiquer la couleur. Embêtant, vous avez l’embarras du choix parmi les 16 777 216 combinaisons disponibles, soit un choix de 16 777 216 couleurs. Mais non, Processing a pensé à vous : il existe un sélecteur de couleurs, qui vous permet de sélectionner la couleur choisi en faisant bouger différents curseurs, puis en copiant le code généré ; il n'y a plus qu'à le coller là où il doit aller. Attention, il doit bien y avoir un dièse avant le code, soit un format du type #XXXXXX, avec X en hexadécimal. Il est possible sinon de rentrer une valeur entière de 0 à 255, 0 pour le noir, 255 pour le blanc et entre toutes les échelles de gris intermédiaires.

Mince, j'ai inséré tout un tas de boucles, de conditions et autres impliquant l'insertion d'accolades ouvrantes "{", mais je ne sais plus combien d'accolades fermantes "}" je dois mettre !... En effet, c'est embêtant... Heureusement, si vous sélectionnez une accolade ouvrante, la fermante correspondante apparaît dans un rectangle, et vice-versa. Mais à l'avenir, pensez à insérer une accolade fermante pour chaque accolade ouvrante que vous insérez, et ensuite insérez vos instructions. Et si la rédaction n'est pas propre, un petit coup d'"auto-format" et puis voilà !

Si vous le souhaitez, vous pouvez consulter la documentation de Processing, où toutes les fonctions (ou beaucoup) sont répertoriés, en allant dans "aide > documentation" ou disponible en ligne ici - cependant uniquement en anglais.

Enfin, ça c'est basique mais ça peut faire foirer tout le programme, faites attention et respectez les points-virgules, les virgules, etc... Seuls les espaces et les retours à la ligne ne changent rien au programme, mais un coup d'"auto-format" arrange grandement le tout (c'est aussi l'occasion de voir quelle est la meilleure "rédaction").