語法介紹:
size() 函數
size(width,height) // size函數設置顯示窗口尺寸,width -- 寬度;height -- 高度;
point() 函數
point(x,y); // 畫點函數。 x -- x軸座標;y -- y軸座標;除非特別說明,一個像素的大小就是一個點。
line() 函數
line(x1,y1,x2,y2) //畫線段函數。第兩個參數定位一個點
triangle() 函數
triangle(x1,y1,x2,y2,x3,y3) // 繪製三角形函數。每兩個參數定位一個點。
quad() 函數
quad(x1,y1,x2,y2,x3,y3,x4,y4) // 繪製四邊形函數。每兩個參數定位一個點,適當改變這些參數可以得到長方形,正文形等。
rect() 函數
rect(x,y,width,height) // 繪製長方形函數。前兩個參數定位長方形左上角的位置,後兩個是寬度和高度。
ellipse() 函數
ellipse(x,y,width,height) // 繪製橢圓形。前兩個參數設置橢圓圓心的位置;第三個參數設置長軸;第四個參數設置短軸。
bezier() 函數
bezier(x1,y1,cx1,cy1,cx2,cy2,x2,y2) // 繪製曲線函數。8個參數定位4個點,第1、4個點安瑞克曲線的起始位置,第2、3點決定曲線的形態。
//繪製貝塞爾曲線需要設置錨點和操縱點,首先由錨點確定曲線的起始位置,再由操縱點決定曲線的形態。
background() 函數
background(number); // 設置顯示窗口的背景色。number 背景色取值(0~255)
fill() 函數
fill(number1,number2) // 設置形狀的填充色函數。number1 填充色取值(0 ~ 255)。如果沒有填充色,默認255 即白色。number2 透明度控制(0 ~ 255)0爲全透明
stroke() 函數
stroke(number1,number2) //number1 設置形狀輪廓(線條筆畫)的顏色,默認0 即黑色。number2 透明度控制(0 ~ 255)0爲全透明
noFill() 函數
noFill(); // 使得填充色消失
noStroke() 函數
noStroke(); // 使得輪廓線不再被繪製。如果同時使用noFill()和noStroke(),屏幕將不繪製任何東西。
strokeWeight() 、strokeCap() 、strokeJoin()
這三個是線條屬性函數。
strokeWeight(number) // 繪製線條的寬度。number -- 數字
strokeCap(ROUND) // 端點形狀,ROUND 則線條爲圓形的端點;SQUARE則是方形端點;PROJECT則混合了兩者,
// 將SQUARE 型端點延伸至線的半徑長度。
strokeJoin(BEVEL) // 設定線段或者圖形輪廓連接方式。BEBEL 以方角連接;MITER 默認的點方式連接;ROUND 創建一條曲線。
smooth() 、noSmooth()
smooth() // 開啓平滑功能(即抗鋸齒)
noSmooth() // 關閉平滑功能(即抗鋸齒)
ellipseMode() 、rectMode() 繪圖模式
ellipseMode(CENTER) // 默認參數值爲CENTER。RADIUS模式仍然使用前兩個參數來設置圓心,
但是第三、四個參數代表的是橢圓長半軸和短半軸。CORNER模式使得ellipse()函數的工作與rect()相似,
頭兩個參數設置的是橢圓外切矩形的左上角座標,而後兩個則是該矩形的寬和高(橢圓的長軸和短軸)。