Week3

##課堂內容
http://2013interaction.blogspot.tw/2013/09/week03.html

##實作
畫棋盤

加上游標控制

微調

做滑鼠click事件

雙色設定

====程式碼====
int nowX,nowY,newColor=1;//讀滑鼠座標用的(表示現在位置用),color判讀顏色用
int [][]array=new int[15][15];//開格子存(紀錄)棋子位置

void setup()
{  size(800,800);/*視窗大小*/}

void draw()
{
  background(#FCBC54);//背景色 用Tool->ColorSelector工具選色
  noFill();//加這行使矩形範圍不填滿預設顏色(會變成背景色)
  strokeWeight(5);//線條寬度
  rect(50,50,700,700);//座標(50,50)起始畫700*700的矩形
  strokeWeight(1);//線條寬度
  for(int i=0;i<13;i++)//畫出50*50的格子
  {
    line(50,100+i*50,750,100+i*50);//橫線
    line(100+i*50,50,100+i*50,750);/*縱線*/
  }
  fill(255,0,0,100);//滑鼠的現在位置顏色
  strokeWeight(2);//線條寬度
  rect(nowX*50+25,nowY*50+25,50,50);
  //做,滑鼠位置(棋子位置)填色
  for(int i=0;i<15;i++)
  {
    for(int j=0;j<15;j++)
    {
      if(array[i][j]==1)//把數值變1的格子畫方塊(上色)
      {
        fill(0,0,0);
        rect(i*50+25,j*50+25,50,50);
     }
      if(array[i][j]==2)//把數值變1的格子畫方塊(上色)
      {
        fill(255,255,255);
        rect(i*50+25,j*50+25,50,50);
      }
    }
  }
}
void mousePressed()//滑鼠點下
{
  array[nowX][nowY]=newColor;//將點下的格子數值變1
  //做換色動作
  if(newColor==1)  newColor=2;
  else if(newColor==2) newColor=1;
}
void mouseMoved()//讓方塊隨滑鼠走
{
  nowX=(mouseX-25)/50;//有寫-50/50這樣才會"一格一格"移動,不然會跟著游標跨界飄
  nowY=(mouseY-25)/50;
}




##貼你覺得有意思的影片, 使用youtube 的分享, Blogger 分享, 兩邊都改成 HTML, 貼上 
HTML