WEEK04,課堂作業

由於星期一有事請假，之後我私下請叫同學教我如何完程課堂作業。

第一節
利用滑鼠事件來畫出自己想要的圖案或是字

void setup() {

  size(400, 400); 視窗大小

  background(255);背景顏色

}

void draw() {

}

void mouseDragged() {  滑鼠事件

  line(mouseX, mouseY, pmouseX, pmouseY); 將滑鼠按下去知後可畫出自己想要的圖案

  stroke(204, 102, 0);線的顏色

  strokeWeight(5);線的粗細

}

第二節

void setup(){

  size(600,600);

  background(255);

}

void draw(){

   fill(121,54,54);

   rect(0,0,150,150);

   fill(92,103,198);

   rect(0,150,150,150);

   fill(92,196,198);

   rect(0,300,150,150);

   fill(64,191,102);

   rect(0,450,150,150);

   fill(227,147,218);

   rect(150,450,150,150);

   fill(185,96,36);

   rect(300,450,150,150);

   fill(139,0,255);

   rect(450,450,150,150);

   fill(193,132,8);

   rect(450,300,150,150);

   fill(5,255,253);

   rect(450,150,150,150);

   fill(148,152,147);

   rect(450,0,150,150);

   fill(54,134,75);

   rect(300,0,150,150);

   fill(53,56,134);

   rect(150,0,150,150);

   

}

void mouseDragged(){

  line(mouseX, mouseY, pmouseX, pmouseY); 

  strokeWeight(5);

}

void mouseReleased(){                                                           點選方塊可以換線的顏色，用滑

   if (mouseX<150 && mouseY<150) stroke(121,54,54);      鼠拖曳，線的顏色就是方塊的顏色。

   else if(mouseX<150 && mouseY<300) stroke(92,103,198);

   else if(mouseX<150 && mouseY<450) stroke(96,196,198);

   else if(mouseX<150 && mouseY<600) stroke(64,191,102);

   else if(mouseX<300 && mouseY<150) stroke(53,56,134);

   else if(mouseX<300 && mouseY<600) stroke(227,147,218);

   else if(mouseX<450 && mouseY<150) stroke(54,134,75);

   else if(mouseX<450 && mouseY<600) stroke(185,96,36);

   else if(mouseX<600 && mouseY<150) stroke(148,152,147);

   else if(mouseX<600 && mouseY<300) stroke(5,255,253);

   else if(mouseX<600 && mouseY<450) stroke(193,132,8);

   else if(mouseX<600 && mouseY<600) stroke(139,0,255);

}

第三節

增加了彩色的漸層色塊
void setup() {
  size(600, 600);
  background(255);
  //noStroke();
  colorMode(RGB, 255);
  fill(121, 54, 54);
  rect(0, 0, 150, 150);
  fill(92, 103, 198);
  rect(0, 150, 150, 150);
  fill(92, 196, 198);
  rect(0, 300, 150, 150);
  fill(64, 191, 102);
  rect(0, 450, 150, 150);
  fill(227, 147, 218);
  rect(150, 450, 150, 150);
  fill(185, 96, 36);
  rect(300, 450, 150, 150);
  fill(139, 0, 255);
  rect(450, 450, 150, 150);
  fill(193, 132, 8);
  rect(450, 300, 150, 150);
  fill(5, 255, 253);
  rect(450, 150, 150, 150);
  fill(148, 152, 147);
  rect(450, 0, 150, 150);
  fill(54, 134, 75);
  rect(300, 0, 150, 150);
  fill(53, 56, 134);
  rect(150, 0, 150, 150);

  colorMode(HSB, 100);
  for (int i = 0; i < 150; i++) {
    for (int j = 0; j < 150; j++) {
      stroke(i, j, 150);
      point(i+225, j+225);
    }
  }
}
void draw() {
}
void mouseDragged() {
  line(mouseX, mouseY, pmouseX, pmouseY);
  strokeWeight(5);
}
void mouseReleased() {                    
  if (mouseX<150 && mouseY<150) stroke(#793636);    
  else if (mouseX<150 && mouseY<300) stroke(#5C67C6);
  else if (mouseX<150 && mouseY<450) stroke(#60C4C6);
  else if (mouseX<150 && mouseY<600) stroke(#40BF66);
  else if (mouseX>225 && mouseX<375 && mouseY>225 && mouseY<375) {
    colorMode(HSB, 100);
    stroke(mouseX, mouseY, 100);
    colorMode(RGB, 255);
  }
  else if (mouseX<300 && mouseY<150) stroke(#353886);
  else if (mouseX<300 && mouseY<600) stroke(#E393DA);
  else if (mouseX<450 && mouseY<150) stroke(#36864B);
  else if (mouseX<450 && mouseY<600) stroke(#B96024);
  else if (mouseX<600 && mouseY<150) stroke(#949893);
  else if (mouseX<600 && mouseY<300) stroke(#05FFFD);
  else if (mouseX<600 && mouseY<450) stroke(#C18408);
  else if (mouseX<600 && mouseY<600) stroke(#8B00FF);
}

void setup() {
  size(500, 500);
  background(255);
  noStroke();
  colorMode(HSB, 100);
  for (int i = 0; i < 100; i++) {
    for (int j = 0; j < 100; j++) {
      stroke(i, j, 100);
      point(i+2, j+2);
    }
  }

  fill(255);
  rect(398, 0, 100, 100);
  strokeWeight(30);
  stroke(#000000);
  point(450, 50);
}
void draw() {
}

void mouseDragged() {
  line(mouseX, mouseY, pmouseX, pmouseY);
   strokeWeight(7);
}
void mousePressed() {
  if (mouseX<150 && mouseY<150)
  {
    colorMode(HSB, 100);
    stroke(mouseX, mouseY, 100);
  }

}