Par défaut, un programme p5Visuel s'exécute dans une page web vierge : tous les objets de la page doivent être créés par le programme. Mais on peut spécifier que le programme devra s'exécuter dans une page web prédéfinie : les objets créés par le programme seront alors placés après les objets prédéfinis. Voici ce à quoi ça pourrait ressembler :
À gauche une page web prédéfinie, et à droite un programme s'exécutant dans cette page.
On peut aussi incruster la page web produite par un programme à un endroit spécifié d'une page web prédéfinie.
En voici un exemple :
La page web produite par un programme (à gauche) incrustée dans la page web prédéfinie du premier exemple(à droite).
Mais il peut s'avérer utile d'aller plus loin et d'utiliser les objets prédéfinis de la page web dans notre programme.
Voici un exemple :
À gauche, une page web prédéfinie, et à droite un programme utilisant certains éléments de celle-ci.
C'est précisément la fonction du site web Modèles pour p5Visuel : il met à notre disposition des pages web prédéfinies avec des indications nous permettant d'utiliser certains de ses objets prédéfinis. (Ceci étant dit, rien ne nous empêche de prédéfinir nous-mêmes nos propres sites web. Mais il faut alors télécharger p5Visuel sur notre ordinateur, et travailler en mode local.)
Notons en terminant que, dans tous les cas, il faut modifier légèrement la page web prédéfinie pour qu'elle reçoive notre programme. La façon de faire est simple et rapide, mais elle varie selon la méthode utilisée:
- Ajouter dans l'entête qu'on a besoin de certains fichiers p5Visuel.
- Ajouter une instruction «iFrame» à l'endroit approprié.
- Ajouter dans l'entête qu'on a besoin de certains fichiers p5Visuel
et nommer (via ID) les éléments désirés.