做出互動小畫家
先把畫線的程式做出來
程式碼:
void setup(){
size(600,600);
}
void draw(){
line(mouseX,mouseY,pmouseX,pmouseY);
}
再來加入滑鼠按壓偵測,讓線條能斷開
程式碼:if(mousePressed)
加入選擇顏色的功能
程式碼:
void keyPressed(){
if(key=='1') stroke(#FF0000);
if(key=='2') stroke(#00FF00);
if(key=='3') stroke(#0000FF);
}按下鍵盤上的鍵改變顏色
加入粗細變更
程式碼:
void mouseWheel(MouseEvent event) {
float e = event.getCount();
now+=e;
if(now<1) now=1;
strokeWeight(now);
println(now);
}用滾輪控制粗細
加入檔案存取的功能
程式碼:
if(key=='s') save("now.png");
if(key=='r'){
PImage img=loadImage("now.png");
if(img!=null) image(img, 0,0);
}
增加調色盤的選項
程式碼:
if(key=='c'&& bColorSelect==false){
bColorSelect=true;
save("beforeColor.png");
PImage img=loadImage("colorMap.png");
image(img, 0,0);
}
else if(key=='c'&& bColorSelect==true){
bColorSelect=false;
PImage img=loadImage("beforeColor.png");
if(img!=null) image(img, 0,0);
}
<記得要存調色盤的圖片到資料夾中>
加入選擇調色盤顏色功能
程式碼:
if(bColorSelect){
loadPixels();
stroke(pixels[mouseX+mouseY*width]);
}
沒有留言:
張貼留言