Week03第三週課堂作業

1. 今天目標: 畫出一個五子棋
1.1. 使用 Tool- Color Selector

void setup(){
  size(800,800);
}
void draw(){
  background(#F0D079);
  noFill();
  strokeWeight(6);
  rect(50,50,700,700);
  strokeWeight(1);
  for(int i=0;i<9;i++){
    line(50,50+i*80,750,50+i*80); //橫線
    line(50+i*80,50,50+i*80,750); //直線 
  }

}

1.2. 要畫外框,可以用 rect()來畫, 要修改填充的顏色可以用fill(), 要讓畫的內部不要填充, 可以查看 Help-Reference 後,在 fill()樓上樓下相關的地方找到你要的功能 (ex. noFill() )
1.3. 使用 stroke() 來調畫線stroke的顏色, 在 Help-Reference 裡面可以找 stroke 相關的功能,像是比較粗的 stroke 可以用 strokeWeight() 來設定權重粗細
1.4. 想要畫裡面的細黑線,可以用 line() 來畫,配上不同的 strokeWeight() 粗細


int nowX,nowY;
void setup(){
  size(800,800);
}
void draw(){
  background(#F0D079);
  noFill();
  strokeWeight(6);
  rect(50,50,700,700);
  strokeWeight(1);
  for(int i=0;i<9;i++){
    line(50,50+i*80,750,50+i*80);
    line(50+i*80,50,50+i*80,750);
  }
  fill(0,255,0);
  rect(nowX*80+50,nowY*80+50,80,80);
}

void mouseMoved(){
  nowX = (mouseX-50)/80;
  nowY = (mouseY-50)/80;
  println("mouseX: " + mouseX + "mouxeY: " + mouseY + "noeX: " + nowX + "nowY:" + nowY);
}

int nowX,nowY;

int [][] array = new int [8][8]; //宣告陣列

void setup(){

  size(800,800);

}

void draw(){

  background(#F0D079);

  noFill();

  strokeWeight(6);

  rect(50,50,700,700);

  strokeWeight(1);

  for(int i=0;i<9;i++){

    line(50,50+i*80,750,50+i*80);

    line(50+i*80,50,50+i*80,750);

  }

  fill(0,255,0);

  rect(nowX*80+50,nowY*80+50,80,80);

  fill(0,0,255);

  for(int i=0;i<8;i++){ //使用for迴圈 進行陣列比較 畫圖

    for(int j=0;j<8;j++){

      if(array[i][j]==1) rect(i*80+50,j*80+50,80,80);

    }

  }

}

void mousePressed(){ //使用函式將mouse 改變 array[i][j]裡面的值

  array[nowX][nowY]=1;

}

void mouseMoved(){

  nowX = (mouseX-50)/80;

  nowY = (mouseY-50)/80;

  println("mouseX: " + mouseX + "mouxeY: " + mouseY + "noeX: " + nowX + "nowY:" + nowY);

}