week02_02160234_洪振瑋

第二周
   

(1)嘗試做一個小畫家
     可是現在只能一條線固定一直畫
     不能中斷

   void setup()
{
  size(800,600);
}

void draw()    ///畫線 但不會中斷
{
 line(mouseX , mouseY , pmouseX, pmouseY);
}

(2)新增背景 然後可以中斷

void setup()
{
  size(800,600);
  background(#144C8E);   ///背景
}

void draw()   ///當滑鼠點一下之後 會中斷畫線
{
 if(mousePressed)
 line(mouseX , mouseY , pmouseX, pmouseY);

}
   

(3)左邊的框框可以選擇顏色 

     背景用白色

     

     void draw()    ///畫出對應顏色的方塊 方便選擇顏色

{

  fill(0,255,0); rect(0,0,100,100);

  fill(0,0,255); rect(0,100,100,100);

  fill(255,255,0); rect(0,200,100,100);

}

void mousePressed() ///當滑鼠在哪個區域 改變畫線的顏色

{

  if(mouseX < 100 && mouseY < 100) { stroke(0,255,0);}

  else if(mouseX < 100 && mouseY < 200) { stroke(0,0,255);}

  else if(mouseX < 100 && mouseY < 300) { stroke(255,255,0);}

}

用成七種顏色

(4) 再新增 可以調整粗細度功能

if(mouseX > 700) myTsuTsuDer = mouseY / 30;  /// 視窗右邊 越往下 粗度越大 

 黑色區域 修改粗度

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

第二樣作品

漸層刮畫

PImage imgBG;

PImage imgBlack;

void setup()

{

 size (800,600);

 imgBG = loadImage("color.jpg");

 imgBlack = createImage (800, 600, ARGB );

 imgBlack.loadPixels();

 for(int i= 0 ; i<imgBlack.pixels.length;i++)

   {

     imgBlack.pixels[i] = color(0,0,0,255);

   }

   imgBlack.updatePixels();

}

void draw()

{

  image(imgBG,0,0,width,height);

  image(imgBlack,0,0,width,height);

}

void mouseDragged()

{

 imgBlack.loadPixels();

 imgBlack.pixels [mouseX+ mouseY * width] = color(0,0,0,0);

 imgBlack.updatePixels();

}

第二種方法!!!!

直接利用線的漸層顏色來畫

void setup()

{

  size(800,600);

  colorMode(HSB, 800);

  background(0);

  strokeWeight(2);

}

void draw()

{

       if(mousePressed)

              {

                       stroke(mouseX, mouseY, 800);

                       line(mouseX , mouseY, pmouseX, pmouseY);

              }

}