P5

Dieses Element ermöglicht es Ihnen, p5.js Skizzen in Ihrem Buch zu erstellen und auszuführen. Die p5.js-Bibliothek ist eine JavaScript-Bibliothek, die es Ihnen ermöglicht, Grafiken und Animationen im Browser zu erstellen.

Sie können entweder eine p5.js-Skizze aus einer Datei laden oder sie direkt im Buch schreiben.

Sie können auch die editor-Option verwenden, um einen Editor für die Skizze anzuzeigen.

Um die Höhe zu ändern, können Sie die height-Option verwenden.

::p5{src="p5test.js"}
 
 
:::p5{height=400 editor=true}
 
```js
function setup() {
    createCanvas(400, 400);
}
 
function draw() {
    background(220);
    ellipse(200, 200, 100, 100);
}
```
 
:::

function setup() { createCanvas(400, 400); } function draw() { background(220); ellipse(200, 200, 100, 100); }

P5🔖

P5