喵~程式繪圖

Processing 

• 學習影片:https://www.youtube.com/channel/UCoQzbAB-dVSJe_OkkWBc3bg/featured
• 教材:https://www.youtube.com/channel/UCoQzbAB-dVSJe_OkkWBc3bg/featured
• 初學者第一步:把字體放大!!!
• 
• 對程式碼點右鍵>>在參考文件中搜索(可以找到延伸用法)
• 

繪圖(畫線、畫圓、畫矩形......)

• Processing 座標
• 
• 
• 線: line(10,10,90,90);///(x1,y1,x2,y2)
• 
• 視窗大小: size(400,400);///(長,寬)
• 
• 矩形: rect(100,100,200,200,60);///(x1,y1,x2,y2,圓角[可以用四個不角度])
• 
• 橢圓(圓): ellipse(200,250,30,10);///(x,y,長,寬)
• 

填色方法(在需上色的圖案程式前加入以下對應方法)#超前進度

• 填色格式:
1. 灰階(0~255)
2. RGB(R,G,B) / (R,G,B,A)///透明度
• 
  
  
3. #FFFFFF
• 

• 色塊: fill();
• 
• 線框: stroke();
• 
• 背景色: background();
• 

小試身手:

• background(#94F5FC);
• stroke(#C974FF);
• line(0,50,400,50);
• line(0,350,400,350);
• line(0,60,400,60);
• line(0,340,400,340);
• line(50,0,50,400);
• line(350,0,350,400);
• line(60,0,60,400);
• line(340,0,340,400);
• stroke(0,0,0);
• size(400,400);
• fill(#FCFF5D);
• rect(100,100,200,200,60);
• fill(#FF3E3E);
• ellipse(200,250,30,10);
• fill(0,0,0);
• ellipse(160,180,30,50);
• ellipse(240,180,30,50);
• fill(255,255,255);
• ellipse(160,180,10,20);
• ellipse(240,180,10,20);