2012年10月9日 星期二

Week05,Hw05

1.1



void setup(){
    size(600,600);
 
}
   
     float rrr=0.01;
void draw(){
  background(204,255,255);
    fill(153,102,0);
  rect(280,300,20,300);
  translate(300,300);
  rotate(rrr);rrr+=0.02;



  for(int i=0;i<13;i++){
     fill(255,random(255),30+(i+52));
     rotate(PI/6);
     ellipse(100,0,200,40);
  }
    fill(153,51,255);
    ellipse(0,0,100,100);
 
 
}


1.2

2.1花朵會跟著滑鼠一定
void setup(){
    size(600,600);
    
}
     
     float rrr=0.01;
void draw(){
  background(204,255,255);
    fill(153,102,0);
  rect(mouseX,mouseY,20,300);
  translate(mouseX,mouseY);
  rotate(rrr);rrr+=0.02;

  for(int i=0;i<13;i++){
     fill(255,random(255),30+(i+52));
     rotate(PI/6);
     ellipse(100,0,200,40);
  }
    fill(153,51,255);
    ellipse(0,0,100,100); 
    
}
2.2

3.期中想做的作業

海綿寶寶戳泡泡

要盡量戳破更多的泡泡,讓海綿寶寶不要發笑
螢幕邊的計量尺表示海綿寶寶笑的程度,泡泡離越多,笑得越厲害
不要讓計量尺升到頂部




HW5, week5


void setup(){
  size(600,600);
  frameRate(20);
  background(255);


}
float angle;
float x= 100,y=100;
void draw(){
  background(255);
  angle +=0.5; ;//- 10*PI/180
 // translate(300,300);
   x=x*0.71+mouseX*0.29;
   y=y*0.71+mouseY*0.29;
  translate(x, y);

  for(int i=0;i<36;i++){
    noStroke();
    rotate( PI/18+angle);
    translate(2,20);
     fill(240,3,0,50);
    ellipse(100,200,200,20);
    fill(240,0,0,50);
    ellipse(100,0,200,20);
    translate(-2,-20);
  }
  fill(255,255,0,250);
  ellipse(0,0,20,20);
/*  if(angle%4==1)
  {
  fill(255);
  ellipse(0,0,1000,00);
}*/
void setup(){
  size(600,600);
  frameRate(20);
  background(255);


}
float angle;
float x= 100,y=100;
int rt=0;
Boolean big=true;
void mousePressed() {
  if (big) {
    rt+=10;
  } else {
   rt-=20;
  }
  if(rt>255)big=false;
  if(rt<0)big=true;
}
void draw(){
  background(255);
  angle +=0.5; ;//- 10*PI/180
 // translate(300,300);
   x=x*0.71+mouseX*0.29;
   y=y*0.71+mouseY*0.29;
  translate(x, y);

  for(int i=0;i<36;i++){
    noStroke();
    rotate( PI/18+angle);
    translate(2,20);
     fill(240,3,rt,50);
     ellipse(100,200,200+rt,20+rt);
     fill(0,0,240,50);
     ellipse(100,0,200+rt,20+rt);
     translate(-2,-20);
  }
  fill(255,255,0,250);
  ellipse(0,0,20,20);
}
/*  if(angle%4==1)
  {
  fill(255);
  ellipse(0,0,1000,00);
}*/


}

想做的是可能類似炸彈超人的遊戲

98163021張耀璇, HW05,Week05

void setup(){
  size(600,600);
}
float rrr=0.01;
void draw(){
  translate(300,300);
  background(0,0,0);
 fill(0,64,0);
ellipse(-2,150,20,250);
pushMatrix();
  rotate(rrr);rrr+=0.5;
  for(int i=0;i<10;i++){
    fill(i*50,255-i,150+i);
    rotate( PI/5);
    ellipse(100,10,200,50);
  }
  fill(255,0,0);
  ellipse(0,0,50,50);
  popMatrix();
  } 
 
 

void setup(){
  size(600,600);
}
float rrr=0.01;
void draw(){
  translate(300,300);
  background(0,0,0);
 fill(0,64,0);
ellipse(-2,150,20,250);
pushMatrix();

  if(mouseX<150||mouseX&rt;450)
  {
  rotate(rrr);
  rrr+=0.5;
  }
  else
  rotate(rrr);
   for(int i=0;i<10;i++){
    fill(i*50,255-i,150+i);
    rotate( PI/5);
    ellipse(100,10,200,50);
  }
  fill(255,0,0);
  ellipse(0,0,50,50);
  popMatrix();
  } 


3.射龍門
一開始電腦為莊家,然後會開出兩張牌,在這個區間中的牌即為獲勝,但是在兩張牌區間之外即為認輸,如果剛好在區間上,是輸雙倍錢。
 

98160860黃麒, HW05, Week05

1.花會一直旋轉:

void setup(){
size(800,800);
}
float rrr;
void draw(){
  background (255,100,0);
  fill (0,200,10);
  translate(400,700);
  rotate(PI/-10);
  ellipse (160,0,300,100);
  rotate(PI/10);
  rotate(PI/10);
  ellipse (-150,0,300,100);
  rotate(PI/-10);
  
  translate(-400,-700);
  
  translate(400,280);
  rect (-10,5,25,450);
  ellipse (30,30,100,10);
  
  rotate(rrr);rrr+=0.03;
  for(int i=0;i<20;i++){
    fill (i*20,i*20,i*40);
    rotate(PI/10);
    ellipse (100,0,250,50);
 }
 fill (255,255,0);
 ellipse (0,0,50,50);
}


2.花跟滑鼠跑~



void setup(){
size(800,800);
}
float rrr;
float c=random(255);
void draw(){
  translate(mouseX-400,mouseY-400);
  pushMatrix();
  background (255,100,0);
  fill (0,200,10);
  translate(400,700);
  rotate(PI/-10);
  ellipse (160,0,300,100);
  rotate(PI/10);
  rotate(PI/10);
  ellipse (-150,0,300,100);
  rotate(PI/-10);
  
  translate(-400,-700);
  
  translate(400,280);
  rect (-10,5,25,450);
  ellipse (30,30,100,10);
  
  rotate(rrr);rrr+=0.03;
  for(int i=0;i<20;i++){
    fill (i*10,c,c/i);
    rotate(PI/10);
    ellipse (100,0,250,50);
 }
 fill (255,255,0);
 ellipse (0,0,50,50);
 popMatrix();
}

3. 期中作品你想做什麼 (請放圖、放文字)



我們想要做的是射龍門~ 老師同學可能不知道射龍門是什麼東西,所以我就先來講解一下:

射龍門是撲克牌其中一種玩法。
玩家首先把兩張牌翻開,根據這兩張牌的數字,玩家要猜下一張牌的數字是介於這兩數字之間、之外,或是相同。
現在多半在過年時,親子同樂的賭博遊戲,首先先在桌上丟出至少十元的硬幣,若有五位玩家要參與遊戲,則本次遊戲的最高本金就是五十元。 再由其中一位玩家為各位玩家(包含自己)發兩張牌,此時每位玩家可從檯面上的本金決定要下注之金額,最少十元最多五十,再翻出第三張牌,若第三張牌介於前兩張牌之間,則可拿走自己所下注的金額,若在兩張牌之外,則必須賠一倍的金額。
利如:開出的兩張牌是3和9,玩家下注十元,此時若開出4.5.6.8(7有特別意義,等等補充),則該玩家可獲得十元,若開出1.2.10.11.12.13,則該名玩家需多拿出十元制於檯面上。其中若開出3或者9,則玩家必須賠雙倍,也就是二十元,若開出7,則必須賠單倍,十元。
當然這遊戲另外一種情況:當開出兩張牌相同時,玩家可選擇要在相同點數之上或之下,例如開出兩張6,玩家可決定要6以上或者六以下,賞罰和前面相同,而若開出來的牌是6,則該玩家須賠六倍,也就是六十元至檯面上。





Week 05 , Hw 05

1.1

























float k=0.001;
float[] r=new float[10];
float[] g=new float[10];
float[] b=new float[10];
void flower()
{
  pushMatrix();
    for(int i=0;i<10;i++){
      rotate(PI/5);
      fill(r[i],g[i],b[i]);
      ellipse(40,0,80,25);
      fill(255,255,0);
      ellipse(0,0,25,25);
    }
  popMatrix();
}

void setup()
{
  size(720,720);
  background(255);
  for(int i=0;i<10;i++){
    r[i]=random(0,255);
    g[i]=random(0,255);
    b[i]=random(0,255);
  }
}
void draw()
{
  scale(1.2,1.2);
  background(255);
  translate(300,300);
  pushMatrix();
    rotate(k);
    k+=0.01;
    flower();
  popMatrix();
}



























2.2





























鍵盤上下,可調整時鐘速度!
滑鼠左鍵震動畫面。

float k=0.001;
float[] r=new float[10];
float[] g=new float[10];
float[] b=new float[10];
float h=0,m=0,s=0;
int ox,oy;
PFont myFont;
float speed=0.001;
float sizea,sizeb;
void keyPressed(){
  if(key == CODED){
     if(keyCode == UP) speed+=0.002;
    else if(keyCode == DOWN) speed-=0.002;
  }
}
int count=0;
void mouseClicked()
{
   sizea=sizeb=1.1;
   count=0;
}
void flower()
{
  pushMatrix();
    for(int i=0;i<10;i++){
      rotate(PI/5);
      fill(r[i],g[i],b[i]);
      ellipse(40,0,80,25);
      fill(255,255,0);
      ellipse(0,0,25,25);
    }
  popMatrix();
}
void clock()
{
  pushMatrix();
    translate(-9,9);
    for(int i=1;i<13;i++)
      text(i, 250*cos(PI/6*(i-3)),250*sin(PI/6*(i-3)));
  popMatrix();
}
void setup()
{
  sizea=sizeb=1;
  myFont = createFont("FFScala", 32);
  textFont(myFont);
  size(600,600);
  background(255);
  for(int i=0;i<10;i++){
    r[i]=random(0,255);
    g[i]=random(0,255);
    b[i]=random(0,255);
  }
}
void draw()
{
  background(255);
  translate(300,300);
  scale(sizea,sizeb);
  //Board
  stroke(0);
  fill(205,174,201);
  strokeWeight(10);
  ellipse(0,0,600,600);
  strokeWeight(1);
 
  //Flower
  pushMatrix();
    rotate(k);
    k+=0.01;
    flower();
  popMatrix();
 
  //Time
  clock();
 
  //Hour , minute and second
  strokeWeight(5);
  stroke(0);
  line(0,0,120*cos(PI/6*(h-3)),120*sin(PI/6*(h-3)));
  h+=speed;
  stroke(128,0,0);
  line(0,0,180*cos(PI/6*(m-3)),180*sin(PI/6*(m-3)));
  m+=speed*12;
  stroke(255,0,0);
  line(0,0,240*cos(PI/6*(s-3)),240*sin(PI/6*(s-3)));
  s+=speed*144;
  count++;
  if(count == 2){
    sizea=sizeb=1;
    count=0;
  }
 
  save("C:/sv.jpg");
}


2.3





















想做像是以前外面大型音樂遊戲機台的模式,有一個踏板,以及六個按鍵。

而在這次作業希望能以六個鍵盤按鍵取代。

方式為游標由上向下落,直到指定位置按下對應件即可得分。

week05,HW05

1. 會自己轉動的花




void setup(){
  size(600,600);
  noStroke();
}
float angle=0.01;
void draw(){
  background(0,0,0);
  translate(300,300);
  rotate(angle);
  angle=angle+0.01;
  for(int i=0;i<16;i++){
    rotate( PI/8);
    fill(100,200,0);
    ellipse(100,0,180,40);
    fill(255,100,0);
    ellipse(100,0,250,20);
  }
} 

2. 會跟著滑鼠跑的






void setup(){
  size(600,600);
  noStroke();
}
float angle=0.01;
void draw(){
  background(0,0,0);
  if(mousePressed){
  float move=(mouseX-pmouseX)-(mouseY-pmouseY);
  angle = angle + (move)*10*PI/30;
  }
  translate(mouseX,mouseY);
  rotate(angle);
  //angle=angle+0.01;  for(int i=0;i<16;i++){
    rotate( PI/8);
    fill(100,255,255);
    ellipse(100,0,180,40);
    fill(255,100,0);
    ellipse(100,0,250,20); 
  }
} 

3.

小朋友下樓梯!

WEEK05,HW05

5-1 自動旋轉的花




















void setup(){
  size(600,600);
  background(100,180,200);
}
float r=0.01;
float rr=-0.01;
void draw(){
  background(100,180,200);  //畫面更新,不會有殘影
  translate(300,300);
  rotate(r);  r+=0.01;  //自動旋轉
  for(int i=0;i<18;i++){
    rotate( PI/7);  //固定角度PI=180度=3.14...
    fill(255,100,100);
    ellipse(100,0,200,40);
    rotate(PI/8);
    fill(250,200,0);
    ellipse(100,0,200,20);
  }
  translate(0,0);
  rotate(rr);  rr-=0.01;
    for(int i=0;i<10;i++){
    rotate(PI/5);
    fill(0,100,100);
    ellipse(100,0,120,10);
  }
}
/*
pushMatrix()
保護、不影響外面
popMatrix()
*/

5-2 可互動




















/*宣告放音樂函式*/
import ddf.minim.*;
import ddf.minim.analysis.*;
Minim minim;
AudioPlayer song;
void setup(){
  /*放音樂,音樂要儲存在processing檔案資料夾下*/
  /*minim = new Minim(this);
  song = minim.loadFile("marcus_kellis_theme.mp3", 2048);
  song.play();*/
 
  size(600,600);
  background(100,180,200);
}
float r=0.01,rr=-0.01;
float x=300,y=300;
float s=1;
void draw(){
  background(100,180,200);  //畫面更新,不會有殘影
  translate(x,y);
  rotate(r);  r+=0.01;  //自動旋轉
  if(mousePressed){
    for(int i=0;i<18;i++){
       rotate( PI/7);  //固定角度PI=180度=3.14...
       fill(255,100,100);
       ellipse(100,0,200,40);
       rotate(PI/8);
       fill(250,200,0);
       ellipse(100,0,200,20);
       scale(s); s+=0.00001;   //按滑鼠會放大大大大大大
    }
  }
  translate(0,0);
  rotate(rr);  rr-=0.01;
  for(int i=0;i<10;i++){
    rotate(PI/5);
    fill(0,100,100);
    ellipse(100,0,120,10);
  }
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}

5-3 預想期中作品(圖、文字)















擦窗戶遊戲
1. 可以操作鍵盤的上下左右和空白鍵
上下左右->控制位置
空白鍵->擦窗戶(按三次才算擦乾淨)
2. 上面有障礙物隨機掉下
3. 有計分表和時間限制
4. 可暫停和重新遊戲的按鈕

5-4 心得
學到物件可以自動旋轉。

week05,hw05

1.
void setup(){
  size(600,600);
}
float r=0.01;
void draw(){
  background(0,128,0);
  translate(300,300);
 

  rotate(r);r+=0.01; 
  fill(255,174,201);
  for(int i=0;i<18;i++){
    rotate( PI/9);
    ellipse(100,0,100,30);
  }
   fill(255,255,0);
  ellipse(0,0,150,150);
 
} 

2.
void setup(){
  size(600,600);
}
float r=0.01;
void draw(){
  background(0,128,0);
  if(mousePressed){
    float move=(mouseX-pmouseX)-(mouseY-pmouseY);
    r = r + (move)*10*PI/50;
  }
  translate(mouseX,mouseY);
  rotate(r);
  //r+=0.01;   fill(255,174,201);
  for(int i=0;i<18;i++){
    rotate( PI/9);
    ellipse(100,0,100,30);
  }
   fill(255,255,0);
  ellipse(0,0,150,150);
 
} 

3.

小朋友下樓梯~~~~~~~~~~~

W05

一朵花


void setup(){
  size(600,600);
}
void draw(){
  translate(300,300);
  
  fill(255,0,0);
  
  for(int i=0;i<10;i++){
    rotate( PI/5);
    ellipse(80,0,100,40);
  }
  
  fill(0,255,0);
  ellipse(0,0,80,80);
  
  fill(0);
  ellipse(-10,-10,10,10);
  ellipse(10,-10,10,10);
  
  noFill();
  
  arc(0, 0, 60, 60, 0, PI);

} 

會動的花
void setup(){
  size(600,600);
}
float rr=0.01;
void draw(){
  translate(300,300);
  background(0,0,0);
  fill(0,50,0);
  rect(-5,0,10,200);
  
  pushMatrix();
    rotate(rr); rr+=0.01;
    
     float c = random(255);
     
    for(float i=0;i<10;i++){
      fill(c*25,c,255/i); 
      rotate( PI/5);
      ellipse(80,0,100,40);
    }
  popMatrix();
  
  fill(0,255,0);
  ellipse(0,0,80,80);
  fill(0);
  ellipse(-10,-10,10,10);
  ellipse(10,-10,10,10);
    
  noFill(); 
  arc(0, 0, 60, 60, 0, PI);
  
} 

互動的花
1.太陽可以動
2.花會有笑臉和哭臉
3.花瓣顏色會跟著滑鼠改變顏色

void setup(){
  size(600,600);
}
float rr=0.01;
float a,b;
void draw(){
  translate(300,300);
  
  float r,b,g;
  

  background(153,271,234);
  //background(0,0,255);
  
  
  fill(0,50,0);
  rect(-5,0,10,200);
  
  float x=mouseX,y=mouseY;
  float len=sqrt(x*x+y*y)/3;
  
  
  pushMatrix();
    rotate(rr); rr+=0.01;
    
     float c = random(255);
     
    for(float i=0;i<10;i++){
      fill(c*25,len,255/i); 
      rotate( PI/5);
      ellipse(80,0,100,40);
    }
  popMatrix();
  
  fill(0,255,0);
  ellipse(0,0,80,80);
  fill(0);
  ellipse(-10,-10,10,10);
  ellipse(10,-10,10,10);
    
  noFill(); 
  if(mouseX<300)
  {
    arc(0, 0, 50, 50, 0, PI);
  }
  else if (mouseX<600)
  {
   arc(0, 20, 50, 40, PI, 2*PI);
  }
  
  
  pushMatrix();
  float ty=mouseY;
  if(mouseY<300) ty=mouseY-300;  else ty=0;
  translate(mouseX-300,ty);
  fill(255,255,0);
  ellipse(0,0,80,80);
  popMatrix();
  
  
} 


第三題
期中專題想做題目與類型

棒球遊戲
圖片出處:http://www.gamersenterprise.com/play.php?act=play&id=1582&name=Chicken-Little-Batting-Practice

week05,HW05

1.
(1)processing
void setup(){
  size(600,600);
}
float rrr=0.008;
void draw(){
  noStroke();
  background(0,120,120);
 
  fill(255,125,128);
  rect(250,300,100,250);
  ellipse(300,300,400,400);
  ellipse(300,550,300,50);
 
  fill(0,120,120);
  ellipse(300,300,300,300);
  translate(300,300);
  rotate(rrr+=0.008);
  fill(255,255,255);
  for(int i=0;i<18;i++){
  rotate( PI/3);
  ellipse(100,20,200,100);
   
  }
}

(2)pic

2.
(1)processing
void setup(){
  size(600,600);
}
 
float rrr=0.008;
void draw(){
  noStroke();
  background(0,120,120);
 
  fill(255,125,128);
  rect(250,300,100,250);
  ellipse(300,300,400,400);
  ellipse(300,550,300,50);
 
  fill(0,120,120);
  ellipse(300,300,300,300);
  translate(mouseX,mouseY);
  rotate(rrr+=0.008);
  fill(255,255,255);
  for(int i=0;i<18;i++){
  rotate( PI/3);
  ellipse(100,20,200,100);
   
  }
}

(2)pic












3.換衣服(髮型)的小遊戲

week05,hw05

 1.會自己轉動

void setup(){
  size(600,600);
  background(0,120,120); 
}
 float angle=0.01;
void draw(){
  background(0,0,0);
  fill(255,0,255);
  ellipse(300,300,200,200);
  translate(300,300);
  rotate(angle);
  angle=angle+0.01;
  for(int i=0;i<18;i++){
    rotate( PI/9);
    fill(255,125,128);
    ellipse(100,100,150,30);
  }
} 
2.會跟著滑鼠跑
void setup(){
  size(600,600);
  background(0,120,120); 
}
 float angle=0.01;
void draw(){
  background(0,0,0);
  translate(mouseX,mouseY);
  rotate(angle);
  angle=angle+0.01;
  for(int i=0;i<18;i++){
    rotate( PI/9);
    fill(255,125,128);
    ellipse(50,50,150,30);
  }
} 
3.期中作業



 
http://flashgame.sina.com.tw/wp-content/themes/flashgamer/game.php?id=4686

HW05

HW05
作業1: 會自己動
作業2: 會和你互動
作業3: 期中作品你想做什麼 (請放圖、放文字)
======
void setup(){
  size(600,600);
}
void draw(){
  translate(300,300);
  fill(255,0,0);
  for(int i=0;i<36;i++){
    rotate( PI/18);
    ellipse(100,0,200,20);
  }
}

====
void setup(){
  size(600,600);
}
float rrr=0.01;
void draw(){
  background(0,0,0);
  translate(300,300);
 
  rotate(rrr);rrr+=0.001;
 
  fill(255,0,0);
  for(int i=0;i<36;i++){
    rotate( PI/18);
    ellipse(100,0,200,20);
  }
}

HW05, Week05






void setup()
{
  size(700,700);
}
float x=100,y=100, r=0;

void draw()
{
  background(0,0,0);

  translate(mouseX,mouseY);
  rotate(r);
  r+=0.01;
  fill(255,100,150);
  fill(random(255),random(255),random(255));
  for(int i=0;i<16;i++)
  {
    rotate(PI/8);
    ellipse(mouseX-300,mouseY-300,150,40);
  }
}


這是作業一和作業二一起的,會旋轉和滑鼠互動。


期中作業; 打蒼蠅遊戲




W4

作業:


void setup()
{
size(600,400);
background(255,255,255);
fill(255,0,0);
rect(0,0,50,50);
fill(0,0,0);
rect(0,50,50,50);
fill(190,80,30);
rect(0,100,50,50);
fill(200,177,120);
rect(0,150,50,50);
fill(240,217,160);
rect(0,200,50,50);
fill(255,255,255);
rect(550,0,50,50);
fill(255,255,255);
ellipse(575, 25, 2,2);
fill(255,255,255);
rect(550,50,50,50);
ellipse(575, 75, 6, 6);
rect(550,100,50,50);
ellipse(575, 125, 10,10);
rect(0,250,50,50);
rect(550,150,50,50);
ellipse(575, 175, 20,20);
rect(0,250,50,50);
stroke(255,0,0);
strokeWeight(1);
}
void draw()
{
if(mouseX>550 && mouseX<600 && mouseY>0 && mouseY<50 && mousePressed)
{
strokeWeight(3);
}
else if(mouseX>550 && mouseX<600 && mouseY>50 && mouseY<100 && mousePressed)
{
strokeWeight(6);
}
else if(mouseX>550 && mouseX<600 && mouseY>100 && mouseY<150 && mousePressed)
{
strokeWeight(10);
}
else if(mouseX>550 && mouseX<600 && mouseY>150 && mouseY<200 && mousePressed)
{
strokeWeight(20);
}
else if(mouseX < 50 && mouseY<50 && mousePressed)
{
stroke(255,0,0);
}
else if(mouseX < 50 && mouseY<100 && mousePressed)
{
stroke(0,0,0);
}
else if(mouseX < 50 && mouseY<150 && mousePressed)
{
stroke(190,80,30);
}
else if(mouseX < 50 && mouseY<200 && mousePressed)
{
stroke(200,177,120);
}
else if(mouseX < 50 && mouseY<250 && mousePressed)
{
stroke(240,217,160);
}
else if(mouseX < 50 && mouseY<300 && mousePressed)
{
stroke(255,255,255);
}
else if(mousePressed)
{
line(mouseX,mouseY,pmouseX,pmouseY);
}
}


processing真的可以做好多事情 令人十分吃驚。小畫家耶,都能做了,還有啥事不能做的??

Week04,HW04


                                                                         [小畫家]

void setup(){
  background(255,202,202);  //背景顏色
  size(500,400); //大小
  fill(255);  //填入第一個框框的顏色
  rect(0,0,50,50);
  fill(240,156,100); //填入第二個框框的顏色
  rect(0,50,50,50);
  fill(134,62,13); //填入第三個框框的顏色
  rect(0,100,50,50);
  fill(255,128,128); //填入第四個框框的顏色
  rect(0,150,50,50);
  fill(255); //填入第五個框框的顏色
  rect(0,200,50,50);
  fill(237,244,96); //填入第六個框框的顏色
  rect(0,250,50,50);
  fill(132,193,255); //填入第七個框框的顏色
  rect(0,300,50,50);
  fill(166,255,166); //填入第八個框框的顏色
  rect(0,350,50,50);
  fill(255);  //填入第九個框框的顏色(back)
  rect(450,0,50,50);
  fill(255);  //填入第十個框框的顏色(畫筆粗)
  rect(450,50,50,50);
 }
 void draw(){
  int www=5;
  if(mousePressed && mouseX<50 && mouseY<50) stroke(255,202,202);
  else if(mousePressed && mouseX<50 && mouseY<100) stroke(240,156,100);
  else if(mousePressed && mouseX<50 && mouseY<150) stroke(134,62,13);
  else if(mousePressed && mouseX<50 && mouseY<200) stroke(255,128,128);
  else if(mousePressed && mouseX<50 && mouseY<250) stroke(255);
  else if(mousePressed && mouseX<50 && mouseY<300) stroke(237,244,96);
  else if(mousePressed && mouseX<50 && mouseY<350) stroke(132,193,255);
  else if(mousePressed && mouseX<50 && mouseY<400) stroke(166,255,166);
 
  else if(mousePressed && mouseX<250 && mouseY<50) save("aaa.png");
 
  else if(mousePressed && mouseX<500 && mouseY<50){
    PImage file = loadImage("aaa.png");
    image(file, 0,0,500,400);
  }
  else if(mousePressed && mouseX>450 && mouseY<100){
    strokeWeight(++www);
  }
  else if(mousePressed && mouseX<450 && mouseY<10){
    strokeWeight(--www);
    if(www<2)www=2;
  }
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);  //線
 }
 

心得:
安裝KINECT有點錯愕,不知道在做什麼。