neu ordnen

Lektion 1/Interaktion/Fadenkreuz/Fadenkreuz.pde

@@ -0,0 +1,11 @@
+void setup() {
+  size(200, 200);
+}
+void draw() {
+  background(200);
+  line(0, mouseY, mouseX, mouseY);
+  line(mouseX, mouseY, 200, mouseY);
+
+  line(mouseX, 0, mouseX, mouseY);
+  line(mouseX, mouseY, mouseX, 200);
+}

Lektion 1/Interaktion/Interaktive Linie/Interaktive Linie.pde

@@ -0,0 +1,7 @@
+void setup() {
+  size(200, 200);
+}
+void draw() {
+  background(200);
+  line(100, 100, mouseX, mouseY);
+}

Lektion 1/Interaktion/Linie und Kreis/Linie und Kreis.pde

@@ -0,0 +1,13 @@
+void setup() {
+  size(200, 200);
+}
+void draw() {
+  background(200);
+
+  // y-line
+  line(mouseX, 0, mouseX, mouseY);
+  line(mouseX, mouseY, mouseX, 200);
+
+  // kreis
+  ellipse(mouseX/2, 200/2, mouseX, mouseX);
+}

Lektion 1/Interaktion/Mauskoordinaten/Mauskoordinaten.pde

@@ -0,0 +1,6 @@
+void setup() {
+  size(200, 200);
+}
+void draw() {
+  println(mouseX);
+}

Lektion 1/Interaktion/Position zur Graustufe/Position zur Graustufe.pde

@@ -0,0 +1,13 @@
+void setup() {
+  size(200, 200);
+  background(255);
+}
+void draw() {
+  background(255);
+
+  fill(mouseX*255/width);
+  quad(50, 50,
+       150, 50,
+       150, 150,
+       50, 150);
+}

Lektion 1/Interaktion/Quadrat erscheinen lassen/Quadrat erscheinen lassen.pde

@@ -0,0 +1,14 @@
+void setup() {
+  size(200, 200);
+  background(255);
+}
+void draw() {}
+void keyPressed() {
+  quad(50,50,
+       50,150,
+       150,150,
+       150,50);
+}
+void mousePressed() {
+  background(255);
+}

Lektion 1/Interaktion/Radiergummi/Radiergummi.pde

@@ -0,0 +1,16 @@
+  size(200, 200);
+  background(255);
+  // Viereck in der mitte
+  fill(0);
+  quad(50,50,
+       150,50,
+       150,150,
+       50,150);
+}
+void draw() {
+  // Radiergummi
+  fill(255);
+  noStroke();
+  ellipse(mouseX, mouseY, 15, 15);
+  strokeWeight(1);
+}

Lektion 1/Interaktion/Rechteck-Ecke/Rechteck-Ecke.pde

@@ -0,0 +1,11 @@
+void setup() {
+  size(200, 200);
+  background(255);
+}
+void draw() {
+  background(255);
+
+  rectMode(CORNERS);
+  rect(50, 50,
+       mouseX, mouseY);
+}

Lektion 1/Interaktion/Symmetrische Linie/Symmetrische Linie.pde

@@ -0,0 +1,14 @@
+void setup() {
+  size(200, 200);
+  background(255);
+}
+void draw() {
+  background(255);
+
+  // first line to center
+  line(mouseX, mouseY,
+       200/2, 200/2);
+  // second line from center
+  line(200/2, 200/2,
+       100+100-mouseX, 100+100-mouseY);
+}

Lektion 1/Interaktion/Wachsendes Quadrat/Wachsendes Quadrat.pde

@@ -0,0 +1,7 @@
+void setup() {
+  size(200, 200);
+}
+void draw() {
+  background(200);
+  quad(50-mouseX, 50-mouseX, 150+mouseX, 50-mouseX, 150+mouseX, 150+mouseX, 50-mouseX, 150+mouseX);
+}

Lektion 1/Zeichnen/Gesicht/Gesicht.pde

@@ -0,0 +1,8 @@
+fill (0);
+ellipse (50,50,60,60);
+fill (253);
+ellipse (40,45,20,20);
+ellipse (60,45,20,20);
+fill (0);
+ellipse (40,45,4,4);
+ellipse (60,45,4,4);

Lektion 1/Zeichnen/Gesicht_mit_Mund/Gesicht_mit_Mund.pde

@@ -0,0 +1,20 @@
+size(200, 200);
+
+
+fill (0); //schwarzes Gesicht
+ellipse (50,50,60,60);
+fill (253); //weiße Augen
+ellipse (40,45,20,20);
+ellipse (60,45,20,20);
+fill (0); //schwarze Augenfarbe
+ellipse (40,45,4,4);
+ellipse (60,45,4,4);
+
+fill (253); //weißer Mund
+ellipse (50,65,40,10);
+
+stroke (0); //Zähne
+line (30,65, 70,65);
+line (50,60, 50,70); //mittel Zahnlinie
+line (40,60, 40,70);
+line (60,60, 60,70);

Lektion 1/Zeichnen/Haus_mit_Begin_Shape/Haus_mit_Begin_Shape.pde

@@ -0,0 +1,12 @@
+beginShape (); // Dachfigur
+vertex (50, 10); // Spitze 
+vertex (70, 30); //rechts
+vertex (30, 30); //links
+endShape (CLOSE);
+
+beginShape (); // Haus
+vertex (30,30); //oben links
+vertex (30, 65); // unten links
+vertex (70, 65); // unten rechts
+vertex (70,30); // oben rechts
+endShape (CLOSE);

Lektion 1/Zeichnen/Haus_mit_Grundformen/Haus_mit_Grundformen.pde

@@ -0,0 +1,3 @@
+rect (25, 35, 50, 45); // das Rechteck (Haus)
+
+triangle (25,35, 50, 10, 75, 35); // das Dreieck (Dach)

Lektion 1/Zeichnen/Rainbow/Rainbow.pde

@@ -0,0 +1,13 @@
+void setup() {
+  size(700, 600);
+  background (0,0,253);
+  noStroke ();
+  fill (253,0,0);
+  arc (350,600, 700,700, radians (180), radians (360));
+  fill (240, 150,0);
+  arc (350,600,550,550, radians (180), radians (360));
+  fill (250, 300, 0);
+  arc (350, 600, 400,400, radians (180), radians (360));
+  fill (0,0, 253);
+  arc (350,600, 250, 250, radians (180), radians (360));
+}

Lektion 1/Zeichnen/Schwarz_wei__rechteck/Schwarz_wei__rechteck.pde

@@ -0,0 +1,3 @@
+rect (20,10, 30,55);
+fill (0);
+rect (50,10,30,55);

Lektion 1/Zeichnen/Smiley/Smiley.pde

@@ -0,0 +1,6 @@
+fill (250, 200,0);
+ellipse (50,50,50,50); // Kopf
+triangle (50,50, 45,55, 55, 55); // Nase
+ellipse (40,50,5,5); // linkes Auge
+ellipse (60,50,5,5);
+arc (50,55, 35, 30, radians(0), radians(180));

Lektion 1/Zeichnen/Stern/Stern.pde

@@ -0,0 +1,16 @@
+background (233,0,57); // roter Hintergrund
+noStroke (); // Entfernung der Linien um Überlappung beider Figuren zu verbergen
+fill (1,50,100); //blaue Färbung
+beginShape (); // Vieleck mit Spitze nach oben
+vertex (30,80); //linker "Fuß"
+vertex (50,15); //die obere Spitze
+vertex (70,80); //rechter "Fuß"
+vertex (45,60); // Verbindungspunkt 
+endShape ();
+
+beginShape (); //Vieleck mit Spitze nach schräg rechts
+vertex (80, 40); // rechter Arm Spitze
+vertex (30, 80); // linker Fuß
+vertex (35, 55); // Verbindungspunkt
+vertex (20, 40); // linker Arm Spitze
+endShape ();

Lektion 1/Zeichnen/Stern_abgebe_version/Stern_abgebe_version.pde

@@ -0,0 +1,24 @@
+
+
+fill (255, 10); // sorgt für Sichtbarkeit aller Linien (Transparenz)
+
+beginShape (); // Vieleck mit Spitze nach oben
+vertex (30,80); //linker "Fuß"
+vertex (50,15); //die obere Spitze
+vertex (70,80); //rechter "Fuß"
+vertex (50,65); // Verbindungspunkt 
+endShape (CLOSE);
+
+beginShape (); //Vieleck mit Spitze nach schräg rechts
+vertex (80, 40); // rechter Arm Spitze
+vertex (30, 80); // linker Fuß
+vertex (37, 55); // Verbindungspunkt
+vertex (20, 40); // linker Arm Spitze
+endShape (CLOSE);
+
+beginShape (); // Vieleck mit Spitze nach schräg links
+vertex (70,80); //rechter Fuß
+vertex (20,40); //linker Arm
+vertex (80,40); //rechter Arm
+vertex (63,55); // Verbindungspunkt
+endShape (CLOSE);

Lektion 1/Zeichnen/halbe_ellipse/halbe_ellipse.pde

@@ -0,0 +1,2 @@
+fill (203); // damit nur die Linie zu sehen ist
+arc (50,50,60,65, radians (180), radians (360));