exmediawiki - Benutzerbeiträge [de]

Benutzer:Jasmina

2021-02-09T15:45:04Z

Jasmina:

Sortierung der Bilder nach Datum:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

Neue Sortierung der Bilder nach abgewechselter Nummerierung von vorne nach hinten:

<gallery>
TableauTag1.jpg|1
Bild 12.jpg|12
Bild2.jpg|2
Bild 11.jpg|11
Bild 3.jpg|3
Bild 10.jpg|10
Bild 4.jpg|4
Bild 9.jpg|9
Bild 5.jpg|5
Bild 8.jpg|8
Bild 6.jpg|6
Bild 7.jpg|7
</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Die obige Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Streifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

[[Datei:Lara.jpg|mini|Erstellt mit Hilfe von Lara S. ;)]]

Benutzer:Jasmina

2021-02-09T14:37:13Z

Jasmina:

Sortierung der Bilder nach Datum:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

Neue Sortierung der Bilder der sortierten Tableaus nach abgewechselter Nummerierung von vorne nach hinten:

<gallery>
TableauTag1.jpg|1
Bild 12.jpg|12
Bild2.jpg|2
Bild 11.jpg|11
Bild 3.jpg|3
Bild 10.jpg|10
Bild 4.jpg|4
Bild 9.jpg|9
Bild 5.jpg|5
Bild 8.jpg|8
Bild 6.jpg|6
Bild 7.jpg|7
</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Die obige Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Streifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

[[Datei:Lara.jpg|mini|Erstellt mit Hilfe von Lara S. ;)]]

Benutzer:Jasmina

2021-02-09T14:36:51Z

Jasmina:

Sortierung der Bilder nach Datum:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

Neue Sortierung der Bilder der sortierten Tableaus nach abgewechselter Nummerierung von vorne nach hinten:

<gallery>
TableauTag1.jpg|1
Bild 12.jpg|12
Bild2.jpg|2
Bild 11.jpg|11
Bild 3.jpg|3
Bild 10.jpg|10
Bild 4.jpg|4
Bild 9.jpg|9
Bild 5.jpg|5
Bild 8.jpg|8
Bild 6.jpg|6
Bild 7.jpg|7
</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Die obige Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Streifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

[[Datei:Lara.jpg|mini|Erstellt mit Hilfe von Lara S. ;)]]
Erstellt mit Hilfe von Lara S. ;)

Benutzer:Jasmina

2021-02-09T14:28:01Z

Jasmina:

Sortierung der Bilder nach Datum:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

Neue Sortierung der Bilder der sortierten Tableaus nach abgewechselter Nummerierung von vorne nach hinten:

<gallery>
TableauTag1.jpg|1
Bild 12.jpg|12
Bild2.jpg|2
Bild 11.jpg|11
Bild 3.jpg|3
Bild 10.jpg|10
Bild 4.jpg|4
Bild 9.jpg|9
Bild 5.jpg|5
Bild 8.jpg|8
Bild 6.jpg|6
Bild 7.jpg|7
</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Die obige Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Streifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

Erstellt mit Hilfe von Lara S. ;)

[[Datei:Lara.jpg|mini]]

Benutzer:Jasmina

2021-02-09T14:27:29Z

Jasmina:

Sortierung der Bilder nach Datum:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

Neue Sortierung der Bilder der sortierten Tableaus nach abgewechselter Nummerierung von vorne nach hinten:

<gallery>
TableauTag1.jpg|1
Bild 12.jpg|12
Bild2.jpg|2
Bild 11.jpg|11
Bild 3.jpg|3
Bild 10.jpg|10
Bild 4.jpg|4
Bild 9.jpg|9
Bild 5.jpg|5
Bild 8.jpg|8
Bild 6.jpg|6
Bild 7.jpg|7
</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Die obige Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Streifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

Mit Hilfe von Lara ;)

[[Datei:Lara.jpg|mini]]

Benutzer:Jasmina

2021-02-09T14:26:37Z

Jasmina:

Sortierung der Bilder nach Datum:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

Neue Sortierung der Bilder der sortierten Tableaus nach abgewechselter Nummerierung von vorne nach hinten:

<gallery>
TableauTag1.jpg|1
Bild 12.jpg|12
Bild2.jpg|2
Bild 11.jpg|11
Bild 3.jpg|3
Bild 10.jpg|10
Bild 4.jpg|4
Bild 9.jpg|9
Bild 5.jpg|5
Bild 8.jpg|8
Bild 6.jpg|6
Bild 7.jpg|7
</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Die obige Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Streifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

Mit Hilfe von Lara ;)

[[Datei:Lara.jpg]]

Benutzer:Jasmina

2021-02-09T14:20:58Z

Jasmina:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Die obige Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Streifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

Neue Sortierung der Bilder der sortierten Tableaus:
[[Datei:TableauTag1.jpg|mini]]
[[Datei:Bild 12.jpg|mini]]
[[Datei:Bild2.jpg|mini]]
[[Datei:Bild 11.jpg|mini]]
[[Datei:Bild 3.jpg|mini]]
[[Datei:Bild 10.jpg|mini]]
[[Datei:Bild 4.jpg|mini]]
[[Datei:Bild 9.jpg|mini]]
[[Datei:Bild 5.jpg|mini]]
[[Datei:Bild 8.jpg|mini]]
[[Datei:Bild 6.jpg|mini]]
[[Datei:Bild 7.jpg|mini]]

[[Datei:Lara.jpg]]

Benutzer:Jasmina

2021-02-09T14:06:42Z

Jasmina:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Ich habe auf P5 nur rumprobiert und mir dann danach von einer Informatikerin erklären lassen was ich da gemacht habe:

Die oben deklarierte Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine for-Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Strifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

Neue Sortierung der Bilder der sortierten Tableaus:
[[Datei:TableauTag1.jpg|mini]]
[[Datei:Bild 12.jpg|mini]]
[[Datei:Bild2.jpg|mini]]
[[Datei:Bild 11.jpg|mini]]
[[Datei:Bild 3.jpg|mini]]
[[Datei:Bild 10.jpg|mini]]
[[Datei:Bild 4.jpg|mini]]
[[Datei:Bild 9.jpg|mini]]
[[Datei:Bild 5.jpg|mini]]
[[Datei:Bild 8.jpg|mini]]
[[Datei:Bild 6.jpg|mini]]
[[Datei:Bild 7.jpg|mini]]

[[Datei:Lara.jpg]]

Benutzer:Jasmina

2021-02-09T14:00:21Z

Jasmina:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Die oben deklarierte Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine for-Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Strifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

Neue Sortierung der Bilder der sortierten Tableaus:
[[Datei:TableauTag1.jpg|mini]]
[[Datei:Bild 12.jpg|mini]]
[[Datei:Bild2.jpg|mini]]
[[Datei:Bild 11.jpg|mini]]
[[Datei:Bild 3.jpg|mini]]
[[Datei:Bild 10.jpg|mini]]
[[Datei:Bild 4.jpg|mini]]
[[Datei:Bild 9.jpg|mini]]
[[Datei:Bild 5.jpg|mini]]
[[Datei:Bild 8.jpg|mini]]
[[Datei:Bild 6.jpg|mini]]
[[Datei:Bild 7.jpg|mini]]

[[Datei:Lara.jpg]]

Datei:Lara.jpg

2021-02-09T14:00:02Z

Jasmina:

Lara

Benutzer:Jasmina

2021-02-09T13:50:05Z

Jasmina:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

[[Datei:P5-rumprobiere.mp4|mini]]

Die oben deklarierte Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine for-Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Strifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

Neue Sortierung der Bilder der sortierten Tableaus:
[[Datei:TableauTag1.jpg|mini]]
[[Datei:Bild 12.jpg|mini]]
[[Datei:Bild2.jpg|mini]]
[[Datei:Bild 11.jpg|mini]]
[[Datei:Bild 3.jpg|mini]]
[[Datei:Bild 10.jpg|mini]]
[[Datei:Bild 4.jpg|mini]]
[[Datei:Bild 9.jpg|mini]]
[[Datei:Bild 5.jpg|mini]]
[[Datei:Bild 8.jpg|mini]]
[[Datei:Bild 6.jpg|mini]]
[[Datei:Bild 7.jpg|mini]]

Benutzer:Jasmina

2021-02-09T13:47:51Z

Jasmina:

<gallery>
TableauTag1.jpg|1.2.21

Bild1.jpg|3.2.21
Bild2.jpg|3.2.21
Bild 3.jpg|3.2.21

Bild 4.jpg|4.2.21
Bild 5.jpg|4.2.21

Bild 6.jpg|4.2.21

Bild 7.jpg|4.2.21

Bild 8.jpg|9.2.21

Bild 9.jpg|9.2.21
Bild 10.jpg|9.2.21
Bild 11.jpg|9.2.21
Bild 12.jpg|9.2.21

</gallery>

[[Datei:P5-rumprobiere.mp4|gerahmt]]

Die oben deklarierte Variable Counter bestimmt die Position des sich bewegenden Kreises. Sie wird regelmäßig um 20 erhöht, wodurch sich die Position des Kreises weiter Richtung rechts unten bewegt. Der Kreis ist jedoch nur sichtbar, wenn man nicht auf den Bildbereich klickt.
Die vertikalen und horizontalen rosa Streifen werden durch eine for-Schleife erzeugt, welche immer an der Position (50 + i, i) eine 10 Pixel breites (vertikale Streifen) oder 10 Pixel hohes (horizontale Strifen) Rechteck malt. Die Länge der Streifen wird durch `width/2` bestimmt und beträgt somit die halbe Breite des Bildes.

var c;

let counter = 0;

function setup() {
c = createCanvas(windowWidth-20, windowHeight-20);
frameRate(10);
}

function draw() {
background(190);
noStroke();
counter = counter + 20;
if (counter >= 0.25 * width) {
counter = 0;
}
if (! mouseIsPressed) {
fill(255,105,180);
ellipse(90 + 4 * counter,50 + 4 * counter,80,80);
}
for (let i = 0- 80 ; i < height; i += 20) {
fill(255,105,180);
rect(50 + i, i, width / 2, 10);
fill(255,105,180);
rect(50 + i, i, 10, width / 2);
}
}

Neue Sortierung der Bilder der sortierten Tableaus:
[[Datei:TableauTag1.jpg|mini]]
[[Datei:Bild 12.jpg|mini]]
[[Datei:Bild2.jpg|mini]]
[[Datei:Bild 11.jpg|mini]]
[[Datei:Bild 3.jpg|mini]]
[[Datei:Bild 10.jpg|mini]]
[[Datei:Bild 4.jpg|mini]]
[[Datei:Bild 9.jpg|mini]]
[[Datei:Bild 5.jpg|mini]]
[[Datei:Bild 8.jpg|mini]]
[[Datei:Bild 6.jpg|mini]]
[[Datei:Bild 7.jpg|mini]]

Benutzer:Jasmina

2021-02-09T13:45:30Z

Jasmina:

Benutzer:Jasmina

2021-02-09T13:45:00Z

Jasmina:

Datei:P5-rumprobiere.mp4

2021-02-09T13:44:47Z

Jasmina:

P5-rumprobiere

Benutzer:Jasmina

2021-02-09T13:26:02Z

Jasmina:

Benutzer:Jasmina

2021-02-09T13:24:51Z

Jasmina:

Datei:Projekte.jpg

2021-02-09T13:24:41Z

Jasmina:

fddd

Benutzer:Jasmina

2021-02-09T13:23:29Z

Jasmina:

Benutzer:Jasmina

2021-02-09T13:23:04Z

Jasmina:

Benutzer:Jasmina

2021-02-09T13:21:07Z

Jasmina:

Benutzer:Jasmina

2021-02-09T10:21:21Z

Jasmina:

Benutzer:Jasmina

2021-02-09T10:19:58Z

Jasmina:

Datei:Petal break 2021 02 09 10 18 35.zip

2021-02-09T10:19:49Z

Jasmina:

1. Versuch P5

Benutzer:Jasmina

2021-02-09T10:17:32Z

Jasmina:

Benutzer:Jasmina

2021-02-09T10:15:16Z

Jasmina:

Benutzer:Jasmina

2021-02-09T10:13:08Z

Jasmina:

Benutzer:Jasmina

2021-02-09T10:06:34Z

Jasmina:

Benutzer:Jasmina

2021-02-09T10:05:16Z

Jasmina:

Benutzer:Jasmina

2021-02-09T10:03:20Z

Jasmina:

Benutzer:Jasmina

2021-02-09T10:01:18Z

Jasmina:

Benutzer:Jasmina

2021-02-09T09:59:58Z

Jasmina:

Benutzer:Jasmina

2021-02-09T09:58:34Z

Jasmina:

Benutzer:Jasmina

2021-02-09T09:58:07Z

Jasmina:

Benutzer:Jasmina

2021-02-09T09:57:14Z

Jasmina:

Benutzer:Jasmina

2021-02-09T09:55:47Z

Jasmina:

Datei:Bild 12.jpg

2021-02-09T09:55:40Z

Jasmina:

Bild 12

Datei:Bild 11.jpg

2021-02-09T09:55:16Z

Jasmina:

Bild 11

Datei:Bild 10.jpg

2021-02-09T09:54:50Z

Jasmina:

Bild 10

Datei:Bild 9.jpg

2021-02-09T09:54:16Z

Jasmina:

Bild 9

Datei:Bild 8.jpg

2021-02-09T09:53:42Z

Jasmina:

Bild 8

Benutzer:Jasmina

2021-02-05T09:59:09Z

Jasmina:

Benutzer:Jasmina

2021-02-05T09:58:35Z

Jasmina:

Datei:Bild 7.jpg

2021-02-05T09:57:20Z

Jasmina:

Bild 7

Datei:Bild 6.jpg

2021-02-05T09:56:50Z

Jasmina:

Bilod 6

Datei:Bild 5.jpg

2021-02-05T09:56:19Z

Jasmina:

Bild 5

Datei:Bild 4.jpg

2021-02-05T09:55:42Z

Jasmina:

Bild 4

Datei:Bild 3.jpg

2021-02-05T09:54:51Z

Jasmina:

Bild 3

Datei:Bild2.jpg

2021-02-05T09:54:17Z

Jasmina:

Bild2

Datei:Bild1.jpg

2021-02-05T09:53:42Z

Jasmina:

Bild1