Digital Bauhaus Vorkurs/Projekte/Raster

Durch verschieben der Maus verändert sich die Größe der Rechtecke/Dreiecke/Kreise

void setup()
{
  size(400,400);
  smooth();
}

int R; int G; int B;
int zeileY = 0;
int zeileX = 0;
int r;

void draw()
{
  background(90,64,31);
   
  
  int spalten = 10;
  for (int zeileY=0; zeileY<spalten; zeileY++) {
    for (int zeileX=0; zeileX<spalten; zeileX++) {
      
      int posX = width/spalten * zeileX;
      int posY = height/spalten*zeileY;
      
   noFill();
   stroke(209,152,82,255);
   rect(posX,posY,mouseX,mouseY);

    
   strokeWeight(1);
    }
  }
}

void mousePressed()
{
   stop();
}

Durch klicken auf Buchstabentasten a-f und Zahlentasten 1-10 kann man selbst ein Raster erstellen. 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);
  }
     

 }

Verschiebt man die Maus nach rechts, verscheiben sich die "waben" nach rechts, verschiebt man die Maus nach links, verschieben sie sich nach links. Drückt man die recht Maus, werden sie schwarz umrandet.