Un sketch fullscreen en fond, derrière du contenu html...

Via les fonctions P5js windowResized() et resizeCanvas().

P5js met aussi à disposition les variables windowWidth et windowHeight
qui contiennent la taille de la fenêtre, à jour.

Pour superposer la canvas responsive et le html, l'astuce se trouve donc :

- dans le code HTML, où il faut mettre tout le contenu HTML dans une div principale :

<div id="contenu">...</div>
- dans la feuille de style
canvas { position:fixed; top:0; left:0; z-index:1; } #contenu { position:relative; z-index:2; }
- dans le setup() du sketch : createCanvas(windowWidth, windowHeight);
- et dans le sketch et en ajoutant un bloc
function windowResized() { resizeCanvas(windowWidth, windowHeight); }

Et voilà !