2012年12月10日 星期一

HW3-2
HW3-1












心得:

          這次的作業已經開始有所謂的互動性了,不是單純跑圖片,像是眼珠的題目,就是使用滑鼠與圖片的互動,來讓眼球隨著滑鼠來轉動,而第二個小畫家互動性就更高了,可以點擊區域來發揮出不同的功能,但必須要很小心地注意邊界的問題,常常會因為邊界設錯讓程式出現問題,有時也因更新率出現無法解決的問題,只能因靠加大邊界來使他不會出現問題。

學習重點:

        mousePressed: 滑鼠有無按下,只有兩種結果有按下跟沒按下兩種。
       mouseX: 滑鼠的X軸
       mouseY: 滑鼠的Y軸
       pmouseX: 滑鼠前一個位置的X軸
       pmouseY: 滑鼠前一個位置的Y軸

重點程式碼:

       if (mousePressed == true){ //滑鼠有按下
          if(mouseX<50 && mouseY<50) stroke(255,0,0); //滑鼠按在紅色區
          else if(mouseX<50 && mouseY<100 && mouseY>50) stroke(0,255,0); //滑鼠按在綠色區
          else if(mouseX<50 && mouseY<150 && mouseY>100) stroke(0,0,255); //滑鼠按在藍色區
          else if(mouseX<50 && mouseY<200 && mouseY>150) stroke(255,255,0); //滑鼠按在黃色區
          else if(mouseX<50 && mouseY<250 && mouseY>200) stroke(0,255,255); //滑鼠按在青藍色區
          else if(mouseX>70 && mouseX<500 && mouseY<250)   //可畫出線                                                                                                   
line(mouseX,mouseY,pmouseX,pmouseY);
           else if(mouseY>250) line(mouseX,mouseY,pmouseX,pmouseY);
   }

沒有留言:

張貼留言