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);
+}