kramann.info
© Guido Kramann

Login: Passwort:










2.1 Einbetten von ps5.js

2.1 (EN google-translate)

2.1 (PL google-translate)

Das folgende Beispiel zeigt, wie Processing-ähnliche Programme in eine Webseite eingebettet werden können.

Voraussetzung ist die Verfügbarkeit der Libraries p5.js, p5.sound.js und p5.dom.js

Quellen siehe:

processing.org
function setup()
{
    createCanvas(500, 500, WEBGL);
}
var x=0;
function draw()
{
    background(0,0,255);
    fill(255,0,0);
    noStroke();
    ellipse(x-250,0,80,50);
    x++;
    x%=500;
}

Code 2.1-1: Quelltext zu nachfolgend sichtbarem Beispiel.