week_03

(1) 

//week03_1_PImage_loadImage_image

//把下載的arufa.jpg拉到程式的框框裡
PImage img=loadImage("arufa.jpg");
size(600,400);
image(img,0,0);
///要先把圖片放進去

 
(2)//week03_2_void_setup_void_draw_fill_rest

//把下載的arufa.jpg拉到程式的框框裡
PImage img;
void setup() {
  size(600, 400);
  img=loadImage("arufa.jpg");
}
void draw() {
  image(img, 0, 0);
  noStroke();///不要有邊框
  fill(200,200,255,128);///顏色半透明
  rect(mouseX,mouseY,70,50);
}

(3)
//week03_3_arufa_rect_rect_rect
//把下載的arufa.jpg拉到程式的框框裡
PImage img;
void setup() {
  size(600, 400);
  img=loadImage("arufa.jpg");
}
void draw() {
  image(img, 0, 0);
  noCursor();//不要有cursor鼠標
  noStroke();//不要有框
  fill(200,200,255,128);//藍色半透明
  
  rect(mouseX,mouseY-80,70,50);
  
  rect(mouseX-30,mouseY-40,70,50);
  rect(mouseX+30,mouseY-40,70,50);
  
  rect(mouseX+60,mouseY,70,50);
  rect(mouseX,mouseY,70,50);
  rect(mouseX-60,mouseY,70,50);
  
  rect(mouseX+30,mouseY+40,70,50);
  rect(mouseX-30,mouseY+40,70,50);
  rect(mouseX-90,mouseY+40,70,50);
  rect(mouseX+90,mouseY+40,70,50);
  ///上部分
  ///下部分
  rect(mouseX+60,mouseY+80,70,50);
  rect(mouseX,mouseY+80,70,50);
  rect(mouseX-60,mouseY+80,70,50);
  
  rect(mouseX-30,mouseY+120,70,50);
  rect(mouseX+30,mouseY+120,70,50);
  
  rect(mouseX,mouseY+160,70,50);
}





(4)
//week03_4_arufa_for_for_rect
PImage img;
void setup() {
  size(600, 400);
  img=loadImage("arufa.jpg");
}
void draw() {
  image(img, 0, 0);
  noCursor();//不要有cursor鼠標
  noStroke();//不要有框
  fill(200, 200, 255, 128);//藍色半透明

  for (int i=1; i<=4; i++) {
    for (int j=0; j<i; j++) {
      float y=i*40, x=-i/2*60+j*60+((i%2==0)?30:0);
      rect(mouseX+x, mouseY-80+y, 70, 50);
    }
  }
  for (int i=3; i>=1; i--) {
    for (int j=0; j<i; j++) {
      float y=(4-i)*40+160, x=-i/2*60+j*60+((i%2==0)?30:0);
      rect(mouseX+x, mouseY-80+y, 70, 50);
    }
  }
}




 
(5)
//week05_go_for_for_rect
size(450, 450);
background(220, 179, 92);
strokeWeight(2);
for (int i=0; i<9; i++) {
  line(25, 25+i*50, 425, 25+i*50);
  line(25+i*50, 25, 25+i*50, 425);
}









(6)
//week06_go_void_setup_void_draw_ellipse_mouseX_mouseY
void setup() {
  size(450, 450);
}
void draw() {
  background(220, 179, 92);
  strokeWeight(2);
  for (int i=0; i<9; i++) {
    line(25, 25+i*50, 425, 25+i*50);
    line(25+i*50, 25, 25+i*50, 425);
  }
  ellipse(mouseX, mouseY, 45, 45);
}







(7)

//week03_7_go_2d_array
int [][]board=new int [9][9];
void setup() {
  size(450, 450);
}
void draw() {
  background(220, 179, 92);
  strokeWeight(2);
  for (int i=0; i<9; i++) {
    line(25, 25+i*50, 425, 25+i*50);
    line(25+i*50, 25, 25+i*50, 425);
  }
  for(int i=0;i<9;i++){
    for(int j=0;j<9;j++){
      if(board[i][j]==1)ellipse(25+j*50,25+i*50,45,45);
    }
  } 
  ellipse(mouseX, mouseY, 45, 45);
}
void mousePressed(){
  int i=mouseY/50,j=mouseX/50;
  board[i][j]=1;
} 

(7)
//week08_go_color_black_white
//切換黑,白,黑,白
int goColor=-1;
//week03_7_go_2d_array
int [][]board=new int [9][9];
void setup() {
  size(450, 450);
}
void draw() {
  background(220, 179, 92);
  strokeWeight(2);
  for (int i=0; i<9; i++) {
    line(25, 25+i*50, 425, 25+i*50);
    line(25+i*50, 25, 25+i*50, 425);
  }
  for(int i=0;i<9;i++){
    for(int j=0;j<9;j++){
      if(board[i][j]==0)continue;//不要畫;
      if(board[i][j]==1)fill(255);
      if(board[i][j]==-1)fill(0);
      ellipse(25+j*50,25+i*50,45,45);
    }
  } 
  if(goColor==-1)fill(0);
  else fill(255);
  ellipse(mouseX, mouseY, 45, 45);
}
void mousePressed(){
  int i=mouseY/50,j=mouseX/50;
  board[i][j]=goColor;//-1,black,+1,white
  goColor=goColor*-1;
} 

(9)

//week09_arufa_array_for
int []boardX={0, -30, +30, +60, 0, -60, -90, -30, +30, +90, +60, 0, -60, -30, +30, 0};
int []boardY={-80, -40, -40, 0, 0, 0, +40, +40, +40, +40, 80, 80, 80, 120, 120, 160};
PImage img;
void setup() {
  size(600, 400);
  img=loadImage("arufa.jpg");
}
void draw() {
  image(img, 0, 0);
  noCursor();
  noStroke();
  fill(200, 200, 255, 128);

  for (int i=0; i<16; i++) {
    rect(mouseX+boardX[i], mouseY+boardY[i], 70, 50);
  }
}