2017年9月18日 星期一

17/09/18 德宇的筆記Week1

目標一:簡易小畫家


開啟程式:Processing









編譯介面:






















筆記:

畫線 → line(float,float,float,float);
畫矩形 → rect(float,float,float,float) ;
調整視窗大小 → size (float,flaot);
操控滑鼠 → mouseX 和 pmouseX;
顏色 → stroke(#XXXXXX);
調整粗細 → strokeWeight(float);
使用鍵盤操控 → if 結合 key,if(key=='1'){}


程式:

1.畫出點和線

























程式碼:
line(0,0,100,100);//從(0,0)到(100,100)的一條線


2.畫矩形



























程式碼:
rect(20,20,40,30);//在(20,20)畫一個長寬為40*30的一條線


3.改變視窗大小























程式碼:
size(300,500);//拉一個長寬為300*500的視窗


4.滑鼠畫線



















筆記:
前面mouseX , mouseY 是現在滑鼠的位置,移動到pmouseX , pmouseY 的滑鼠位置
(這樣就可以操控滑鼠畫線)




5.調整顏色


















程式碼:
stroke(#48A8F5);//使用#48A8F5的色號


5.調整粗度


















程式碼:
strokeWeight(10);//使用粗度10來畫


6.使用按鍵調整顏色




程式碼:
  if(key=='1')//按1
  {
    strokeWeight(10);//使用粗度10來畫
    stroke(#48AFF5);//使用#48AFF5的色號
  }
  if(key=='2')
  {
    strokeWeight(5);//使用粗度5來畫
    stroke(#AF48F5);//使用#AF48F5的色號
  };



目標二:簡易小畫家


去體驗其他創作藉由processing所製作的互動技術


沒有留言:

張貼留言