exmediawiki - Benutzerbeiträge [de]

Benutzer:Justus

2025-06-02T10:20:37Z

Justus:

==='''050525'''===

design a cover for a book with one rule, that gets repeated.

'''rule:''' connect a corner with the center of a line at (one of) the opposite side(s) with masking tape.

(inconsistent) '''outcome:'''

[[Datei:JustusBooklet02.jpg|mini]]

 

==='''120525'''===

Exmediawiki Into

 
break

https://bmoren.github.io/p5js-cheat-sheet/

====='''Code01:'''=====

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

====='''Code02:'''=====

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

 
 
 

====='''Code03:'''=====

function setup() {
createCanvas(500, 600);
noFill();

}

function draw() {
background(220);

rect(100,300,200,100);
rect(300,250,100,150);
rect(150,250,75,50);
rect(225,250,75,50);
rect(300,200,100,50);
rect(325,175,50,25);
triangle(100,300,150,300,150,250)
triangle(300,200,325,175,325,200)
triangle(375,200,375,175,400,200)
triangle(325,175,375,175,350,50)

let FB = 25; //Breite, Höhe und X, Y des ersten Fensters
let FH = 50;
let FX = 125;
let FY = 335;
let AB = 17.5; //Abstand der Fenster

rect(FX, FY, FB, FH);
rect(FX+FB+AB,FY, FB,FH);
rect(FX+(FB+AB)*2,FY, FB,FH);
rect(FX+(FB+AB)*3,FY, FB,FH);

ellipse(FX+FB/2,FY,FB);
ellipse(FX+FB/2+(FB+AB),FY,FB);
ellipse(FX+FB/2+(FB+AB)*2,FY,FB);
ellipse(FX+FB/2+(FB+AB)*3,FY,FB);

}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

==='''190525'''===

Lichtenberg pattern

karlsims.com

'''Creating Tiles (and create animals in them like MC Escher did):'''

[[Datei:JTiles.jpg|mini]]

====='''Code04'''=====

Rectangles und Funktion "for"

 

function setup() {
createCanvas(400, 500);
//noLoop(); //loop aus für animation
frameRate(2);
noFill();
rectMode(CENTER);
}

function draw() {
background(220);

drawSquare(); // bevor wir mit der "for" function gearbeitet haben, haben wir hier drawSqaure() einfach copy pasted. Die Funktion hatte wir vorher bestimmt.

}

function drawSquare() {
//alles was in der function steht wird ausgeführt, wenn die oben erwähnt wird. Also wie eine Variable nur das darin was passiert.

for (let i = 0; i < 20; i++) { //loop "for" 20 times. // "10" könnte auch Variable "maxRectangles" oÄ. sein.

let tileW = width; //variablen können "let" und "var" sein! Unterschied: "let" ist local - also die variable bezieht sich nur auf die Funktion in den klammern {} in der die steht. "var" ist universell über den ganzen code. Also klammerÜBERGREIFEND. Deshalb stehen die auch immer am anfang! Wenn _ vor variable dann verbinde ich zwei gleiche

let tileH = height;

let rectW = random(50, tileW / 2);
let rectH = random(50, tileW / 2);

let rectDiff = 10; //offset von x und y (rectDIFF)

rect(tileW / 2 + random(-rectDiff, rectDiff), tileH / 2 + random(-rectDiff, rectDiff), rectW, rectH);

}
} //mouseX, mouseY folgt der Computermaus

 

https://editor.p5js.org/jkfmn/full/Cechyg9KN

 
 
 

==='''260525'''===
More coding in p5 to get results close to Frieder Nakes work.
Little Intro on Lasercutter and checking out samples.
 
====='''Code04'''=====

function setup() {
createCanvas(600, 600);
noLoop(); //loop aus für animation
frameRate(2);

}

function draw() {
background(220);

let limitA = 4;
let limitB = 4;

for(let a = 0;a < limitA; a= a + 1){

for(let b = 0;b < limitB; b= b + 1){

drawSquare(a*0.25*width,b*0.25*height, width*0.25, height*0.25, a+b*limitA);
}
}
}

function drawSquare(_X,_Y,_tileW,_tileH,_num) {

let tileW = _tileW;
let tileH = _tileH;
let X = _X
let Y = _Y
let num = _num
let minRectW = 15;
let minRectH = 2;
let amountOFSquares = 3;

rectMode(CENTER);
noFill();

for (let i = 0;i <amountOFSquares; i++){
let rectW = random(minRectW, tileW);
let rectH = random(minRectH, tileH);

ellipse(tileW / 2 + X, tileH /2 + Y, rectW, rectH); //ellipse , oder rect()
}

fill(0,255,0)
//text(num,X,Y)

}

 

https://editor.p5js.org/jkfmn/sketches/VFHoWz3yU

 
 
 

==='''020625'''===

Benutzer:Justus

2025-06-02T10:16:12Z

Justus: /* 190525 */

Benutzer:Justus

2025-06-02T10:15:11Z

Justus: /* 190525 */

==='''050525'''===

design a cover for a book with one rule, that gets repeated.

'''rule:''' connect a corner with the center of a line at (one of) the opposite side(s) with masking tape.

(inconsistent) '''outcome:'''

[[Datei:JustusBooklet02.jpg|mini]]

 

==='''120525'''===

Exmediawiki Into

 
break

https://bmoren.github.io/p5js-cheat-sheet/

====='''Code01:'''=====

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

====='''Code02:'''=====

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

 
 
 

====='''Code03:'''=====

function setup() {
createCanvas(500, 600);
noFill();

}

function draw() {
background(220);

rect(100,300,200,100);
rect(300,250,100,150);
rect(150,250,75,50);
rect(225,250,75,50);
rect(300,200,100,50);
rect(325,175,50,25);
triangle(100,300,150,300,150,250)
triangle(300,200,325,175,325,200)
triangle(375,200,375,175,400,200)
triangle(325,175,375,175,350,50)

let FB = 25; //Breite, Höhe und X, Y des ersten Fensters
let FH = 50;
let FX = 125;
let FY = 335;
let AB = 17.5; //Abstand der Fenster

rect(FX, FY, FB, FH);
rect(FX+FB+AB,FY, FB,FH);
rect(FX+(FB+AB)*2,FY, FB,FH);
rect(FX+(FB+AB)*3,FY, FB,FH);

ellipse(FX+FB/2,FY,FB);
ellipse(FX+FB/2+(FB+AB),FY,FB);
ellipse(FX+FB/2+(FB+AB)*2,FY,FB);
ellipse(FX+FB/2+(FB+AB)*3,FY,FB);

}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

==='''190525'''===

Lichtenberg pattern

karlsims.com

'''Creating Tiles (and create animals in them like MC Escher did):'''

[[Datei:JTiles|mini]]

====='''Code04'''=====

Rectangles und Funktion "for"

 

function setup() {
createCanvas(400, 500);
//noLoop(); //loop aus für animation
frameRate(2);
noFill();
rectMode(CENTER);
}

function draw() {
background(220);

drawSquare(); // bevor wir mit der "for" function gearbeitet haben, haben wir hier drawSqaure() einfach copy pasted. Die Funktion hatte wir vorher bestimmt.

}

function drawSquare() {
//alles was in der function steht wird ausgeführt, wenn die oben erwähnt wird. Also wie eine Variable nur das darin was passiert.

for (let i = 0; i < 20; i++) { //loop "for" 20 times. // "10" könnte auch Variable "maxRectangles" oÄ. sein.

let tileW = width; //variablen können "let" und "var" sein! Unterschied: "let" ist local - also die variable bezieht sich nur auf die Funktion in den klammern {} in der die steht. "var" ist universell über den ganzen code. Also klammerÜBERGREIFEND. Deshalb stehen die auch immer am anfang! Wenn _ vor variable dann verbinde ich zwei gleiche

let tileH = height;

let rectW = random(50, tileW / 2);
let rectH = random(50, tileW / 2);

let rectDiff = 10; //offset von x und y (rectDIFF)

rect(tileW / 2 + random(-rectDiff, rectDiff), tileH / 2 + random(-rectDiff, rectDiff), rectW, rectH);

}
} //mouseX, mouseY folgt der Computermaus

 

https://editor.p5js.org/jkfmn/full/Cechyg9KN

Datei:JTiles.jpg

2025-06-02T10:14:46Z

Justus:

Material und Prozess 25

Benutzer:Justus

2025-06-02T10:12:38Z

Justus: /* Code04 */

==='''050525'''===

design a cover for a book with one rule, that gets repeated.

'''rule:''' connect a corner with the center of a line at (one of) the opposite side(s) with masking tape.

(inconsistent) '''outcome:'''

[[Datei:JustusBooklet02.jpg|mini]]

 

==='''120525'''===

Exmediawiki Into

 
break

https://bmoren.github.io/p5js-cheat-sheet/

====='''Code01:'''=====

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

====='''Code02:'''=====

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

 
 
 

====='''Code03:'''=====

function setup() {
createCanvas(500, 600);
noFill();

}

function draw() {
background(220);

rect(100,300,200,100);
rect(300,250,100,150);
rect(150,250,75,50);
rect(225,250,75,50);
rect(300,200,100,50);
rect(325,175,50,25);
triangle(100,300,150,300,150,250)
triangle(300,200,325,175,325,200)
triangle(375,200,375,175,400,200)
triangle(325,175,375,175,350,50)

let FB = 25; //Breite, Höhe und X, Y des ersten Fensters
let FH = 50;
let FX = 125;
let FY = 335;
let AB = 17.5; //Abstand der Fenster

rect(FX, FY, FB, FH);
rect(FX+FB+AB,FY, FB,FH);
rect(FX+(FB+AB)*2,FY, FB,FH);
rect(FX+(FB+AB)*3,FY, FB,FH);

ellipse(FX+FB/2,FY,FB);
ellipse(FX+FB/2+(FB+AB),FY,FB);
ellipse(FX+FB/2+(FB+AB)*2,FY,FB);
ellipse(FX+FB/2+(FB+AB)*3,FY,FB);

}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

==='''190525'''===

Lichtenberg pattern

karlsims.com

====='''Code04'''=====

Rectangles und Funktion "for"

 

function setup() {
createCanvas(400, 500);
//noLoop(); //loop aus für animation
frameRate(2);
noFill();
rectMode(CENTER);
}

function draw() {
background(220);

drawSquare(); // bevor wir mit der "for" function gearbeitet haben, haben wir hier drawSqaure() einfach copy pasted. Die Funktion hatte wir vorher bestimmt.

}

function drawSquare() {
//alles was in der function steht wird ausgeführt, wenn die oben erwähnt wird. Also wie eine Variable nur das darin was passiert.

for (let i = 0; i < 20; i++) { //loop "for" 20 times. // "10" könnte auch Variable "maxRectangles" oÄ. sein.

let tileW = width; //variablen können "let" und "var" sein! Unterschied: "let" ist local - also die variable bezieht sich nur auf die Funktion in den klammern {} in der die steht. "var" ist universell über den ganzen code. Also klammerÜBERGREIFEND. Deshalb stehen die auch immer am anfang! Wenn _ vor variable dann verbinde ich zwei gleiche

let tileH = height;

let rectW = random(50, tileW / 2);
let rectH = random(50, tileW / 2);

let rectDiff = 10; //offset von x und y (rectDIFF)

rect(tileW / 2 + random(-rectDiff, rectDiff), tileH / 2 + random(-rectDiff, rectDiff), rectW, rectH);

}
} //mouseX, mouseY folgt der Computermaus

 

https://editor.p5js.org/jkfmn/full/Cechyg9KN

Benutzer:Justus

2025-06-02T10:12:16Z

Justus: /* Code04 */

==='''050525'''===

design a cover for a book with one rule, that gets repeated.

'''rule:''' connect a corner with the center of a line at (one of) the opposite side(s) with masking tape.

(inconsistent) '''outcome:'''

[[Datei:JustusBooklet02.jpg|mini]]

 

==='''120525'''===

Exmediawiki Into

 
break

https://bmoren.github.io/p5js-cheat-sheet/

====='''Code01:'''=====

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

====='''Code02:'''=====

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

 
 
 

====='''Code03:'''=====

function setup() {
createCanvas(500, 600);
noFill();

}

function draw() {
background(220);

rect(100,300,200,100);
rect(300,250,100,150);
rect(150,250,75,50);
rect(225,250,75,50);
rect(300,200,100,50);
rect(325,175,50,25);
triangle(100,300,150,300,150,250)
triangle(300,200,325,175,325,200)
triangle(375,200,375,175,400,200)
triangle(325,175,375,175,350,50)

let FB = 25; //Breite, Höhe und X, Y des ersten Fensters
let FH = 50;
let FX = 125;
let FY = 335;
let AB = 17.5; //Abstand der Fenster

rect(FX, FY, FB, FH);
rect(FX+FB+AB,FY, FB,FH);
rect(FX+(FB+AB)*2,FY, FB,FH);
rect(FX+(FB+AB)*3,FY, FB,FH);

ellipse(FX+FB/2,FY,FB);
ellipse(FX+FB/2+(FB+AB),FY,FB);
ellipse(FX+FB/2+(FB+AB)*2,FY,FB);
ellipse(FX+FB/2+(FB+AB)*3,FY,FB);

}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

==='''190525'''===

Lichtenberg pattern

karlsims.com

===='''Code04'''====

Rectangles und Funktion "for"

 

function setup() {
createCanvas(400, 500);
//noLoop(); //loop aus für animation
frameRate(2);
noFill();
rectMode(CENTER);
}

function draw() {
background(220);

drawSquare(); // bevor wir mit der "for" function gearbeitet haben, haben wir hier drawSqaure() einfach copy pasted. Die Funktion hatte wir vorher bestimmt.

}

function drawSquare() {
//alles was in der function steht wird ausgeführt, wenn die oben erwähnt wird. Also wie eine Variable nur das darin was passiert.

for (let i = 0; i < 20; i++) { //loop "for" 20 times. // "10" könnte auch Variable "maxRectangles" oÄ. sein.

let tileW = width; //variablen können "let" und "var" sein! Unterschied: "let" ist local - also die variable bezieht sich nur auf die Funktion in den klammern {} in der die steht. "var" ist universell über den ganzen code. Also klammerÜBERGREIFEND. Deshalb stehen die auch immer am anfang! Wenn _ vor variable dann verbinde ich zwei gleiche

let tileH = height;

let rectW = random(50, tileW / 2);
let rectH = random(50, tileW / 2);

let rectDiff = 10; //offset von x und y (rectDIFF)

rect(tileW / 2 + random(-rectDiff, rectDiff), tileH / 2 + random(-rectDiff, rectDiff), rectW, rectH);

}
} //mouseX, mouseY folgt der Computermaus

 

https://editor.p5js.org/jkfmn/full/Cechyg9KN

Benutzer:Justus

2025-06-02T10:11:05Z

Justus: /* Code03: */

Benutzer:Justus

2025-06-02T10:10:44Z

Justus: /* Code02: */

Benutzer:Justus

2025-06-02T10:10:33Z

Justus: /* Code01: */

Benutzer:Justus

2025-06-02T10:08:46Z

Justus: /* 050525 */

Benutzer:Justus

2025-05-19T14:11:12Z

Justus:

Benutzer:Justus

2025-05-18T16:25:24Z

Justus: /* 120525 */

Benutzer:Justus

2025-05-18T15:37:12Z

Justus: /* 050525 */

Benutzer:Justus

2025-05-18T15:33:58Z

Justus: /* 050525 */

Benutzer:Justus

2025-05-18T15:33:11Z

Justus:

Datei:JustusBooklet02.jpg

2025-05-18T15:33:06Z

Justus:

BookletMaterialUndProzess

Benutzer:Justus

2025-05-18T15:31:28Z

Justus:

'''===050525==='''

design a cover for a book with one rule, that gets repeated.

'''rule:''' connect a corner with the center of a line at (one of) the opposite side(s) with masking tape.

(inconsistent) '''outcome:'''

'''===120525==='''

Exmediawiki Into

 
break

https://bmoren.github.io/p5js-cheat-sheet/

====Code01:====

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

====Code02:====

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

Datei:JustusBooklet01.jpg

2025-05-18T15:30:52Z

Justus:

BookletMateriaUndProzess

Benutzer:Justus

2025-05-18T15:20:21Z

Justus: /* 120525 */

===120525===

Exmediawiki Into

 
break

https://bmoren.github.io/p5js-cheat-sheet/

====Code01:====

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

https://editor.p5js.org/jkfmn/full/-Do64urgx

 
 
 

====Code02:====

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

Benutzer:Justus

2025-05-18T15:19:44Z

Justus: /* 120525 */

===120525===

Exmediawiki Into

 
break

https://bmoren.github.io/p5js-cheat-sheet/

====Code01:====

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

 
 
 

https://editor.p5js.org/jkfmn/full/-Do64urgx

====Code02:====

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

Benutzer:Justus

2025-05-18T15:18:44Z

Justus: /* 120525 */

=120525=

 
break

https://bmoren.github.io/p5js-cheat-sheet/

==Code01:==

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

 
 
 

https://editor.p5js.org/jkfmn/full/-Do64urgx

==Code02:==

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

Benutzer:Justus

2025-05-12T14:10:13Z

Justus: /* 120525 */

==120525==

 
break

https://bmoren.github.io/p5js-cheat-sheet/

==Code01:==

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

 
 
 

https://editor.p5js.org/jkfmn/full/-Do64urgx

==Code02:==

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

Benutzer:Justus

2025-05-12T14:09:40Z

Justus: /* Code02: */

===120525===

 
break

==Code01:==

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

 
 
 

https://editor.p5js.org/jkfmn/full/-Do64urgx

==Code02:==

function setup() {
createCanvas(400, 600);
//noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

Benutzer:Justus

2025-05-12T14:08:17Z

Justus: /* 120525 */

===120525===

 
break

==Code01:==

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

 
 
 

https://editor.p5js.org/jkfmn/full/-Do64urgx

==Code02:==

function setup() {
createCanvas(400, 600);
noLoop(); //Loop an/aus
noFill();

}

function draw() {
background(220);

let rectHeight = random(50, 100); //variable für die des dreiecks vergeben
let rectWidth = random(50, 100);
let rectX = width/2 - random(50,100)/2; //einfach Wert durch random() ersetzt
let rectY = height/2 - random(50,100)/2;

rect(rectX,rectY,rectWidth,rectHeight)

//how to safe the singular frames???

}

https://editor.p5js.org/jkfmn/full/pf3QVzbWD

Benutzer:Justus

2025-05-12T13:40:01Z

Justus: /* 120525 */

===120525===

 
break

Code:

function setup() {
createCanvas(400, 400);
noFill();

}

function draw() {
background(220);

rect(width / 2 - 100 / 2, height / 2 - 100 / 2, 100, 100);
rect(width / 2 - 200 / 2, height / 2 - 250 / 2, 200, 250);
rect(width / 2 - 150 / 2, height / 2 - 230 / 2, 150, 230);
rect(width / 2 - 40 / 2, height / 2 - 40 / 2, 40, 40);
rect(width / 2 - 190 / 2, height / 2 - 260 / 2, 190, 260);
}

 
 
 

https://editor.p5js.org/jkfmn/full/-Do64urgx

Benutzer:Justus

2025-05-12T13:38:53Z

Justus: /* 120525 */

===120525===

 
break

<iframe src="https://editor.p5js.org/jkfmn/full/-Do64urgx"></iframe>

Benutzer:Justus

2025-05-12T12:16:32Z

Justus: Die Seite wurde neu angelegt: „===120525=== break“

===120525===

 
break