Hojin: Unterschied zwischen den Versionen
Aus exmediawiki
Hojin (Diskussion | Beiträge) (→2. p5) |
Hojin (Diskussion | Beiträge) (→2. p5) |
||
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 273: | Zeile 273: | ||
[[File:weird clock.mov|10000px|right|]] | [[File:weird clock.mov|10000px|right|]] | ||
− | * | + | * Der Code |
− | + | <small> function setup() { | |
createCanvas(200, 700); | createCanvas(200, 700); | ||
} | } | ||
Zeile 334: | Zeile 334: | ||
+ | * Circles | ||
+ | ** <small> Ellipsen werden erstellt, wenn sich die Maus bewegt </small> | ||
+ | [[File:circles.mov|mini|700px|right|]] | ||
+ | * Der Code | ||
+ | <small> function setup() { | ||
+ | createCanvas(300, 400); | ||
+ | background(19,205,203); | ||
+ | } | ||
+ | function draw() { | ||
+ | |||
+ | line(0,30,300,30); | ||
+ | line(20,0,20,30); | ||
+ | line(18,50,180,50); | ||
+ | line(10,10,10,300) | ||
+ | point(5,10,30,50); | ||
+ | line(50,320,100,380); | ||
+ | stroke(120); | ||
+ | ellipse(56, 46, 55, 55,); | ||
− | + | if (mouseIsPressed) { | |
− | + | fill(0); | |
− | + | } | |
− | + | else { | |
− | + | fill(255); | |
− | + | } | |
− | + | ellipse(mouseX, mouseY, 80, 80); | |
− | + | } </small> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Aktuelle Version vom 11. Februar 2021, 23:36 Uhr
1. MATERIALTABLEAU
Dies sind ausgewählte Dinge, die ich in meinem täglichen Leben treffe.
- MATERIALTABLEAU 1
- Zuerst von rechts unten nach links unten
- Und von oben rechts nach oben links
- MATERIALTABLEAU 2
- Rechts nach links
- MATERIALTABLEAU 3
- Von der Mitte zur Ecke
- MATERIALTABLEAU 4 In 4 Teile geteilt
- Oben links, unten
- Oben rechts, unten rechts
- MATERIALTABLEAU 5
- Von der Mitte zur Ecke
* Wonach sortiert? Bitte Clicken Sie hier
.
2. p5
- Weird Clock
- Dinge, die sich im Laufe der Zeit und Zahlen bewegen
- Der Code
function setup() { createCanvas(200, 700); } function draw(){ background(0,222,250); s=second(); m=minute(); h=hour(); line(0,30,300,30); line(20,0,20,30); line(18,50,180,50); line(10,10,10,300) point(5,10,30,50); line(50,320,100,380); stroke(120); noStroke(); fill(244, 122, 158); ellipse(100, 46, 55, 55,); fill(100, 46, 55, 55,);
//print(s); text(s,100,s*20); text(m,150,m*20); text(h,50,h*5); bezier(100, 350, s*-10, h*+25, s*10, m*10, 100, 0); fill(125); rect(10, 600, 30, 60);
fill(125); rect(60, 600, 30, 60); fill(125); rect(110,600 , 30, 60);
fill(125); rect(160,600 , 30, 60);
}
- Circles
- Ellipsen werden erstellt, wenn sich die Maus bewegt
- Der Code
function setup() {
createCanvas(300, 400); background(19,205,203);
}
function draw() {
line(0,30,300,30); line(20,0,20,30); line(18,50,180,50); line(10,10,10,300) point(5,10,30,50); line(50,320,100,380); stroke(120); ellipse(56, 46, 55, 55,);
if (mouseIsPressed) { fill(0); }
else {
fill(255); } ellipse(mouseX, mouseY, 80, 80);
}