@@ Line 59: / Line 59: @@
 Klickt man auf die linke Maus erscheint ein Text, den man in ein Raster unterteilen kann.
 Klickt man auf die recht Maustaste erscheint ein Bild, das man in Raster unterteilen kann.
+PFont font;
+PImage meinBild;
+int tileCountX = 10;
+int posX;
+int c;
+void setup()
+{
+  font= createFont("Arbonnie",12,true);
+  textFont(font,17);
+  text('1');
+  background(0);
+  size(500,500);
+  smooth();
+}
+int a;
+void draw()
+{
+  noStroke();
+  fill(50);
+  pushMatrix();
+  translate(a,0);
+  triangle(0,0,0,40,20,20);
+  translate(0,50);
+  triangle(0,0,0,40,20,20);
+  translate(0,50);
+  triangle(0,0,0,40,20,20);
+  translate(0,50);
+  triangle(0,0,0,40,20,20);
+  translate(0,50);
+  triangle(0,0,0,40,20,20);
+  translate(0,50);
+  triangle(0,0,0,40,20,20);
+  translate(0,50);
+  triangle(0,0,0,40,20,20);
+  translate(0,50);
+  triangle(0,0,0,40,20,20);
+  translate(0,50);
+  triangle(0,0,0,40,20,20);
+  translate(0,50);
+  triangle(0,0,0,40,20,20);
+  fill(255);
+  text("9",0,27);
+  text("8",0,-23);
+  text("7",0,-70);
+  text("6",0,-123);
+  text("5",0,-173);
+  text("4",0,-223);
+  text("3",0,-273);
+  text("2",0,-323);
+  text("1",0,-373);
+  text("0",0,-423);
+  //strokeWeight(10);
+  //point(10,10);
+  popMatrix();
+  pushMatrix();
+   triangle(0,0,40,0,20,20);
+   translate(a,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   triangle(0,0,40,0,20,20);
+   translate(50,0);
+   popMatrix();
+   fill(50);
+   text("a",15,15);
+   text("b",65,15);
+   text("c",115,15);
+   text("d",165,15);
+   text("e",215,15);
+   text("f",265,16);
+   text("g",314,13);
+   text("h",365,15);
+   text("i",415,15);
+   text("j",468,13);
+}
+int b;
+void keyPressed()
+{
+  println("du hast die Taste'"+key+"'gedrückt");
+  println("der tastencode lautet:"+keyCode);
+  if (key=='9')
+  {
+    stroke(255);
+    line(0,470,500,470);
+  }
+  if (key=='8')
+  {
+    stroke(255);
+    line(0,420,500,420);
+  }
+  if(key=='7')
+  {
+    stroke(255);
+    line(0,370,500,370);
+  }
+  if(key=='6')
+  {
+    stroke(255);
+    line(0,320,500,320);
+  }
+  if(key=='5')
+  {
+    stroke(255);
+    line(0,270,500,270);
+  }
+  if(key=='4')
+  {
+    stroke(255);
+    line(0,220,500,220);
+  }
+  if(key=='3')
+  {
+    stroke(255);
+    line(0,170,500,170);
+  }
+  if(key=='2')
+  {
+    stroke(255);
+    line(0,120,500,120);
+  }if(key=='1')
+  {
+    stroke(255);
+    line(0,70,500,70);
+  }
+  if(key=='0')
+  {
+    stroke(255);
+    line(0,20,500,20);
+  }
+  //alphabet
+  if (key=='a')
+  {
+    stroke(255);
+    line(20,0,20,500);
+  }
+  if (key=='b')
+  {
+    stroke(255);
+    line(70,0,70,500);
+  }
+  if(key=='c')
+  {
+    stroke(255);
+    line(120,0,120,500);
+  }
+  if(key=='d')
+  {
+    stroke(255);
+    line(170,0,170,500);
+  }
+  if(key=='e')
+  {
+    stroke(255);
+    line(220,0,220,500);
+  }
+  if(key=='f')
+  {
+    stroke(255);
+    line(270,0,270,500);
+  }
+  if(key=='g')
+  {
+    stroke(255);
+    line(320,0,320,500);
+  }
+  if(key=='h')
+  {
+    stroke(255);
+    line(370,0,370,500);
+  }if(key=='i')
+  {
+    stroke(255);
+    line(420,0,420,500);
+  }
+  if(key=='j')
+  {
+    stroke(255);
+    line(470,0,470,500);
+  }
+}
+ void mousePressed()
+ {
+  switch(mouseButton)
+  {
+    case LEFT:
+  font= createFont("Arbonnie",30,true);
+  textFont(font,23);
+   stroke(255,3,29);
+   //1.Block
+   pushMatrix();
+   text("rasterras-",30,50);
+  translate(200,0);
+  text("rasterras-",30,50);
+  translate(200,0);
+  text("rasterras-",30,50);
+   popMatrix();
+   pushMatrix();
+   text("terraster",30,100);
+   translate(200,0);
+   text("terraster",30,100);
+   translate(200,0);
+   text("terraster",30,100);
+   popMatrix();
+   //2.Block
+   pushMatrix();
+   text("terrasterras-",30,250);
+   text("rasterras-",30,200);
+   translate(200,0);
+   text("terrasterras-",30,250);
+   text("rasterras-",30,200);
+   translate(200,0);
+   text("terrasterras-",30,250);
+   text("rasterras-",30,200);
+   popMatrix();
+   //3.Block
+   pushMatrix();
+   text("terraster",30,300);
+   text("rasterras-",30,350);
+   translate(200,0);
+   text("terraster",30,300);
+   text("rasterras-",30,350);
+   translate(200,0);
+   text("terraster",30,300);
+   text("rasterras-",30,350);
+   popMatrix();
+   //4.block
+   pushMatrix();
+   text("terraster",30,450);
+   text("rasterraster",30,500);
+   translate(200,0);
+   text("terraster",30,450);
+   text("rasterraster",30,500);
+   translate(200,0);
+   text("terraster",30,450);
+   text("rasterraster",30,500);
+   popMatrix();
+   break;
+   case RIGHT:
+    meinBild=loadImage("klickraster.png");
+    image(meinBild,0,0);
+  }
+ }