Hojin: Unterschied zwischen den Versionen
Aus exmediawiki
Hojin (Diskussion | Beiträge) (→2. p5) |
Hojin (Diskussion | Beiträge) (→2. p5) |
||
(22 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 271: | Zeile 271: | ||
* Weird Clock | * Weird Clock | ||
** <small> Dinge, die sich im Laufe der Zeit und Zahlen bewegen </small> | ** <small> Dinge, die sich im Laufe der Zeit und Zahlen bewegen </small> | ||
+ | [[File:weird clock.mov|10000px|right|]] | ||
+ | * Der Code | ||
− | + | <small> function setup() { | |
createCanvas(200, 700); | createCanvas(200, 700); | ||
− | + | } | |
− | } | + | function draw(){ |
− | |||
− | |||
− | |||
− | |||
− | function draw(){ | ||
− | |||
− | |||
− | |||
background(0,222,250); | background(0,222,250); | ||
s=second(); | s=second(); | ||
Zeile 303: | Zeile 297: | ||
fill(100, 46, 55, 55,); | fill(100, 46, 55, 55,); | ||
− | |||
− | |||
//print(s); | //print(s); | ||
text(s,100,s*20); | text(s,100,s*20); | ||
text(m,150,m*20); | text(m,150,m*20); | ||
text(h,50,h*5); | text(h,50,h*5); | ||
− | |||
bezier(100, 350, s*-10, h*+25, s*10, m*10, 100, 0); | bezier(100, 350, s*-10, h*+25, s*10, m*10, 100, 0); | ||
Zeile 315: | Zeile 306: | ||
fill(125); | fill(125); | ||
rect(10, 600, 30, 60); | rect(10, 600, 30, 60); | ||
− | + | ||
fill(125); | fill(125); | ||
rect(60, 600, 30, 60); | rect(60, 600, 30, 60); | ||
Zeile 325: | Zeile 316: | ||
rect(160,600 , 30, 60); | rect(160,600 , 30, 60); | ||
+ | }</small> | ||
+ | |||
− | |||
Zeile 342: | 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);
}