Bitte diagonal über den Bildschirm fahren.
Codefunction setup() {
anzahl = 70;
breite = 10;
hoehe = 50;
stufe = 2;
createCanvas(500,500);
//createCanvas(breite * anzahl, hoehe * anzahl);
colorMode(HSB);
strokeWeight(8);
stroke("white");
}function draw() {
blendMode(BLEND);
background(20); for (spalte = 0; spalte < anzahl; spalte++) {
for (reihe = 0; reihe < anzahl; reihe++) { farbton = map(reihe, 0, anzahl - 1, 120, 30) + map(spalte, 0, anzahl-1, 255,250);
farbton += mouseX/4;
farbton %= 360;
saettigung = 20;
helligkeit = map(spalte, 0, anzahl - 1, 100, 80);
fill(farbton, saettigung, helligkeit);
rect(spalte * breite, reihe * hoehe, breite, hoehe);
}
}
}
Bitte diagonal über den Bildschirm fahren.
Codefunction setup() {
anzahl = 70;
breite = 10;
hoehe = 500;
stufe = 2;
createCanvas(500,500);
//createCanvas(breite * anzahl, hoehe * anzahl);
colorMode(HSB);
strokeWeight(8);
stroke("white");
}function draw() {
blendMode(BLEND);
background(20);
rectMode(CENTER); for (spalte = 0; spalte < anzahl; spalte++) {
for (reihe = 0; reihe < anzahl; reihe++) { farbton = map(reihe, 0, anzahl - 1, 120, 30) + map(spalte, 0, anzahl-1, 255,250);
farbton += mouseX/4;
farbton %= 360;
saettigung = 20;
helligkeit = map(spalte, 0, anzahl - 1, 100, 80);
fill(farbton, saettigung, helligkeit);
rect(spalte * breite, reihe * hoehe, breite, hoehe);
}
}
}
Bitte diagonal über den Bildschirm fahren.
Codefunction setup() {
anzahl = 70;
breite = 10;
hoehe = 1000;
stufe = 0;
createCanvas(500,500);
//createCanvas(breite * anzahl, hoehe * anzahl);
colorMode(HSB);
strokeWeight(8);
stroke("white");
}function draw() {
blendMode(BLEND);
background(20);
rectMode(CENTER); for (spalte = 0; spalte < anzahl; spalte++) {
for (reihe = 0; reihe < anzahl; reihe++) { farbton = map(reihe, 0, anzahl - 1, 120, 30) + map(spalte, 0, anzahl-1, 255,250);
farbton += mouseX/4;
farbton %= 360;
saettigung = 20;
helligkeit = map(spalte, 0, anzahl - 1, 100, 80);
fill(farbton, saettigung, helligkeit);
rect(spalte * breite, reihe * hoehe, breite, hoehe);
}
}
}