程式碼:
void setup() {
size(500,400);
background(255);
smooth();
noStroke();
fill(255,0,0);
rect(0,0,50,50);
fill(255,127,39);
rect(0,50,50,50);
fill(255,255,0);
rect(0,100,50,50);
fill(0,255,0);
rect(0,150,50,50);
fill(0,0,255);
rect(0,200,50,50);
fill(0,0,0);
rect(0,250,50,50);
fill(255,0,255);
rect(0,300,50,50);
fill(128,64,64);
rect(0,350,50,50);
stroke(0);
strokeWeight(3);
fill(255);
rect(450,0,50,50);
rect(450,50,50,50);
rect(450,100,50,50);
rect(450,150,50,50);
rect(450,200,50,50);
fill(0);
strokeWeight(5);
textSize(13);
text("SAVE", 458, 30);
text("ERASER", 452, 80);
text("CLEAR", 454, 130);
textSize(30);
text(".", 470, 180);
textSize(50);
text(".", 470, 230);
}
void draw() {
if(mousePressed==true&&mouseButton==LEFT){
if(mouseX<50&&mouseY<50&&mousePressed==true){
stroke(237,28,36);
}else if(mouseX<50&&mouseY<100&&mousePressed==true){
stroke(255,128,64);
}else if(mouseX<50&&mouseY<150&&mousePressed==true){
stroke(255,255,0);
}else if(mouseX<50&&mouseY<200&&mousePressed==true){
stroke(0,255,0);
}else if(mouseX<50&&mouseY<250&&mousePressed==true){
stroke(0,0,255);
}else if(mouseX<50&&mouseY<300&&mousePressed==true){
stroke(0,0,0);
}else if(mouseX<50&&mouseY<350&&mousePressed==true){
stroke(255,0,255);
}else if(mouseX<50&&mouseY<400&&mousePressed==true){
stroke(128,64,64);
}else if(mouseX>450&&mouseY<50&&mousePressed==true){
save("line.jpg");
}else if(mouseX>450&&mouseY<100&&mousePressed==true){
stroke(255);
}else if(mouseX>450&&mouseY<150&&mousePressed==true){
noStroke();
fill(255);
rect(50,0,399,400);
rect(50,252,500,150);
stroke(0);
}else if(mouseX>450&&mouseY<200&&mousePressed==true){
strokeWeight(5);
}else if(mouseX>450&&mouseY<250&&mousePressed==true){
strokeWeight(9);
}
if(mouseX>57 && mouseX<443 && mouseY>0 && mouseY<400)
line(mouseX, mouseY, pmouseX, pmouseY);
}
}
心得:
這次原先是要做與滑鼠互動，不過因為大家的進度超前了，所以直接教到下次的課題，大家都好認真的，與滑鼠互動真的是好神奇喔，感覺電腦真的有好幾雙眼睛在盯著自己的滑鼠，超奇妙的感覺，再來就是進階課題，也是與滑鼠互動，不過卻要用電腦來設計一個簡易型小畫家，真的做出來後真的有股成就感，覺得自己好像真的有了一個資工人的專長，再來就是要用我們寫出的小畫家來做一幅畫了，總的來說，我就是一個美術差的人，哈哈^^
沒有留言:
張貼留言