第三周上課內容

1.畫棋盤:
void setup()
{
  size(800,800);//視窗大小
}
void draw()
{
  background(#F0D079);//背景顏色
  noFill();//框框裡不填顏色
  strokeWeight(6);//筆的粗細
  rect(50,50,725,725);//50 50代表第一點(左上角) 725 725 是長*寬
  strokeWeight(1);
  for(int i=0;i<9;i++)
  {
    line(50,50+i*80,775,50+i*80);//(第一點X座標,第一點y座標,第二點X座標,第二點y座標)
     line(50+i*80,50,50+i*80,775);//(第一點X座標,第一點y座標,第二點X座標,第二點y座標)
  }
}

2.框框顏色:
int nowX,nowY;
void setup()
{
  size(800,800);//視窗大小
}
void draw()
{
  background(#F0D079);//背景顏色
  noFill();//框框裡不填顏色
  strokeWeight(6);//筆的粗細
  rect(50,50,725,725);//50 50代表第一點(左上角) 725 725 是長*寬
  strokeWeight(1);
  for(int i=0;i<9;i++)
  {
    line(50,50+i*80,775,50+i*80);//(第一點X座標,第一點y座標,第二點X座標,第二點y座標)
     line(50+i*80,50,50+i*80,775);//(第一點X座標,第一點y座標,第二點X座標,第二點y座標)
  }
  fill(255,0,0);
  rect(nowX*80+50,nowY*80+50,80,80);
}
void mouseMoved()
{
  nowX=(mouseX-50)/80;
  nowY=(mouseY-50)/80;
  println("mouseX:"+mouseX+"nouseY:"+mouseY+"nowX:"+nowX+"nowY:"+nowY);
}

3.像下棋一樣的遊戲:

int nowX,nowY;

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

void setup()

{

  size(800,800);//視窗大小

}

void draw()

{

  background(#F0D079);//背景顏色

  noFill();//框框裡不填顏色

  strokeWeight(6);//筆的粗細

  rect(50,50,725,725);//50 50代表第一點(左上角) 725 725 是長*寬

  strokeWeight(1);

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

  {

    line(50,50+i*80,775,50+i*80);//(第一點X座標,第一點y座標,第二點X座標,第二點y座標)

     line(50+i*80,50,50+i*80,775);//(第一點X座標,第一點y座標,第二點X座標,第二點y座標)

  }

  fill(255,0,0);

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

  fill(0);//4.黑色

  for(int i=0;i<8;i++)//2.使用FOR迴圈,來進行陣列比較、畫圖

  {

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

    {

      if(array[i][j]==1)

      rect(i*80+50,j*80+50,80,80);

    }

  }

}

void mousePressed()//3.使用含是來將MOUSE改變ARRAY[I][J]裡面的值

{

  array[nowX][nowY]=1;

}

void mouseMoved()

{

  nowX=(mouseX-50)/80;

  nowY=(mouseY-50)/80;

  println("mouseX:"+mouseX+"nouseY:"+mouseY+"nowX:"+nowX+"nowY:"+nowY);

}

3.processing 作品:

特別是後面的很有趣，向連結東西一樣。