Habituellement, je ne dévoile mes créations que lorsqu'elles sont achevées. Mais je suis tellement enthousiaste face à mon projet actuel que j'ai décidé de le rendre disponible dès les premiers stades de sa création. Pour réaliser cet environnement, que j'ai baptisé p5Visuel, je me suis basé sur les environnements libres Blockly et p5.js.

En deux mots, il s'agit d'un environnement de programmation visuelle (par blocs) permettant de créer facilement des composantes interactives pouvant être insérées dans des pages web. Voici un exemple d'une page web qu'on pourrait créer une fois l'environnement p5Visuel achevé. Mais ce n'est pas prêt tout de suite...

Au moment où j'écris ces lignes, il y a encore peu de blocs disponibles. Cependant, ces quelques blocs permettent déjà de composer  :
• une page web avec une une figure simple qui tourne
• une page web avec une figure plus complexe
  (utilisant variables locales et récursivité)

Voici comment procéder, si vous voulez voir ou modifier ces pages web :
• Cliquer sur l'un des liens menant à une page web.
  Une fenêtre avec un texte incompréhensible s'ouvrira.
  Sélectionner tout le texte, et copiez-le.
  Vous pouvez ensuite fermer la fenêtre du texte.
• Cliquez ensuite sur le lien suivant, pour faire apparaître l'éditeur de p5Visuel.
  Choisissez "Coller programme p5Visuel" dans le "MENU SAUVER-RAMENER" .
  Une fenêtre apparait alors, avec une zone d'entrée.
  Collez votre texte dans cette zone, puis cliquez sur "OK".
• Les blocs constituant le programme apparaitront dans l'éditeur.
  Vous pourrez apporter vos propres modifications.
• Quand vous aurez terminé, cliquez sur le bouton "Exécuter".

Je vous invite à revenir de temps en temps pour découvrir les nouvelles possibilités qui auront été ajoutées.

Les exemples suivants sont fournis pour illustrer les progrès accomplis :
• exécution d'un programme p5Visuel dans une page web prédéfinie
• symbolisme mathématique dans une page web gérée par p5Visuel

Mise à jour (avril 2020) : création de la page web évoquée ci-dessus (télécharger)
• le programme p5Visuel s'exécutant isolément
• la page web finale, où la version html du programme ci-dessus a été intégrée
   sous forme de cadre (iframe)