陳建勳的第三周作業

1. 今天目標: 畫出一個五子棋
1.1. 使用 Tool- Color Selector, 挑出你要的顏色, 可用 R,G,B 來描述,也可用 #0B33FF 之類的像亂碼的數字來設定顏色
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;

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(255,0,0);

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

  fill(0);

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

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

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

   } 

  }

}

void mousePressed(){

 array[nowX][nowY]=1; 

}

void mouseMoved(){

 nowX = (mouseX-50)/80; 

 nowY = (mouseY-50)/80;

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

}

int nowColor=1;

int nowX, nowY;

int [][] array = new int [10][10];

void setup(){

 size(800,800); 

}

void draw(){

 background(#F0D079); 

  noFill();

  strokeWeight(6);

  rect(50,50,720,720);

  strokeWeight(1);

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

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

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

  }

  fill(255,0,0);  ellipse(nowX*80+50, nowY*80+50, 80,80);

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

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

    if(array[i][j]==1){fill(0); ellipse(i*80+50, j*80+50, 80, 80);}

    if(array[i][j]==2){fill(255); ellipse(i*80+50, j*80+50, 80, 80);}

   } 

  }

}

void mousePressed(){

 array[nowX][nowY]=nowColor; 

 if(nowColor==1)nowColor=2;

 else if(nowColor==2)nowColor=1;

}

void mouseMoved(){

 nowX = (mouseX-50)/80; 

 nowY = (mouseY-50)/80;

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

}

1. Google 美女工程師, 程式語言用 Ruby, C++, Processing 

1.1. TODO: 請去找一下 Processing 寫出來的作品 

1.2. TODO: 用 Youtube 分享,按Blogger 把 HTML的 <iframe...> 貼在你的作業中

1.3. 下載 Processing 

2. TODO: 寫出你的第一個Processing 程式碼: Hello World 變 Hello Kitty

3. TODO: 請找一張圖,用小畫家(mspaint)輔佐你,畫出你的 Processing 圖, 並都貼出來。

4. TODO: 請寫下你的心得 (1) 你學了什麼東西, (2) 有什麼東西不懂, (3) , 還想學什麼

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

HTML