02160252智智 week2

今天第一步是製作簡易小畫家

之後加入能修改背景的程式碼

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

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

}
    

我們在這一步驟做了比較大的變動將筆刷顏色利用視窗的左邊來變換並交左邊的滑鼠筆刷顏色控制方控制在長寬各100的大小

加入粗細範圍

第二個作業是刮畫

先製作底圖

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);

              }

}