Week01-8:45到學校沒遲到´･ᴗ･`
小技巧：
1.改字型大小→Ctrl+,
2.自動排版→Ctrl+t
3.上一步→Ctrl+z
●Step01-到https://processing.org/ 下載程式
●Step02-解壓縮
●Step04-畫出直線
《程式碼》：
line(10,10,90,90);//從左邊座標(10,10)到右邊座標(90,90)
●Step05-放大視窗+直線
《程式碼》：
size(700,700);//視窗大小
line(10,10,90,90);//從左邊座標(10,10)到右邊座標(90,90)
●Step06-放大視窗+直線+畫出框框
《程式碼》：
size(700,700);//視窗大小
line(10,10,90,90);//從左邊座標(10,10)到右邊座標(90,90)
rect(100,100,200,200);//在座標(100,100)畫出長200寬200的矩形
●Step07-畫出背景顏色
《程式碼》：
size(700,700);//視窗大小
background(255,255,0);//背景顏色為黃色
●Step08-注意!!如果把顏色放在最下面會把東西都蓋掉
《程式碼》：
size(700,700);//視窗大小
background(255,255,0);//背景顏色為黃色
line(10,10,90,90);//從左邊座標(10,10)到右邊座標(90,90)
rect(100,100,200,200);//在座標(100,100)畫出長200寬200的矩形
●Step09-偷懶顏色小撇步
◎到工具>顏色選擇器>選好顏色>按複製>貼到數字那
《程式碼》：
size(700,700);//視窗大小background(#12A2FF);//背景顏色為藍色
line(10,10,90,90);//從左邊座標(10,10)到右邊座標(90,90)
rect(100,100,200,200);//在座標(100,100)畫出長200寬200的矩形
●Step10-如果想要單個形狀有顏色
《程式碼》：
size(700,700);//視窗大小background(#12A2FF);//背景顏色為藍色
line(10,10,90,90);//從左邊座標(10,10)到右邊座標(90,90)
fill(#F5489C);//粉色
rect(100,100,200,200);//在座標(100,100)畫出長200寬200的矩形
●Step11-畫出橢圓形
《程式碼》：
size(700,700);//視窗大小
background(255,255,0);//背景顏色為黃色
rect(100,100,200,100);//在座標(100,100)畫出長200寬200的矩形
ellipse(100,100,200,100);//在座標(100,100)畫出長200寬100的橢圓形
《程式碼》：
size(700,700);//視窗大小
background(#436AFF);//視窗背景為藍色
rect(100,100,400,400);在座標(100,100)畫出長400寬400的矩形
fill(#FF8E31);//橘色
ellipse(200,300,50,50);//畫出橘色圓形(左眼)
ellipse(390,300,50,50);//畫出橘色圓形(右眼)
ellipse(300,400,300,100);//畫出橘色橢圓形(嘴巴)
fill(#020303);//黑色
ellipse(200,300,10,10);//畫出黑色圓形(左眼)
ellipse(390,300,10,10);//畫出黑色圓形(右眼)
line(150, 400, 450, 400);//從左邊座標(150,400)到右邊座標(450,400)
沒有留言:
張貼留言