2013年9月29日 星期日

Week4 葉玉婷

小畫家!!

void setup()
{
  size(400,400); //尺寸
  background(255); //背景色為白
}

void draw()
{
}

void mouseDragged() //滑鼠畫畫囉
{
  line(mouseX,mouseY,pmouseX,pmouseY);  //滑鼠點哪畫哪
}



新增紅色與綠色


void setup()
{
  size(400,400); //尺寸
  background(255); //背景色為白
}

void draw() 
{
  fill(255,0,0); //填入紅色
  rect(0,0,100,100); //畫紅色矩形
  fill(0,255,0); //填入綠色
  rect(0,100,100,100); //畫綠色矩形
}

void mouseDragged() //滑鼠畫畫囉
{
  line(mouseX,mouseY,pmouseX,pmouseY);  //滑鼠點哪畫哪 
}
void mouseClicked()
{
  if(mouseX<100 && mouseY<100) stroke(255,0,0);  //XY介於100內的話顯示紅色
  else if(mouseX<100 && mouseY<200) stroke(0,255,0); //X介於100內,Y在200內的話顯示綠色
}
void mouseReleased()
{
}


新增其他顏色!






void setup()
{
  size(400,400); //尺寸
  background(255); //背景色為白
}

void draw() 
{
  fill(255,0,0); //填入紅色
  rect(0,0,30,30); //畫紅色矩形
  fill(0,255,0); //填入綠色
  rect(0,30,30,30); //畫綠色矩形
  fill(0,0,255); //填入藍色
  rect(0,60,30,30); //畫藍色矩形
  fill(255,255,0); //填入黃色
  rect(0,90,30,30); //畫黃色矩形  
  fill(255,0,255); //填入紫色
  rect(0,120,30,30); //畫紫色矩形    
  fill(0,255,255); //填入水藍色
  rect(0,150,30,30); //畫水藍色矩形     
}

void mouseDragged() //滑鼠畫畫囉
{
  line(mouseX,mouseY,pmouseX,pmouseY);  //滑鼠點哪畫哪 
}
void mouseClicked()
{
  if(mouseX<30 && mouseY<30) stroke(255,0,0);  //XY介於30內的話顯示紅色
  else if(mouseX<30 && mouseY<60) stroke(0,255,0); //X介於30內,Y在60內的話顯示綠色
  else if(mouseX<30 && mouseY<90) stroke(0,0,255); //X介於30內,Y在90內的話顯示藍色
  else if(mouseX<30 && mouseY<120) stroke(255,255,0); //X介於30內,Y在120內的話顯示黃色
  else if(mouseX<30 && mouseY<150) stroke(255,0,255); //X介於30內,Y在150內的話顯示紫色
  else if(mouseX<30 && mouseY<180) stroke(0,255,255); //X介於30內,Y在180內的話顯示水藍色
}
void mouseReleased()
{
}


漸層的感覺




void setup()
{
  size(400,400); //尺寸
  background(255); //背景色為白
  noStroke();
  colorMode(HSB,100);
  for(int i=0;i<100;i++)  //漸層的感覺
  { 
     for(int j=0;j<100;j++)
     {
        stroke(i,j,100);
        point(i,j);
     }
  }
}
void draw() 
{
}
void mouseDragged() //滑鼠畫畫囉
{
  line(mouseX,mouseY,pmouseX,pmouseY);  //滑鼠點哪畫哪 
}
void mousePressed()
{
  if(mouseX<100 && mouseY<100) stroke(mouseX,mouseY,100); 
}





調整粗細


void setup()
{
  size(500,500); //尺寸
  background(255); //背景色為白
  noStroke();

  colorMode(HSB,100);
  for(int i=0;i<100;i++)  //漸層的感覺
  { 
     for(int j=0;j<100;j++)
     {
        stroke(i,j,100);
        point(i,j);
     }
  }
fill(255); //填入
rect(400,0,100,100);  //矩形
strokeWeight(20); //粗細
stroke(#000000); //顏色
point(450,50); //點點
}
void draw() 
{
}
void mouseDragged() //滑鼠畫畫囉
{
  if(mouseX>100) line(mouseX,mouseY,pmouseX,pmouseY); //滑鼠位置
}
void mousePressed()
{
  if(mouseX<100 && mouseY<100)
  {
    colorMode(HSB,100);
    stroke(mouseX,mouseY,100); 
  } else if(mouseX<100 && mouseY<200) stroke(#FFA0B9); //畫出顏色
}


游標改成網路上的圖片
可以選擇三種粗細!!

void setup()
{
  PImage ima;
  ima=loadImage("http://durbs.kwazulunatal.com/number12/pen.gif");
  cursor(ima,mouseX,mouseY);
  size(500,500); //尺寸
  background(255); //背景色為白
  noStroke();

  colorMode(HSB,100);
  for(int i=0;i<100;i++)  //漸層的感覺
  { 
     for(int j=0;j<100;j++)
     {
        stroke(i,j,100);
        point(i,j);
     }
  }
fill(255); //填入
rect(430,0,50,50);  //矩形
rect(430,50,50,50);  //矩形
rect(430,100,50,50);  //矩形
strokeWeight(10); //粗細
stroke(#000000); //顏色
point(455,25); //點點
strokeWeight(30); //粗細
point(455,75); //點點
strokeWeight(50); //粗細
point(455,125); //點點

}
void draw() 
{

}
void mouseDragged() //滑鼠畫畫囉
{
  if(mouseX>150 && mouseX<400) line(mouseX,mouseY,pmouseX,pmouseY); //滑鼠位置
}
void mousePressed()
{  
  if(mouseX>=455 && mouseY<=50)
  {
    strokeWeight(10); //粗細
  } 
  else if(mouseX>=455 && mouseY<=75)
  {
    strokeWeight(30); //粗細
  } 
  else if(mouseX>=455 && mouseY<=125)
  {
    strokeWeight(50); //粗細
  } 
  
  if(mouseX<100 && mouseY<100)
  {
    colorMode(HSB,100);
    stroke(mouseX,mouseY,100); 
  } else if(mouseX<100 && mouseY<200) stroke(#FFA0B9); //畫出顏色
}


心得:今天學到很多,速度剛好,謝謝老師

沒有留言:

張貼留言