Dies ist ein Processingframe in einem html-canvas:

Dazu steht im Head der Verweis: <script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.js"></script>

und zwar vor dem Verweis auf das js-Dokument, in dem die angepassten Processing-Methoden verwendet werden, wobei im Setup statt der "size"-Methode der Frame auf folgende Weise hergestellt und der div id='sketch' zugewiesen worden ist:

let canvas = createCanvas(CAN_WIDTH, CAN_HEIGHT);
canvas.parent('sketch');