Préparer son espace de travail

Nous travaillerons avec Processing 3, qui donne accès à plusieurs mode de programmation: En Java, en Python et en P5.Js (javascript).
C'est avec ce dernier que nous allons travailler.
On commence par installer le mode P5.Js

Maintenant que le mode P5Js est installé, choisissez ce mode et observons l'espace de travail :

Dans la fenêtre deux fonctions,que nous avons déjà rencontrées, sont présentes: la fonction setup() et la fonction draw() .
On voit également le fichier index.html qui s'affichera avec le sketch lors de l'exécution du sketch.
Il y a également des onglets que vous découvrirez au fur et à mesure...
  • Vérifions si tout cela fonctionne correctement
  • Taper le code ci-contre et exécutez-le..
  • Il faudra si ce n'est pas déjà le cas faire de Mozilla FireFox votre navigateur par défaut
  • Enregistrez ce premier sketch ( Fichier / enregistrez sous/ créer un dossier ICN et enregistrer.
  • Allez dans sketch/Afficher le dossier pour explorer le dossier que vous venez de créer, il contient:

    • le dossier libraries contient la librairie P5Js

Ajouter un titre dans la page index.html

  • Dans l'onglet index.html on rajoute entre les balises "body" le texte que l'on souhaite faire apparaître
  • Rajoutez le code ci-contre et exécutez-le..
  • Rien ne se passe ....hum
  • Vous devez enregistrer les modifications et réactualiser la page index.html (touche F5)
Nous sommes prêts pour commencer à réaliser des programmes dans cet environnement