2016年9月12日 星期一

Week02

Week02

自己製作簡單小畫家功能

1.可以畫線,但一線到底


2.多了if(mousePressed),限制滑鼠按住的時候才會畫線


3.將背景設定為白色,並按鍵盤1,2,3可以畫出不同顏色


4.加入設定線的粗細(用滾輪),滾輪網上滑,最小為1;滾輪往下滑可加粗
   粗度顯示在左下角數值

   程式碼:
   int now=1;
  void mouseWheel(MouseEvent event) {
  float e = event.getCount();
  //println(e);
  now +=e;
  if(now<1) now=1;
  strokeWeight(now);
  println(now);
  }
a. 較粗

b. 較細


5.加入存檔,讀檔功能
  程式碼:
    if(key=='s') save("now.png");
  if(key=='r'){
    PImage img=loadImage("now.png");
    if(img!=null) image(img, 0,0);
  }
a. 畫好圖,點選s即可存檔  

b.存取的檔案顯示為程式碼寫的"now.png"


6. 加入調色盤,按鍵盤c跑出調色盤,再按一下就可以關閉
   

※必須將調色盤圖檔先儲存成程式碼寫的"colorMap.png"才能顯示


7.將繪畫部分寫入,滑鼠點選位置,計算座標X,Y像素質來計算出顏色

程式碼:
 if(bColorSelect){
    loadPixels();
    stroke(pixels[mouseX+mouseY*width]);
  }

a.滑鼠按一下選取顏色

b.關閉調色盤,畫線即可塗出想要的顏色





沒有留言:

張貼留言