Åbent hus

Kør P5.js på den her hjemmeside: https://editor.p5js.org/

Baggrundsfarve

Sæt baggrundsfarven til at være gul

background('lightgreen');

CleanShot-2022-11-02-at-09.04.04

Linjer

Tegn en linje fra (0,0) til (100, 100)

line(0, 0, 100, 100);

CleanShot-2022-11-02-at-09.04.30

Tegn en grøn linje fra (0,0) til (100, 100)

stroke('green');
line(0, 0, 100, 100);

CleanShot-2022-11-02-at-09.04.51

Tegn en rød tyk linje fra (0,0) til (100, 100)

stroke('red');
strokeWeight(20);
line(0, 0, 100, 100);

CleanShot-2022-11-02-at-09.05.09

Cirkler

Tegn en cirkel ved punktet (100, 100) med en radius på 50

circle(100, 100, 50);

CleanShot-2022-11-02-at-09.06.13

Tegn en blå cirkel ved punktet (100, 100) med en radius på 50

fill('blue');
circle(100, 100, 50);

CleanShot-2022-11-02-at-09.06.48

Firkanter

Tegn en firkant ved punktet (30, 50) med en bredde på 50 og en højde på 100

rect(30, 50, 50, 100);

CleanShot-2022-11-02-at-09.07.33

Tegn en pink firkant ved punktet (30, 50) med en bredde på 50 og en højde på 100

fill('pink');
rect(30, 50, 50, 100);

CleanShot-2022-11-02-at-09.08.03

Trekant

Tegn en trekant mellem de følgende punkter (30, 75), (58, 20) og (86, 75)

triangle(30, 75, 58, 20, 86, 75);

CleanShot-2022-11-02-at-09.08.21

Tegn en lyserød trekant mellem de følgende punkter (30, 75), (58, 20) og (86, 75)

fill('pink');
triangle(30, 75, 58, 20, 86, 75);

CleanShot-2022-11-02-at-09.08.33

Text

Skriv teksten "Jeg er her" ved punktet (50, 80)

text("Jeg er her", 50, 80);

CleanShot-2022-11-02-at-09.08.50

Skriv teksten "Jeg er her" ved punktet (50, 80) med stor skrifttype

textSize(100);
text("Jeg er her", 50, 80);

CleanShot-2022-11-02-at-09.09.03

Flere elementer

Tegn 30 cirkler der langsomt bliver større og større

0for (let i = 0; i < 30; i++) {
	fill('blue');
	circle(i * 10, i * 10, i * 2);
}
	

CleanShot-2022-11-02-at-09.09.22

Opgaver

  • Tegn et hus 🏡

  • Tegn en sol ☀️

  • Lav noget abstrakt kunst

Last updated